@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('css')
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" />
<style>
.err_msg{
    border-radius:20px;
    padding:7px;
}

.cell{
    padding:10px;
}
</style>
@endsection

@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            @include('pages.campaign_sponsor.include_top')
            <div class="row">
                @include('pages.campaign_sponsor.include_breadcumb', ['current_page' => 'Campaign Detail'])
                @include('pages.campaign_sponsor.detail.data')
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section('scripts')
<script src="{{ url('/js/numberformat.min.js') }}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/autonumeric/4.1.0/autoNumeric.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/cleave.js/1.0.7/cleave.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<script type="text/javascript">
    // let payment_method_non_dynamic_code = '';
    // @foreach($payment_methods as $payment_method)
    //     payment_method_non_dynamic_code = payment_method_non_dynamic_code + '<option value="{{ $payment_method->id }}">{{ $payment_method->id }} - {{ $payment_method->label }}</option>';
    // @endforeach

    // $('#assign_vchr').DataTable();
    let payment_method_non_dynamic_code = '';
    @foreach($payment_methods as $payment_method)
        @if(in_array($payment_method->id, $selected_payment_methods)) 
            payment_method_non_dynamic_code = payment_method_non_dynamic_code + '<option value="{{ $payment_method->id }}" selected>{{ $payment_method->id }} - {{ $payment_method->label }}</option>';
        @else
            payment_method_non_dynamic_code = payment_method_non_dynamic_code + '<option value="{{ $payment_method->id }}">{{ $payment_method->id }} - {{ $payment_method->label }}</option>';
        @endif
    @endforeach

    @php
        $payment_method_dynamic_code = [
            '4' => 'Transfer VA Mandiri',
            '5' => 'Transfer VA BNI',
            '6' => 'Transfer VA Permata',
            '9' => 'Transfer VA BCA',
            '19' => 'Transfer VA BRI',
            '28' => 'Saldo Akun',
        ];
    @endphp

    let payment_method_dynamic_code = '';
    @foreach($payment_method_dynamic_code as $key => $payment_method)
        @if(in_array($key, $selected_payment_methods)) 
            payment_method_dynamic_code = payment_method_dynamic_code + '<option value="{{ $key }}" selected>{{ $payment_method }}</option>';
        @else
            payment_method_dynamic_code = payment_method_dynamic_code + '<option value="{{ $key }}">{{ $payment_method }}</option>';
        @endif
    @endforeach

    $('#payment_methods').html(payment_method_non_dynamic_code);
    @if($campaign->type == 'dynamic_code')
        $('#payment_methods').html(payment_method_dynamic_code);
    @endif

    function resetVoucher(vd_code_id, tvl_id) {
        if (confirm("Apakah Anda yakin ingin melepaskan voucher dari transaksi ini ? Tolong pastikan bahwa transaksi tersebut sudah expired !") == true) {
            $.ajax({
                url: '{{ url("campaign_sponsor/release_voucher") }}',
                method: "POST",
                headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
                data: {
                    vd_code_id:vd_code_id,
                    tvl_id:tvl_id,
                },
                success: function(response) {
                    alert('Success, voucher dapat digunakan lagi !');
                    location.reload();
                },
                error: function(response) {
                    var response = response.responseJSON;
                    alert(response.error);
                    $(".btn-approve").removeAttr("disabled", "disabled").html('<i class="fa fa-check"></i> Approve');
                }
            });
            return false;
        }
    }

    $("#form-generate-voucher").submit(function(){
        formData =  new FormData($(this)[0]);

        $("input[type='submit']", this).addClass("hidden");
        $(".loading", this).removeClass("hidden");
        $.ajax({
            url: web_url + '/api/campaign_sponsor/generate_voucher',
            type: "POST",
            headers: {
                'X-CSRF-TOKEN': $('input[name="_token"]', this).val()
            },
            data: formData,
            processData: false,
            contentType: false
        })
        .done(function(response) {
            alert('Voucher telah berhasil digenerate');
            window.location.reload();

        }).error(function(response) {
            var data = response.responseJSON.message_desc;
            var seq = 0;//sequence
            var first_cmp = "";

            $("#form-generate-voucher").find(".bg-danger").html("");
            $.each(data, function(key, value) {
                if(seq == 0) first_cmp = key;
                if($("#form-generate-voucher").find(".bg-danger").size() == 0) {
                    $("#form-generate-voucher").prepend('<p align="center" class="bg-danger err_msg">&nbsp;</p>');
                }
                $("#form-generate-voucher").find(".bg-danger").append(value+"<br/>");
                seq++;
            });
            if($.inArray($("#"+first_cmp)[0].tagName.toLowerCase(), ["input", "textarea"]) > -1) $("#"+first_cmp).select();
            else $("#"+first_cmp).focus();
            //$(".overlay").eq(0).hide();
            $(".loading", "#form-generate-voucher").addClass("hidden");
            $("input[type='submit']", "#form-generate-voucher").removeClass("hidden");
        });
        return false;
    });

    $("#form-campaign-sponsor-status").submit(function(){
        formData =  new FormData($(this)[0]);
        //$(".overlay").eq(1).show();
        $("input[type='submit']", this).addClass("hidden");
        $(".loading", this).removeClass("hidden");
        $.ajax({
            url: web_url + '/api/campaign_sponsor/change_status',
            type: "POST",
            headers: {
                'X-CSRF-TOKEN': $('input[name="_token"]', this).val()
            },
            data: formData,
            processData: false,
            contentType: false
        })
        .done(function(response) {
            alert("Update status berhasil");
            $(".overlay").eq(1).hide();
            window.location.reload();
        }).error(function(response) {
            var data = response.responseJSON.message_desc;
            $.each(data, function(key, value) {
                $("#form-campaign-sponsor-status").find(".bg-danger").html("");
                if($("#form-campaign-sponsor-status").find(".bg-danger").size() == 0) {
                    $("#form-campaign-sponsor-status").prepend('<p align="center" class="bg-danger err_msg">&nbsp;</p>');
                }
                $("#form-campaign-sponsor-status").find(".bg-danger").append(value+"<br/>");
            });
            //$(".overlay").eq(1).hide();
            $(".loading", "#form-campaign-sponsor-status").addClass("hidden");
            $("input[type='submit']", "#form-campaign-sponsor-status").removeClass("hidden");
        });
        return false;
    });

    $('.dynmc_vchr_tbl_btn').click(function () {
        var customer_code = $(this).parents('td').find('.customer-opt').val();
        var voucher_code = $(this).closest('tr').find('td:eq(1)').data('vouchercode');
        var voucher_code_fix = $(this).closest('tr').find('td:eq(1)').data('voucher');

        $.ajax({
            url: web_url + '/api/campaign_sponsor/assign_voucher',
            type: "POST",
            headers: {
                        "X-CSRF-TOKEN":$('meta[name="csrf-token"]').attr("content")
            },
            data: {
                    'voucher_code' : voucher_code,
                    'customer_code' : customer_code
            }
        })
        .done(function(response) {
            alert('Berhasil assign voucher ke customer');
            $('#action_' + voucher_code_fix).html('<label>'+response.message_data.customer_name+' - '+response.message_data.customer_email+'</option>');
                //window.location.reload();
        }).error(function(response) {

            var data = response.responseJSON.message_desc;
            var seq = 0;//sequence
            var first_cmp = "";

            $("#form-new-campaign-sponsor").find(".bg-danger").html("");
            $.each(data.errors, function(key, value) {
                if(seq == 0) first_cmp = key;
                if($("#form-new-campaign-sponsor").find(".bg-danger").size() == 0) {
                    $("#form-new-campaign-sponsor").prepend('<p align="center" class="bg-danger err_msg">&nbsp;</p>');
                }
                $("#form-new-campaign-sponsor").find(".bg-danger").append(value+"<br/>");
                    seq++;
            });

            if($.inArray($("#"+first_cmp)[0].tagName.toLowerCase(), ["input", "textarea"]) > -1) $("#"+first_cmp).select();
            else $("#"+first_cmp).focus();

            //$(".overlay").eq(0).hide();
            $(".loading", "#form-new-campaign-sponsor").addClass("hidden");
            $("input[type='submit']", "#form-new-campaign-sponsor").removeClass("hidden");

        });

        return false;
    });

    $("#form-payment-method").on("submit", function() {
        $.ajax({
            url: 'save',
            type: "POST",
            headers: { "X-CSRF-TOKEN":$('meta[name="csrf-token"]').attr("content") },
            data: $("#form-payment-method").serialize(),
            success: function(response) {
                alert('Data saved');
                location.reload();
            },
            error: function(response) {
                var data = response.responseJSON;
                alert(data.error);
            }
        });
        return false;
    });

    function create_select2() {
        $(".customer-opt").select2({
            placeholder: "Cari nomor handphone customer",
            minimumInputLength: 5,
            ajax: {
                url: web_url + '/api/campaign_sponsor/get_customer',
                dataType: 'json',
                type: "GET",

                data: function (params) {
                    return { search: params.term }
                },
                processResults: function (response) {
                    var results = [];
                    $.each(response.message_data, function( index, value ) {
                        var temp = {
                            'id' : value.code,
                            'text' : value.name+' ('+value.handphone+')'+' - '+value.email
                        };
                        results.push(temp);
                    });

                    return { results: results };
                }
            }
        });
    }

    $(document).ready(function(){
        create_select2();
        $("#assign_voucher").submit(function(){
            if($("#csv_file").val()=="") {
                alert("Select a csv file to upload");
                return false;
            }

            formData =  new FormData($(this)[0]);
            $.ajax({
                url: "{{ route('campaign_sponsor_assign_voucher', ['id' => encrypt($campaign->id)]) }}",
                type: "POST",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr("content")
                },
                data: formData,
                processData: false,
                contentType: false
            }).done(function(r) {
                alert(r.msg);
                location.reload();
            }).error(function(r) {
                if(r.responseJSON.msg!=undefined) alert(r.responseJSON.msg);
            });

            return false;
        });
        $(".fa-bars").trigger("click");
    });
</script>
@endsection