@extends('layout.master')
@section('content')
    <section class="content pb-5">
        <div class="container-fluid">

            @if (session()->has('msg'))
                <div class="alert alert-dismissable alert-success">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <strong>
                        {!! session()->get('msg') !!}
                    </strong>
                </div>
            @endif
            
            <div class="row pt-4">
                <div class="col-md-12">
                    <div class="title-section">
                        <p>
                           
                            Agent : {{$page_title}}
                            <a href="#" id="exportAsExcel">
                                <img src={{ asset('/assets/images/excel-file.png') }} alt=""> Export as Excel
                            </a>
                        </p>
                    </div>
                </div>
                <input type="hidden" id="multiple_forward_order_id">
                <input type="hidden" id="multiple_reverse_order_id">
                <div class="col-md-12">
                    <ul class="nav nav-tabs lsp-tabs" id="myTab" role="tablist" style="display:none;">
                        <li class="nav-item lsp-item">
                            <a class="nav-link lsp-link active" id="forward-tab" data-toggle="tab" href="#forward"
                                role="tab" aria-controls="forward" aria-selected="true">Forward Orders</a>
                        </li>
                        
                    </ul>
                    <div class="tab-content lsp-tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="forward" role="tabpanel" aria-labelledby="forward-tab">

                            <div class="row">
                                
                                <div class="col-md-4">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="date_range">Search by Date Range</label>
                                        <input class="form-control date_range" placeholder="" type="text" value="{{ date('d/m/Y', strtotime('-1 month +1 day')) . ' - ' . date('d/m/Y') }}">
                                    </div>
                                </div>

                                <div class="col-md-4">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="customer">Search by Order ID or AWB or Reffrence No.</label>
                                        <input class="form-control order_awb_no" placeholder="" type="text"
                                            value="">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group custom-form-group">
                                        <label class="form-label" for="customer">All Tracking Status</label>

                                        <div class="dropdown bootstrap-select show-tick w-75">
                                            <select class="selectpicker order_status w-75" multiple data-actions-box="true"
                                                tabindex="-98" id="">
                                                @if(!empty($lsp_ops_management_status))
                                                @foreach ($lsp_ops_management_status as $status)
                                                    <option value="{{ $status }}">
                                                        {{ ucwords(str_replace('_', ' ', $status)) }}</option>
                                                @endforeach
                                                @endif
                                            </select>
                                            <div class="dropdown-menu ">
                                                <div class="bs-actionsbox">
                                                    <div class="btn-group btn-group-sm btn-block"><button type="button"
                                                            class="actions-btn bs-select-all btn btn-light">Select
                                                            All</button><button type="button"
                                                            class="actions-btn bs-deselect-all btn btn-light">Deselect
                                                            All</button>
                                                    </div>
                                                </div>
                                                <div class="inner show" role="listbox" id="bs-select-1" tabindex="-1"
                                                    aria-multiselectable="true">
                                                    <ul class="dropdown-menu inner show" role="presentation"></ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-12">
                                    <div class="table-responsive">
                                        <table class="table table-striped" id="forward-datatable">
                                            <thead>
                                                <tr>
                                                    <th scope="col">Awb No</th>
                                                    <th scope="col">Order ID </th>
                                                    <th scope="col">Reffrence No.</th>
                                                    <th scope="col">Order Details</th>
                                                    <th scope="col">Pickup Address</th>
                                                    <th scope="col">Reciever Details</th>
                                                    <th scope="col">Delivery Pincode</th>
                                                    <th scope="col">Status</th>
                                                    <th scope="col">Action</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                            </tbody>
                                        </table>

                                    </div>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </div>

    
    <!-- Invoice -->
    <div class="modal fade" id="printmenifest" tabindex="-1" aria-labelledby="exampleModalLabel" style="display: none;" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12 pb-3">
                            <div class="float-right">
                                <a href="#" class="badge table-badge badge-primary" id="modal-manifest-download"> <i class="fa fa-download" aria-hidden="true"></i> Download</a>
                                <span class="badge table-badge badge-primary" hidden> <i class="fa fa-file-pdf-o" aria-hidden="true"></i> Save as PDF</span>
                                <span class="badge table-badge badge-primary" hidden> <i class="fa fa-print" aria-hidden="true"></i> Print</span>
                            </div>
                        </div>
                    </div>
                    <div class="menifest-border">
                        <div class="row">
                            <div class="col-md-12 mb-3">
                                <img src="images/logo.svg" height="50px" alt="">
                            </div>
                        </div>
                        <div class="menifest-txt" id="modal-manifest-body">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Third  Modal  -->
        <div class="modal fade" id="menifestModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title mb-0" id="exampleModalLabel">
                            <div class="title-section">
                                <p>Label</p>
                            </div>
                        </h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true"><img src="{{ asset('assets/images/close.png') }}" height="30px" alt=""></span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-12 pb-3">
                                <div class="float-right">
                                    <a href="#" class="badge table-badge badge-primary" id="modal-label-download"> <i class="fa fa-download" aria-hidden="true"></i>
                                        Download</a>
                                    <span class="badge table-badge badge-primary" hidden> <i class="fa fa-file-pdf-o" aria-hidden="true"></i> Save as PDF</span>
                                    <span class="badge table-badge badge-primary" hidden> <i class="fa fa-print" aria-hidden="true"></i> Print</span>
                                </div>
                            </div>
                        </div>
                        <div class="menifest-border">
                            <div class="row">
                                <div class="col-md-4">
                                    <p class="text-left"><img src="{{ asset('assets/images/logo.svg') }}" height="50px" alt=""></p>
                                </div>
                                <div class="col-md-4">
                                    <div class="menifest-txt text-center">
                                        <h6>SPOC Manifest</h6>
                                        <p id="modal-label-genrate-date">Generated on: Sep 12, 2022 06:38 AM</p>
                                    </div>
                                </div>
                                <div class="col-md-4"></div>
                                <div class="col-md-6 mt-3">
                                    <div class="menifest-txt">
                                        <p class="mb-0" id="modal-label-seller">Seller:</p>
                                        <p id="modal-label-courier">Courier:</p>
                                    </div>
                                </div>
                                <div class="col-md-6 mt-3">
                                    <div class=" menifest-txt float-right">
                                        <p class="mb-0" id="modal-label-id">Manifest ID:</p>
                                        <p id="modal-label-total-shipment">Total Shipment to dispatch:</p>
                                    </div>
                                </div>
                                <div class="col-md-12 modal-table">
                                    <table class="table table-sm">
                                        <thead>
                                            <th>S.No.</th>
                                            <th>Order No.</th>
                                            <th>Awb No.</th>
                                            <th>Contents</th>
                                            <th>Barcode</th>
                                        </thead>
                                        <tbody id="modal-label-orders">
                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-md-12">
                                    <div class="menifest-head">
                                        <h5>To Be filled by Xpressbees Surface Logistics Executive</h5>
                                    </div>
                                </div>
                                <!-- ------------  -->
                                <div class="col-md-2">
                                    <div class="menifest-input">
                                        <p>Pick up time</p>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="menifest-input">
                                        <input class="form-control" id="modal-label-pickup-time" placeholder="" type="text" value="">
                                    </div>
                                </div>
                                <div class="col-md-2"></div>
                                <div class="col-md-2">
                                    <div class="menifest-input">
                                        <p>Total items Picked</p>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="menifest-input">
                                        <input class="form-control" id="modal-label-total-items-picked" placeholder="" type="text" value="">
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="menifest-input">
                                        <p>FE Name</p>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="menifest-input">
                                        <input class="form-control" placeholder="" id="modal-label-fe-name" type="text" value="">
                                    </div>
                                </div>
                                <div class="col-md-2"></div>
                                <div class="col-md-2">
                                    <div class="menifest-input">
                                        <p>Seller Name</p>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="menifest-input">
                                        <input class="form-control" placeholder="" id="modal-label-seller-name" type="text" value="">
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="menifest-input">
                                        <p>Fe Signature</p>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="menifest-input">
                                        <input class="form-control" placeholder="" id="modal-label-fe-signature" type="text" value="">
                                    </div>
                                </div>
                                <div class="col-md-2"></div>
                                <div class="col-md-2">
                                    <div class="menifest-input">
                                        <p>Seller Signature</p>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="menifest-input">
                                        <input class="form-control" placeholder="" id="modal-label-seller-signature" type="text" value="">
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="menifest-input">
                                        <p>FE Phone</p>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="menifest-input">
                                        <input class="form-control" placeholder="" id="modal-label-fe-phone" type="text" value="">
                                    </div>
                                </div>
                                <div class="col-md-12 mt-5">
                                    <div class="menifest-footer">
                                        <p id="modal-label-pickup-address">Plot No. F-42, Sector 39 <br> Gautam Buddha Nagar, UP - 201303 <br> Contact:
                                            8521479633</p>
                                        <p class="mb-0"> This is a system generated document</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="modal-footer">
                            <div class="float-right">
                              <button type="button" class="btn btn-danger mr-3">Save</button>
                              <button type="button" class="btn btn-outline-dark">Cancel</button>
                            </div>
                          </div> -->
                </div>
            </div>
        </div>


    </section>
<script>
        //label
    $(document).on('click', '.label-button', function(e) {
        var ids;
        var id = $(this).data('id');

        if (typeof id !== 'undefined') {
            ids = [id];
        } else {
            ids = JSON.parse($("#multiple_manifest_ids").val());
        }

        console.log(ids);
        $.ajax({
            method: 'POST',
            url: "{{ url('/label') }}",
            data: {
                'docket_no': ids,
                '_token': '{{ csrf_token() }}'
            },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(data) {
                if (data.status_code == 200) {
                    var manifest_id, html = '',
                        docket_nos = [];
                    var buyer, order, products = data.data.order_products;
                    $.each(products, (key, product) => {
                        docket_nos.push(product.docket_no);
                        manifest_id = product.manifest_no;
                        order = product.order;
                        buyer = JSON.parse(order.buyers_json_data)
                            .buyers_details.users_details;
                        html += '<tr>';
                        html += '<td>' + (key + 1) + '</td>';
                        html += '<td>' + order.order_id + '</td>';
                        html += '<td>' + product.docket_no + '</td>';
                        html += '<td>' + product.name + '-(QTY ' + product
                            .quantity + ')</td>';
                        html += '<td><img src="data:image/png;base64,' + product
                            .barcode + '" width="150px"></td>';
                        html += '</tr>';
                    });

                    $('#modal-label-orders').html(html);
                    $('#modal-label-seller').html('Seller: ' + products[0].order.customer_name);
                    $('#modal-label-courier').html('Courier: ' + products[0].lsp_name);
                    $('#modal-label-id').html('Manifest ID: ' + manifest_id);
                    $('#modal-label-genrate-date').html('Generated on: ' + data.data.current_date_time);
                    $('#modal-label-total-shipment').html('Total Shipment to dispatch: ' + products.length);
                    $('#modal-label-download').data('id', JSON.stringify(docket_nos));
                    $('#modal-label-pickup-address').html(data.data.pickup_address);
                }
            }
        });
    });


    $('#modal-label-download').click(function() {
        var url = "{{ url('/label-generate') }}";
        var ids = JSON.parse($('#modal-label-download').data('id'));
        $.ajax({
            method: 'POST',
            url: url,
            data: {
                'docket_no': ids,
                '_token': '{{ csrf_token() }}'
            },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(data) {
                if (data.status_code == 200) {
                    $.each(data.data, function(key, path) {
                        var link = document.createElement('a');
                        link.href = path;
                        link.target = "_blank";
                        link.download = "";
                        link.click();
                    });
                }
            }
        });
    });

        //label
    $(document).on('click', '.label-button', function(e) {
        var ids;
        var id = $(this).data('id');

        if (typeof id !== 'undefined') {
            ids = [id];
        } else {
            ids = JSON.parse($("#multiple_manifest_ids").val());
        }

        console.log(ids);
        $.ajax({
            method: 'POST',
            url: "{{ url('/label') }}",
            data: {
                'docket_no': ids,
                '_token': '{{ csrf_token() }}'
            },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(data) {
                if (data.status_code == 200) {
                    var manifest_id, html = '',
                        docket_nos = [];
                    var buyer, order, products = data.data.order_products;
                    $.each(products, (key, product) => {
                        docket_nos.push(product.docket_no);
                        manifest_id = product.manifest_no;
                        order = product.order;
                        buyer = JSON.parse(order.buyers_json_data)
                            .buyers_details.users_details;
                        html += '<tr>';
                        html += '<td>' + (key + 1) + '</td>';
                        html += '<td>' + order.order_id + '</td>';
                        html += '<td>' + product.docket_no + '</td>';
                        html += '<td>' + product.name + '-(QTY ' + product
                            .quantity + ')</td>';
                        html += '<td><img src="data:image/png;base64,' + product
                            .barcode + '" width="150px"></td>';
                        html += '</tr>';
                    });

                    $('#modal-label-orders').html(html);
                    $('#modal-label-seller').html('Seller: ' + products[0].order.customer_name);
                    $('#modal-label-courier').html('Courier: ' + products[0].lsp_name);
                    $('#modal-label-id').html('Manifest ID: ' + manifest_id);
                    $('#modal-label-genrate-date').html('Generated on: ' + data.data.current_date_time);
                    $('#modal-label-total-shipment').html('Total Shipment to dispatch: ' + products.length);
                    $('#modal-label-download').data('id', JSON.stringify(docket_nos));
                    $('#modal-label-pickup-address').html(data.data.pickup_address);
                }
            }
        });
    });


    $('#modal-label-download').click(function() {
        var url = "{{ url('/label-generate') }}";
        var ids = JSON.parse($('#modal-label-download').data('id'));
        $.ajax({
            method: 'POST',
            url: url,
            data: {
                'docket_no': ids,
                '_token': '{{ csrf_token() }}'
            },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(data) {
                if (data.status_code == 200) {
                    $.each(data.data, function(key, path) {
                        var link = document.createElement('a');
                        link.href = path;
                        link.target = "_blank";
                        link.download = "";
                        link.click();
                    });
                }
            }
        });
    });

    $(document).on('click', '.manifest-button', function(e) {
        var ids;
        var id = $(this).data('id');

        if (typeof id !== 'undefined') {
            ids = [id];
        } else {
            if ($(this).attr('id') == 'manifest-print-multiple') {
                ids = JSON.parse($("#multiple_manifest_ids").val());
            }
            if ($(this).attr('id') == 'pickup-print-multiple') {
                ids = JSON.parse($("#multiple_pickup_ids").val());
            }
        }

        console.log(ids);

        $.ajax({
            method: 'POST',
            url: "{{ url('/manifest') }}",
            data: {
                'docket_no': ids,
                '_token': '{{ csrf_token() }}'
            },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(data) {
                if (data.status_code == 200) {
                    var html = '',
                        docket_nos = [];
                    $.each(data.data.orders, (key, products) => {
                        html += '<div class="row">';
                        html += '    <div class="col-md-3">';
                        html +=
                            '        <p id="modal-manifest-courier">Courier Company: ' + products[0].lsp_name + '</p>';
                        html += '    </div>';
                        html += '    <div class="col-md-3">';
                        html += '        <p id="modal-manifest-date">Date: ' +
                            data.data.current_date_time + '</p>';
                        html += '    </div>';
                        html += '    <div class="col-md-3">';
                        html +=
                            '        <p id="modal-manifest-store">Store: SPOC_ABC5g</p>';
                        html += '    </div>';
                        html += '    <div class="col-md-3">';
                        html +=
                            '        <p id="modal-manifest-shipment">Number of Shipment: ' +
                            products.length + '</p>';
                        html += '    </div>';
                        html += '    <div class="col-md-12">';
                        html +=
                            '        <div class="table-responsive mt-3 print-table">';
                        html +=
                            '            <table class="table table-striped">';
                        html += '                <thead>';
                        html += '                    <tr>';
                        html +=
                            '                        <th scope="col">Order #</th>';
                        html +=
                            '                        <th scope="col">Invoice #</th>';
                        html +=
                            '                        <th scope="col">Payment Mode</th>';
                        html +=
                            '                        <th scope="col">Customer Detail</th>';
                        html +=
                            '                        <th scope="col">Contents</th>';
                        html +=
                            '                        <th scope="col">Weight (KG)</th>';
                        html +=
                            '                        <th scope="col">AWB #</th>';
                        html += '                    </tr>';
                        html += '                </thead>';
                        html += '                <tbody>';
                        var buyer, order;
                        $.each(products, (key, product) => {
                            docket_nos.push(product.docket_no);
                            order = product.order;
                            buyer = JSON.parse(order.buyers_json_data)
                                .buyers_details.users_details;
                            html += '<tr>';
                            html += '<td>' + order.order_id + '</td>';
                            html += '<td>' + product.invoice_no +
                                '</td>';
                            html += '<td>Rs.1500.00 COD</td>';
                            html += '<td>' + buyer.first_name + ' - ' +
                                buyer.mobile_number + '</td>';
                            html += '<td>' + product.name + '-(QTY ' +
                                product.quantity + ')</td>';
                            html += '<td>' + product.weight + '</td>';
                            html += '<td>' + product.docket_no +
                                '</td>';
                            html += '</tr>';
                        });
                        html += '                </tbody>';
                        html += '            </table>';
                        html += '        </div>';
                        html += '    </div>';
                        html += '</div>';
                    });

                    $('#modal-manifest-body').html(html);
                    $('#modal-manifest-download').data('id', JSON.stringify(
                        docket_nos));
                }
            }
        });
    });

    $(document).on('click', '.manifest-download-button', function(e) {
        var urls = $(this).data('url');
        $.each(urls, function(key, path) {
            console.log('key',key,path);
            var link = document.createElement('a');
            link.href = path;
            link.target = "_blank";
            link.download = "";
            link.click();
        });
    });

    // $('#modal-manifest-download').click(function() {
    //     var url = "{{ url('/manifest-generate') }}";
    //     var ids = JSON.parse($('#modal-manifest-download').data('id'));
    //     $.ajax({
    //         method: 'POST',
    //         url: url,
    //         data: {
    //             'docket_no': ids,
    //             '_token': '{{ csrf_token() }}'
    //         },
    //         headers: {
    //             'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    //         },
    //         success: function(data) {
    //            // console.log(data); return false;
    //             if (data.status_code == 200) {
    //                 $.each(data.data, function(key, path) {
    //                     var link = document.createElement('a');
    //                     link.href = path;
    //                     link.target = "_blank";
    //                     link.download = "";
    //                     link.click();
    //                 });
    //                 $("#printmenifest").modal('hide');
    //                 $("#manifestOrders").DataTable().draw(true);
    //                 $("#pickupOrders").DataTable().draw(true);
    //             }
    //         }
    //     });
    // });

        $('#modal-manifest-download').click(function() {
            
            var url = "{{ url('/manifest-generate') }}";
            var ids = JSON.parse($('#modal-manifest-download').data('id'));


            window.open('/manifest-load-view/'+ids);
            $('#manifest-tab').removeClass('active');
            $('#pickup-tab').addClass('active');
            location.reload();

        });

    //Invoice Generate
    $(document).on('click', '.invoice-button', function(e) {
        e.preventDefault();

        var id = $(this).data('id');
        var ids = [id];

        $.ajax({
            method: 'POST',
            url: "{{ url('/invoice-generate') }}",
            data: {
                'docket_no': ids,
                '_token': '{{ csrf_token() }}'
            },
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function(data) {
                if (data.status_code == 200) {
                    $.each(data.data, function(key, path) {
                        var link = document.createElement('a');
                        link.href = path;
                        link.target = "_blank";
                        link.download = "";
                        link.click();
                    });
                }
            }
        });
    });


        var status = '';
        var order_type = 'forward';
        var order_awb_no = '';
        var date_range = '';
        $(document).ready(function() {
            $("table").on('change','select[name="actions"]',function(){
                var parent_tr=$(this).parents('tr');
                var actions=$(this).val();
                var order_product_id=$(parent_tr).find('.container_checkbox_forward').val();
                if(actions=="Weight Discrepancy"){
                    $(parent_tr).find('.weight_discrepancy_colorbox').trigger('click');
                }
            });

            $("#forward-datatable").DataTable({
                "language": {
                    "zeroRecords": "No record(s) found."
                },
                "autoWidth": false,
                select: {
                    style: 'os',
                    selector: 'td:first-child'
                },
                order: [
                    [1, 'asc']
                ],
                processing: true,
                serverSide: true,
                lengthChange: true,
                order: [0, 'asc'],
                searchable: true,
                bStateSave: false,
                responsive: true,
                ajax: {
                    url: "{{ url('/agent/all-booking-data') }}",
                    data: function(d) {
                        d.status = status;
                        d.order_type = order_type;
                        d.date_range=date_range;
                        d.order_awb_no = order_awb_no;
                        d.pagetype = 'opsmanagement';
                        d.product_status = '{{$product_status}}';
                    }
                },

                columns: [
                    {
                        data: 'docket_no',
                        name: 'docket_no',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'order_id',
                        name: 'order_id',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'reference_no',
                        name: 'reference_no',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                     {
                        data: 'order_details',
                        name: 'order_details',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'pickupaddress',
                        name: 'pickupaddress',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                     {
                        data: 'reciever_details',
                        name: 'reciever_details',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'pickup_pincode',
                        name: 'pickup_pincode',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'order_status',
                        name: 'order_status',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'action',
                        name: 'action',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    }
                ],
                fnDrawCallback: function( oSettings ) {
                    $(".weight_discrepancy_colorbox").colorbox({iframe: true, width: '800px', height: '365px',top:true});
                },
                select: {
                    style: 'multi',
                },
            });

        });

        $('.nav-link').click(function(e) {
            order_awb_no = '';
            status = '';
            $('.order_awb_no').val('');
            $('.order_status').selectpicker('val', '');

            order_type = $(this).attr('id').slice(0, -4);
            $("#" + order_type + "-datatable").DataTable().draw(true);
        });

        $('.order_awb_no').keyup(function() {
            order_awb_no = $(this).val();
            $("#" + order_type + "-datatable").DataTable().draw(true);
        })
        $('.date_range').change(function() {
            date_range = $(this).val();
            $("#" + order_type + "-datatable").DataTable().draw(true);
        });
        $('.order_status').change(function() {
            status = $(this).val();
            $("#" + order_type + "-datatable").DataTable().draw(true);
        })

        $('.bs-select-all .bs-deselect-all').click(function() {
            $("#" + order_type + "-datatable").DataTable().draw(true);
        });

        $('#select_all_forward').on('click', function() {
            var id = [];
            if (this.checked) {
                $('.container_checkbox_forward').prop('checked', true);
                $('.container_checkbox_forward').each(function(){
                    id.push($(this).val());
                });
            } else {
                $('.container_checkbox_forward').prop('checked', false);
            }

            $("#multiple_forward_order_id").val(JSON.stringify(id));

            if(id.length > 0){
                $('.bulk-rto').removeAttr("disabled");
            }else{
                $('.bulk-rto').attr("disabled", true);
            }
        });

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

            var id=[];

            $('.container_checkbox_forward:checked').each(function(){
                id.push($(this).val());
            });

            $("#multiple_forward_order_id").val(JSON.stringify(id));

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

            if(id.length > 0){
                $('.bulk-rto').removeAttr("disabled");
            }else{
                $('.bulk-rto').attr("disabled", true);
            }
        });

        $('#exportAsExcel').click(function() {
            var id = $("#myTab .nav-link.active").attr('id');
            var multipleIds, exportStatus;
            switch(id){
                case 'forward-tab':
                    multipleIds = $('#multiple_forward_order_id').val();
                    exportStatus = status;
                    break;
                case 'return-tab':
                    multipleIds = $('#multiple_reverse_order_id').val();
                    exportStatus = status;
                    break;
            }
            if(id == 'forward-tab'){
                window.location = "{{ route('order-table-export') }}?ids="+btoa(multipleIds)+"&status="+exportStatus;
            }else{
                window.location = "{{ route('return-order-table-export') }}?ids="+btoa(multipleIds)+"&status="+exportStatus;
            }
        });



    $(document).ready(function() {
        $('.date_range').daterangepicker({
            locale: {
                format: 'DD/MM/YYYY'
            },
            ranges: {
                'Today': [moment(), moment()],
                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                'Last 7 Days': [moment().subtract(6, 'days'), moment()],
                'Last 30 Days': [moment().subtract(29, 'days'), moment()],
                'This Month': [moment().startOf('month'), moment().endOf('month')],
                'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1,
                    'month').endOf('month')]
            },
            autoApply: true,
        });
    });

    

</script>
@endsection