@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>ALL</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-12">
                    <div class="table-responsive shipment-all">
                        <table class="table table-striped" id="allshipment-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">NDR Reason</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 allShipmentOrders = $("#allshipment-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/all') }}",
                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: 'ndr_reason',
                    name: 'ndr_reason',
                    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) {
            allShipmentOrders.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('/shipments/update-reattempts') }}",
                                    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) {
                                            Swal.fire(
                                                'Updated!',
                                                data.message,
                                                'success'
                                            )
                                            allShipmentOrders.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: 'Clear your Dues',
                                                    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'
                                )
                                allShipmentOrders.ajax.reload();
                            } else {
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Oops...',
                                    text: 'Something went wrong!',
                                });
                            }
                        }
                    });
                }
            });
        });



        $(document).on('click', '.cod-to-prepaid', function(e) {

            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/cod-to-prepaid-update') }}",
                        data: {
                            'docket_no': id,
                            'status': 'prepaid',
                            '_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'
                                )
                                allShipmentOrders.ajax.reload();
                            } else {
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Oops...',
                                    text: 'Something went wrong!',
                                });
                            }
                        }
                    });
                }
            });
        });

        $(document).on('click', '.rto-button', function(e) {
            console.log('rto');
            Swal.fire({
                title: 'Are you sure?',
                html: '<input type="text" id="rto_reason" class="form-control" placeholder="RTO Reason"><br>You won\'t be able to revert this!',
                icon: 'warning',
                type: "input",
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, initiate RTO!',
                preConfirm: () => {
                    const rto_reason = Swal.getPopup().querySelector('#rto_reason').value
                    if (!rto_reason) {
                        Swal.showValidationMessage(`Please enter RTO reason`)
                    }
                    return {
                        rto_reason: rto_reason
                    };
                }
            }).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',
                            'rto_reason': result.value.rto_reason,
                            '_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'
                                )
                                shipmentNdrOrders.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() {
            allShipmentOrders.ajax.reload();
        });
    </script>
@endsection