@extends('layout.master')
@section('content')
    <section class="content pb-5">
        <div class="container-fluid">
            <div class="row pt-4">
                <div class="col-md-12">
                    <div class="title-section">
                        <p>Shipments <span>RTO</span></p>
                    </div>
                </div>
            </div>

            <div class="row pt-sm-4 pt-0">
                <div class="col-md-2">
                    <div class="form-group custom-form-group">
                        <label class="form-label" for="customer">Search by Order ID or AWB</label>
                        <input class="form-control" id="order_awb_no" placeholder="" type="text" value="">
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group custom-form-group">
                        <label class="form-label" for="customer">Date Range</label>
                        <input class="form-control" placeholder="" type="text" value="{{ date('d/m/Y', strtotime('-1 month +1 day')) . ' - ' . date('d/m/Y') }}" id="date-range">
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group custom-form-group">
                        <label class="form-label" for="customer">RTO Status</label>
                        <select class="form-control" id="status">
                            <option value=""></option>
                        </select>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="table-responsive">
                        <table class="table table-striped" id="shipment-rto-table">
                            <thead>
                                <tr>
                                    <th scope="col">Order Date</th>
                                    <th scope="col">Order ID</th>
                                    <th scope="col">Zone</th>
                                    <th scope="col">AWB No.</th>
                                    <th scope="col">Customer Info</th>
                                    <th scope="col">LSP</th>
                                    <th scope="col">Pickup Address</th>
                                    <th scope="col">Attempts</th>
                                    <th scope="col">RTO Reason</th>
                                    <th scope="col">Status</th>
                                    <th scope="col">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script>
        let shipmentRtoOrders = $("#shipment-rto-table").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,

            ajax: {
                url: "{{ url('/shipments/data-table/rto') }}",
                data: function(d) {
                    d.status = $('#status').val();
                    d.order_awb_no = $('#order_awb_no').val();
                    d.mobile_email = $('#mobile_email').val();
                    d.date_range = $('#date-range').val();
                }
            },

            columns: [{
                    data: 'start_date',
                    name: 'start_date',
                    searchable: true,
                    orderable: true,
                    defaultContent: 'NA'
                },
                {
                    data: 'order_id',
                    name: 'order_id',
                    searchable: true,
                    orderable: true,
                    defaultContent: 'NA'
                },
                {
                    data: 'zone',
                    name: 'zone',
                    searchable: true,
                    orderable: true,
                    defaultContent: 'NA'
                },
                {
                    data: 'docket_no',
                    name: 'docket_no',
                    searchable: true,
                    orderable: true,
                    defaultContent: 'NA'
                },
                {
                    data: 'customers',
                    name: 'customers',
                    searchable: true,
                    orderable: true,
                    defaultContent: 'NA'
                },
                {
                    data: 'lsp',
                    name: 'lsp',
                    searchable: true,
                    orderable: true,
                    defaultContent: 'NA'
                },
                {
                    data: 'pickupaddress',
                    name: 'pickupaddress',
                    searchable: true,
                    orderable: true,
                    defaultContent: 'NA'
                },
                {
                    data: 'reattempts',
                    name: 'reattempts',
                    searchable: true,
                    orderable: true,
                    defaultContent: 'NA'
                },
                {
                    data: 'rto_reason',
                    name: 'rto_reason',
                    searchable: true,
                    orderable: true,
                    defaultContent: 'NA'
                },
                {
                    data: 'order_status',
                    name: 'order_status',
                    searchable: true,
                    orderable: true,
                    defaultContent: 'NA'
                },
                {
                    data: 'action',
                    name: 'action'
                },
            ],
            select: {
                style: 'multi',
            },
        });

        $('#status, #order_awb_no, #mobile_email').on('keyup', function(e) {
            shipmentRtoOrders.ajax.reload();
        });

          function requestForRto(docketNo,lspId) {
            var docket_no = docketNo;
            $.ajax({
                method: 'POST',
                async: false,
                url: "{{ url('/api/order-tracking-api') }}",
                data: {
                    'DocketNo': docket_no,
                    'lspId': lspId,
                    'CurrentStatus':'ndr',
                    'StatusDate' : new Date(),
                    'StatusCode': 11,
                    'DeliveryStatus' : 1,
                    '_token': '{{ csrf_token() }}'
                },
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function(data) {
                     shipmentRtoOrders.ajax.reload();
                }
            });

        }

       // $(document).on('click', '.reattempt-button', function(e) {
            // console.log('reattempt');
            // let id = $(this).data('id');

            // $.ajax({
            //     method: 'POST',
            //     async: false,
            //     url: "{{ url('/shipments/reattempt-charge') }}",
            //     data: {
            //         'docket_no': id,
            //         '_token': '{{ csrf_token() }}'
            //     },
            //     headers: {
            //         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            //     },
            //     success: function(data) {
            //         if (data.status_code == 200) {
            //             reattempt_charge = data.data.message;

            //             Swal.fire({
            //                 title: 'Are you sure?',
            //                 html: "<h5>Reattempt Charges: </h5><h6>" + reattempt_charge +
            //                     "</h6><br>You won't be able to revert this!",
            //                 icon: 'warning',
            //                 showCancelButton: true,
            //                 confirmButtonColor: '#3085d6',
            //                 cancelButtonColor: '#d33',
            //                 confirmButtonText: 'Yes, initiate reattempt!'
            //             }).then((result) => {
            //                 if (result.isConfirmed) {

            //                     $.ajax({
            //                         method: 'POST',
            //                         url: "{{ url('/api/order-tracking-api') }}",
            //                         data: {
            //                             'DocketNo': id,
            //                             'lspId': 1,
            //                             'CurrentStatus':'ndr',
            //                             'StatusDate' : new Date(),
            //                             'StatusCode': 11,
            //                             'DeliveryStatus' : 1,
            //                             '_token': '{{ csrf_token() }}'
            //                         },
            //                         headers: {
            //                             'X-CSRF-TOKEN': $('meta[name="csrf-token"]')
            //                                 .attr('content')
            //                         },
            //                         success: function(data) {

            //                             $("#shipment-rto-table").DataTable().draw(true);

                                        // if (data.status_code == 200) {
                                        //     Swal.fire(
                                        //         'Updated!',
                                        //         data.message,
                                        //         'success'
                                        //     )
                                        //     shipmentRtoOrders.ajax.reload();
                                        // } else if (data.status_code == 404) {
                                        //     if (data.data.payment_type == 'wallet'){
                                        //         Swal.fire({
                                        //             title: data.message,
                                        //             text: 'Recharge your Wallet',
                                        //             icon: 'warning',
                                        //             showCancelButton: true,
                                        //             confirmButtonColor: '#3085d6',
                                        //             cancelButtonColor: '#d33',
                                        //             confirmButtonText: 'Yes, Recharge it!'
                                        //         }).then((result) => {
                                        //             if (result.isConfirmed) {
                                        //                 window.open('{{ url("/wallet") }}', '_blank');
                                        //             }
                                        //         });
                                        //     }else{
                                        //         Swal.fire({
                                        //             title: data.message,
                                        //             text: '',
                                        //             icon: 'warning',
                                        //             showCancelButton: true,
                                        //             confirmButtonColor: '#3085d6',
                                        //             cancelButtonColor: '#d33',
                                        //             confirmButtonText: 'Yes, clear dues!'
                                        //         }).then((result) => {
                                        //             if (result.isConfirmed) {
                                        //                 //window.open('{{ url("/financial") }}', '_blank');
                                        //             }
                                        //         });
                                        //     }
                                        // } else {
                                        //     Swal.fire({
                                        //         icon: 'error',
                                        //         title: 'Oops...',
                                        //         text: 'Something went wrong!',
                                        //     });
        //                                 // }
        //                             }
        //                         });

        //                     }
        //                 });
        //             } else {
        //                 Swal.fire({
        //                     icon: 'error',
        //                     title: 'Oops...',
        //                     text: 'Something went wrong!',
        //                 });
        //             }
        //         }
        //     });
        // });

        $(document).on('click', '.acknowledge-button', function(e) {
            console.log('ACKNOWLEDGE');
            Swal.fire({
                title: 'Are you sure?',
                text: "You won't be able to revert this!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, initiate RTO!',
            }).then((result) => {
                if (result.isConfirmed) {
                    let id = $(this).data('id');

                    $.ajax({
                        method: 'POST',
                        url: "{{ url('/shipments/update-rto') }}",
                        data: {
                            'docket_no': JSON.stringify([id]),
                            'status': 'rto',
                            '_token': '{{ csrf_token() }}'
                        },
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        success: function(data) {
                            if (data.status_code == 200) {
                                Swal.fire(
                                    'Updated!',
                                    data.message,
                                    'success'
                                )
                                shipmentRtoOrders.ajax.reload();
                            } else {
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Oops...',
                                    text: 'Something went wrong!',
                                });
                            }
                        }
                    });
                }
            });
        });

    </script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
    <script>
        $(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,
            });
        });

        $('#date-range').change(function(){
            shipmentRtoOrders.ajax.reload();
        });
    </script>
@endsection