@extends('layout.master')
@section('content')
<section class="content pb-5">
    <div class="container-fluid">
        <div class="row align-items-center pt-3">
            <div class="col-md-6">
                <div class="title-section">
                    <p>Financial</p>
                </div>
            </div>
        </div>
        <div class="row align-items-end mt-2">
                      <div class="col-md-3">
                        <div class="curvebox curvebox3">
                          <div class="row">
                            <div class="col-md-12">
                              <div class="financial new-finance">
                                <h4>Wallet Balance</h4>
                                <p class="mb-0" style="color:#00AEEF">₹{{ $user->wallet_amount ?: 0 }}</p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-3">
                        <div class="curvebox" style="background-color:#69e78e6b;">
                          <div class="row">
                            <div class="col-md-12">
                              <div class="financial new-finance">
                                <h4>COD Amount</h4>
                                <p class="mb-0" style="color:#61C57F;">₹00.00</p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-3">
                        <div class="curvebox new-box" style="background: rgba(255, 182, 182, 0.33);">
                          <div class="row">
                            <div class="col-md-12">
                              <div class="financial new-finance">
                                <h4>Outstanding</h4>
                                <p class="mb-0" style="color: #FF0000;">₹{{$creditLimitCharge}}</p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="col-md-3">
                        <div class="curvebox new-box">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="financial new-finance">
                                        <div class="d-flex justify-content-between">
                                            <h4>Due</h4>
                                            <input class="filled-in filled-check pt-3" name="due" type="checkbox" id="select_all_processing_checkbox" value="due">
                                            <label for="select_all_processing_checkbox" class="financial-label"></label>
                                        </div>
                                        <p class="mb-0" id="dueAmountText">{{ $dueAmount }}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    </div>
                    <div class="row pt-4">
                      <div class="col-md-3 mt-sm-0 mt-3">
                        <a href="{{route('lsp-wallet')}}"><button type="button" class="btn btn-danger mr-2">
                        Recharge Wallet</button></a>
                        <a href="#" class="btn btn-danger" id="rzp-button1" onclick="searchOrderData()">Pay now </a>
                        
                       
                      </div>
                    </div>


        <div class="row pt-4 pt-sm-5">
            <div class="col-md-12">
                <div class="title-section">
                    <p>Delivery Charges</p>
                </div>
                <div class="table-responsive">
                    <table class="table table-striped" id="delivery-status">
                        <thead>
                            <tr>
                                <th>
                                    <input type="checkbox" class="filled-in fill-check" id="select_all_processing" name=""><label class="custom-control-label table-check-label" for="select_all_processing"></label>
                                </th>
                                <th scope="col">S.No</th>
                                <th scope="col">Awb No.</th>
                                <th scope="col">Partner Name</th>
                                <th scope="col">Date of Pickup</th>
                                <th scope="col">Delivery Charges</th>
                                <th scope="col">Pending Charge</th>
                                <th scope="col">Payment Mode</th>
                                <th scope="col">Status</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
                <div class="pagination_rounded">
                </div>
            </div>
        </div>
        <div class="row pt-4 pt-sm-5">
            <div class="col-md-12">
                <div class="title-section">
                    <p>COD Statement</p>
                </div>
                <div class="table-responsive">
                    <table class="table table-striped" id="codStatementDataTables">
                        <thead>
                            <tr>
                                <!-- <th>
                                    <input type="checkbox" class="filled-in fill-check" id="select_all_cod_statement" name=""><label class="custom-control-label table-check-label" for="select_all_cod_statement"></label>
                                </th> -->
                                <th scope="col">S.No</th>
                                <th scope="col">Awb No.</th>
                                <th scope="col">Partner Name</th>
                                <th scope="col">Date of Pickup</th>
                                <th scope="col">Delivery Date</th>
                                <th scope="col">Delivery Status</th>
                                <th scope="col">Cod Amount</th>
                                <th scope="col">Settelment</th>
                                <th scope="col">Spoc Total</th>
                                <th scope="col">Lsp Total</th>
                                <th scope="col">Docket Total</th>
                                <th scope="col">Status</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>
                <div class="pagination_rounded">
                </div>
            </div>
            <input type="hidden" name="" id="container_blm_id" value="">
            <input type="hidden" name="" id="multiple_order_id" value="">
            <input type="hidden" name="" id="user_id" value="{{$user->id}}">
        </div>
    </div>
</section>
<style type="text/css">
.financial-label {
    padding-left: 16px !important;
}

</style>
<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<script>
let freeDays = '0';
let payAllDueAmounts = '0';
let creditPaymentValue = 0;
let skuIdPaymentStatus = [];
$(document).ready(function() {

    let example = $("#codStatementDataTables").DataTable({
        "language": {
            "zeroRecords": "No record(s) found."
        },
        select: {
            style: 'os',
            selector: 'td:first-child'
        },
        order: [
            [1, 'asc']
        ],
        processing: true,
        serverSide: true,
        lengthChange: true,
        order: [0, 'asc'],
        searchable: true,
        bStateSave: false,

        ajax: {
            url: "{{ url('/lsp/cod-statements') }}",
            data: function(d) {
                /*d.startDate = startDate;
                d.endDate = endDate;
                d.customChannel = customChannelFilters;
                d.order_id = orderIdFiltersData;
                d.sku = searchBySkuData;
                d.mobile_number = searchByMobileNumberData;*/

            }
        },

        columns: [
            /*{
                            data: 'checkbox',
                            name: 'checkbox',
                            sortable: false,
                        },*/
            {
                data: 'DT_RowIndex',
                name: 'DT_RowIndex',
                sortable: false,
            },
            {
                data: 'docket_no',
                name: 'docket_no',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'lsp_name',
                name: 'lsp_name',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'pickup_expected_date',
                name: 'pickup_expected_date',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'delivery_date',
                name: 'delivery_date',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'product_status',
                name: 'product_status',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'total_charges',
                name: 'total_charges',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'settlement',
                name: 'settlement',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            }, 
            {
                data: 'spocTotal',
                name: 'spocTotal',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'lspTotal',
                name: 'lspTotal',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'docket_total',
                name: 'docket_total',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'status',
                name: 'status',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            }
        ],
        select: {
            style: 'multi',
        },
    });

    

    let example2 = $("#delivery-status").DataTable({
        "language": {
            "zeroRecords": "No record(s) found."
        },
        select: {
            style: 'os',
            selector: 'td:first-child'
        },
        order: [
            [1, 'asc']
        ],
        processing: true,
        serverSide: true,
        lengthChange: true,
        order: [0, 'asc'],
        searchable: true,
        bStateSave: false,

        ajax: {
            url: "{{ url('/lsp/delivery-charges') }}",
            data: function(d) {
                /*d.startDate = startDate;
                d.endDate = endDate;
                d.customChannel = customChannelFilters;
                d.order_id = orderIdFiltersData;
                d.sku = searchBySkuData;
                d.mobile_number = searchByMobileNumberData;*/

            }
        },

        columns: [{
                data: 'checkbox',
                name: 'checkbox',
                sortable: false,
            },
            {
                data: 'DT_RowIndex',
                name: 'DT_RowIndex',
                sortable: false,
            },
            {
                data: 'docket_no',
                name: 'docket_no',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'lsp_name',
                name: 'lsp_name',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'payment_date',
                name: 'payment_date',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'deliver_charge',
                name: 'deliver_charge',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'pending_charge',
                name: 'pending_charge',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'pickup_expected_date',
                name: 'pickup_expected_date',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'status',
                name: 'status',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
        ],
        select: {
            style: 'multi',
        },
    });

    $('#select_all_processing').on('click', function() {
        var id = [];
        skuIdPaymentStatus = [];
        if (this.checked) {

            $('.all_delivery_checkbox').each(function() {
                this.checked = true;
                id.push($(this).val());
                skuIdPaymentStatus.push($(this).val());
            });



            if ($(this).is(":checked")) {
                $('#select_all_processing_checkbox').prop("checked", true);
                if (id.length >= 1) {

                    if (id.length >= 1) {

                        jQuery.ajax({
                            url: "{{route('user_wallet_amount')}}",
                            type: "POST",
                            data: { _token: "{{csrf_token()}}", skuIds: id },
                            success: function(data) {

                                creditPaymentValue = 0;

                                let currentDate = moment(data.currentDate).format("YYYY-MM-DD");

                                //console.log(currentDate);

                                let skuData = data.data.length > 0 ? data.data : [];
                                let outStandingAmount = [];
                                let dueAmountSeller = [];
                                $.each(skuData, function(index, value) {
                                    if (value.user_wallet_txnx.remarks == 'Credit Lemit') {
                                        let created_at = moment(value.created_at).format("YYYY-MM-DD");
                                        if (currentDate > created_at) {
                                            dueAmountSeller.push(value.user_wallet_txnx.amount);
                                        } else {
                                            outStandingAmount.push(value.user_wallet_txnx.amount);
                                        }

                                    }
                                });

                                let totalOutStandingAmount = outStandingAmount.reduce((a, b) => a + b, 0);
                                let totalDueAmount = dueAmountSeller.reduce((a, b) => a + b, 0);

                                $('#outStandingAmount').text(totalOutStandingAmount);
                                $('#payAll').text(totalDueAmount);
                                $('#amountTobePaid').text(totalDueAmount);
                                $('#dueAmountText').text(totalDueAmount);
                                creditPaymentValue = totalDueAmount;


                            }
                        });
                    }

                }
            } else {
                if (id.length == 0) {}
            }
        } else {
            $('.all_delivery_checkbox').each(function() {
                this.checked = false;
                if (id.length == 0) {}
            });
            $('#outStandingAmount').text(0);
            $('#payAll').text(0);
            $('#amountTobePaid').text(0);
            creditPaymentValue = 0;
            $('#select_all_processing_checkbox').prop("checked", false);
        }
        $("#multiple_order_id").val(JSON.stringify(id));
    });


    $('#select_all_processing_checkbox').on('click', function() {

        let dueValue = 'due';

        if ($(this).is(":checked")) {

            skuIdPaymentStatus = [];

            jQuery.ajax({
                url: "{{route('financial_due_amount')}}",
                type: "POST",
                data: { _token: "{{csrf_token()}}", dueValue: dueValue },
                success: function(data) {

                    $.each(data.data, function(index, value) {
                        $("#all_container_checkbox_id" + value).prop("checked", true);
                        skuIdPaymentStatus.push(value);
                    });

                }
            }).then(() => {
                if ($('.all_delivery_checkbox:checked').length == $('.all_delivery_checkbox').length) {
                    $('#select_all_processing').prop("checked", true);
                    $('#payAll').text(payAllDueAmounts);
                    $('#amountTobePaid').text(payAllDueAmounts);
                    $('#select_all_processing_checkbox').prop("checked", true);
                    creditPaymentValue = payAllDueAmounts;
                } else {
                    $('#select_all_processing').prop("checked", false);
                    $('#select_all_processing_checkbox').prop("checked", false);
                }
            });

        } else {


            jQuery.ajax({
                url: "{{route('financial_due_amount')}}",
                type: "POST",
                data: { _token: "{{csrf_token()}}", dueValue: dueValue },
                success: function(data) {

                    $.each(data.data, function(index, value) {
                        $("#all_container_checkbox_id" + value).prop("checked", false);
                    });

                }
            })
            $('#payAll').text(0);
            $('#amountTobePaid').text(0);
            $('#select_all_processing').prop("checked", false);
            $('#select_all_processing_checkbox').prop("checked", false);
        }

    });

    $(document).on('click', '.all_delivery_checkbox', function() {

        var id = [];
        skuIdPaymentStatus = [];

        $('.all_delivery_checkbox:checked').each(function() {
            id.push($(this).val());
            skuIdPaymentStatus.push($(this).val());
        });
        $("input[name = container_blm_id]").val(id);
        $("#multiple_order_id").val(JSON.stringify(id));

        if ($(this).is(":checked")) {
            if (id.length >= 1) {

                jQuery.ajax({
                    url: "{{route('user_wallet_amount')}}",
                    type: "POST",
                    data: { _token: "{{csrf_token()}}", skuIds: id },
                    success: function(data) {
                        creditPaymentValue = 0;

                        let currentDate = moment(data.currentDate).format("YYYY-MM-DD");

                        let skuData = data.data.length > 0 ? data.data : [];
                        let outStandingAmount = [];
                        let dueAmountSeller = [];
                        $.each(skuData, function(index, value) {
                            if (value.user_wallet_txnx.remarks == 'Credit Lemit') {
                                let created_at = moment(value.created_at).format("YYYY-MM-DD");
                                if (currentDate > created_at) {
                                    dueAmountSeller.push(value.user_wallet_txnx.amount);
                                } else {
                                    outStandingAmount.push(value.user_wallet_txnx.amount);
                                }

                            }
                        });

                        let totalOutStandingAmount = outStandingAmount.reduce((a, b) => a + b, 0);
                        let totalDueAmount = dueAmountSeller.reduce((a, b) => a + b, 0);

                        $('#outStandingAmount').text(totalOutStandingAmount);
                        $('#payAll').text(totalDueAmount);
                        $('#amountTobePaid').text(totalDueAmount);
                         creditPaymentValue = totalDueAmount;


                    }
                });
            }
        } else {


            jQuery.ajax({
                url: "{{route('user_wallet_amount')}}",
                type: "POST",
                data: { _token: "{{csrf_token()}}", skuIds: id },
                success: function(data) {

                    creditPaymentValue = 0;

                    let currentDate = moment(data.currentDate).format("YYYY-MM-DD");

                    let skuData = data.data.length > 0 ? data.data : [];
                    let outStandingAmount = [];
                    let dueAmountSeller = [];
                    $.each(skuData, function(index, value) {
                        if (value.user_wallet_txnx.remarks == 'Credit Lemit') {
                            let created_at = moment(value.created_at).format("YYYY-MM-DD");
                            if (currentDate > created_at) {
                                dueAmountSeller.push(value.user_wallet_txnx.amount);
                            } else {
                                outStandingAmount.push(value.user_wallet_txnx.amount);
                            }

                        }
                    });

                    let totalOutStandingAmount = outStandingAmount.reduce((a, b) => a + b, 0);
                    let totalDueAmount = dueAmountSeller.reduce((a, b) => a + b, 0);

                        $('#outStandingAmount').text(totalOutStandingAmount);
                        $('#payAll').text(totalDueAmount);
                        $('#amountTobePaid').text(totalDueAmount);
                        creditPaymentValue = totalDueAmount;


                }
            });

            if (id.length == 0) {
                $('#outStandingAmount').text(0);
                $('#payAll').text(0);
                $('#amountTobePaid').text(0);
                creditPaymentValue = 0;
            }
        }

        if ($('.all_delivery_checkbox:checked').length == $('.all_delivery_checkbox').length) {
            $('#select_all_processing').prop("checked", true);
            $('#select_all_processing_checkbox').prop("checked", true);
        } else {
            $('#select_all_processing').prop("checked", false);
            $('#select_all_processing_checkbox').prop("checked", false);
        }

    });

});

//Payment Done


function searchOrderData() {

    userId = $('#user_id').val();
    paidAmt = creditPaymentValue * 100;

    console.log(userId, paidAmt, skuIdPaymentStatus);

    /*
             jQuery.ajax({
                    url : "https://api.razorpay.com/v1/orders",
                    type : "POST",
                    data: {  _token: "{{csrf_token()}}",skuId: skuId,lspDataId: lspData,amount:amount,paymentTypeMode:paymentTypeMode},

                    success:function(data)
                    {



                    }

                });*/

    if (skuIdPaymentStatus.length > 0) {

        var options = {
            "key": "rzp_test_OaAxERdNlqdG27", // Enter the Key ID generated from the Dashboard
            "amount": paidAmt, // Amount is in currency subunits. Default currency is INR. Hence, 50000 refers to 50000 paise
            //FRtNAnkwmTFuanUur2MMqLeg
            "currency": "INR",
            "name": "SPOC",
            "description": "Test Transaction",
            "image": "assets/images/logo.svg",
            "handler": function(response) {

                jQuery.ajax({
                    url: "{{route('update-user-txn-payment-status')}}",
                    type: "POST",
                    data: { _token: "{{csrf_token()}}", amount: paidAmt, zazorpay_payment_id: response.razorpay_payment_id, skuIds: skuIdPaymentStatus },

                    success: function(data) {

                        swal({
                                icon: 'success',
                                title: "Wallet",
                                text: 'Wallet balance updated successfully.',
                                type: "success",

                                closeOnConfirm: true,
                                showLoaderOnConfirm: true,
                            },
                            function() {
                                window.location.reload(true);;
                            }
                        );

                        return;
                    }

                });
                // alert(response);
                /* alert(response.razorpay_order_id);
                 alert(response.razorpay_signature)*/
                //console.log('response', response);
            },
            /* "prefill": {
                 "name": "Gaurav Kumar",
                 "email": "gaurav.kumar@example.com",
                 "contact": "9999999999"
             },
             "notes": {
                 "address": "Razorpay Corporate Office"
             },
             "theme": {
                 "color": "#3399cc"
             }*/
        };
        var rzp1 = new Razorpay(options);
        rzp1.on('payment.failed', function(response) {
            alert(response.error.code);
            alert(response.error.description);
            alert(response.error.source);
            alert(response.error.step);
            alert(response.error.reason);
            alert(response.error.metadata.order_id);
            alert(response.error.metadata.payment_id);
        });
        document.getElementById('rzp-button1').onclick = function(e) {
            rzp1.open();
            e.preventDefault();
        }
    } else {
        swal({
                icon: 'warning',
                title: "Checkbox is required.",
                text: 'Please slect order for clearing outstanding and over due amount',
                type: "warning",

                closeOnConfirm: true,
                showLoaderOnConfirm: true,
            },
            function() {
                // window.location.reload(true);;
            }
        );

        return;
    }

}

</script>
@endsection