@include('additional_payments/modal_additional_payment')
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script>
    function showAdditionalPaymentModal(payment_reason, amount){
        $('#payment_type_id').change();
        $('#payment_reason').val(payment_reason);
        $('#additional_payment_amount').val(amount);
        $('#modal-additional-payment').modal();
    }

    function loadCreditCardsData(){
        let clientDocument = $('#client_id').attr('data-document');
        let branch_id = $('#sucursal').val();
        $('#credit_card').html('');
        $.ajax({
            url: `/v1/ebiz/get_customer/${clientDocument}/${branch_id}`,
            method: "get",
            success: (data) => {
                if(data.o){
                    let option = `<option value="" data-ebiz-customer-internal-id="${data.o.customer_internal_id}">-- To select</option>`;
                    $(data.o.payment_methods.PaymentMethodProfile).each(function(index, item){
                        let description = `${item.CardNumber} - (${item.CardExpiration}) - ${item.CardType}`;
                        let id = item.MethodID;
                        option += `<option value="${id}"
                                        data-cc-number="${item.CardNumber}"
                                        data-cc-expiration="${item.CardExpiration}"
                                        data-cc-card-type="${item.CardType}"
                                        data-ebiz-customer-internal-id="${data.o.customer_internal_id}"
                                        data-ebiz-customer-token="${data.o.customer_token}"
                                        >${description}</option>`;
                    });
                    $('#credit_card').append(option);
                }
            },
            error: () => {
            },
        });
    }

    function getPaymentTypeData(el) {
        let paymentTypeId = $(el).val();

        $('#div-credit-card').hide();
        $('#div-check-number').hide();

        if(paymentTypeId == PAYMENT_TYPE_DATA.CREDIT_CARD){
            loadCreditCardsData();
            $('#div-credit-card').show('fast');
        }
        if(paymentTypeId == PAYMENT_TYPE_DATA.CHECK){
            $('#div-check-number').show('fast');
        }
    }

    function makeAdditionalPayment(el){
        let amount = $('#additional_payment_amount').val();
        let payment_type_id = $('#payment_type_id').val();

        if(amount == '' || amount <= 0){
            swal('', 'Please enter a valid amount', 'warning');
            return false;
        }
        if(payment_type_id == ''){
            swal('', 'Please select a payment method', 'warning');
            return false;
        }
        if(payment_type_id == PAYMENT_TYPE_DATA.CREDIT_CARD){
            let credit_card = $('#credit_card').val();
            if(credit_card == null || credit_card == ''){
                swal('', 'Please select a credit card', 'warning');
                return false;
            }
        }
        if(payment_type_id == PAYMENT_TYPE_DATA.CHECK){
            let check_number = $('#check_number').val();
            if(check_number == null || check_number == ''){
                swal('', 'Please enter a check number', 'warning');
                return false;
            }
        }

        let partial_payment = {
            order_id: $('#order_id').val(),
            branch_id: $('#sucursal').val(),
            client_id: $('#client_id').val(),
            payment_reason: $('#payment_reason').val(),
            amount: $('#additional_payment_amount').val(),
            payment_type_id: $('#payment_type_id').val(),
            payment_method_id: $('#credit_card').val(),
            check_number: $('#check_number').val(),
            customer_internal_id: $('#credit_card option:selected').attr('data-ebiz-customer-internal-id'),
            customer_token: $('#credit_card option:selected').attr('data-ebiz-customer-token'),
            cc_expiration: $('#credit_card option:selected').attr('data-cc-expiration'),
            cc_card_type: $('#credit_card option:selected').attr('data-cc-card-type'),
            cc_number: $('#credit_card option:selected').attr('data-cc-number')
        }

        $(el).button('loading');
        $.ajax({
            url: "/additional_payment/add_and_post",
            type: "POST",
            contentType: 'application/json',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content'),
                'Content-Type': 'application/json'
            },
            data: JSON.stringify(partial_payment),
            success: function (response) {
                if(response.status) {
                    $('#modal-additional-payment').modal('toggle');
                    let doc_entries = $('#doc_entry').val().split(',').filter(i => i);

                    $(doc_entries).each((index, doc_entry)=>{
                        $(`tr.${doc_entry}`).remove();
                    });

                    swal('Payment has been submitted successfully.', {
                        icon: "success",
                        buttons: {
                            Ok: true,
                        }
                    }).then((val) => {
                        document.location.reload();
                    });
                }else{
                    swal('', response.message, 'error');
                }
            },
            error: function (error){
                console.error(error);
                swal('', 'Server error', 'error');
            },
            complete: function (){
                $(el).button('reset');
            }
        });
    }

    function deleteCreditCardData(){
        const data = {
            customerToken: $('#credit_card option:selected').attr('data-ebiz-customer-token'),
            paymentMethodId: $('#credit_card').val(),
            branch_id: $('#sucursal').val()
        }
        $.ajax({
            url: `/v1/ebiz/delete_cc`,
            method: "post",
            data: JSON.stringify(data),
            headers: {
                "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
                "Content-Type": "application/json",
            },
            success: (data) => {
                if(data.o) {
                    swal('Success', `Credit card has been deleted`, 'success');
                    loadCreditCardsData();
                }else{
                    swal('Error', `An unexpected error has occurred ${data}`, 'error');
                }
            },
            error: (error) => {
                swal('Error', `An unexpected error has occurred ${error}`, 'error');
            },
        });

    }

    function removeCompletedRow(dock_entry){

    }


    const PAYMENT_TYPE_DATA = {
        CREDIT_CARD: 3,
        CHECK: 6
    }

    const DELIVERY_LIST_DATA = {
        DELIVERY: 2,
        FREIGHT: 3,
        UPS_GROUND: 4,
        FEDEX_GROUND: 5
    }



</script>