@extends('layout.master')

@section('content')
    <section>
        <div class="container-fluid">

            <div class="row pt-4">
                <div class="col-md-4 col-4">
                    <div class="title-section">
                        <p>NDR</p>
                    </div>
                </div>

                <div class="col-md-8 col-8">

                    <div class="byer-btn d-flex float-right">
                        <h6>NDR Buyer Flow</h6>

                        <div class="toogleSwitch ml-2 mt-1">
                            <label class="switch">
                                <input type="checkbox" checked="">
                                <span class="slider round"></span>
                            </label>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row pt-sm-4 pt-0">

                <div class="col-md-2">
                    <div class="ndr-box">
                        <div class="rectangle ndr-rectangle">
                            <p>Action Required</p>
                        </div>
                        <span>5</span>
                    </div>
                </div>

                <div class="col-md-2">
                    <div class="ndr-box" style="background:#FFE7E7;">
                        <div class="rectangle ndr-rectangle-one">
                            <p>Action Requested</p>
                        </div>
                        <span>35</span>
                    </div>
                </div>

                <div class="col-md-2">
                    <div class="ndr-box" style="background:#E5F7FD;">
                        <div class="rectangle ndr-rectangle-two">
                            <p>Delivered</p>
                        </div>
                        <span>{{ $total_delivered }}</span>
                    </div>
                </div>

                <div class="col-md-2">
                    <div class="ndr-box" style="background:#CAECD4;">
                        <div class="rectangle ndr-rectangle-three">
                            <p>RTO</p>
                        </div>
                        <span>{{ $total_rto }}</span>
                    </div>
                </div>

                <div class="col-md-2">
                    <div class="ndr-box" style="background:#FFCF8F;">
                        <div class="">
                            <p>Upload Bulk NDR</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row pt-4 pt-sm-4">
                <div class="col-md-6">
                    <div class="order-section">
                        <div class="row">
                            <div class="col order-details">
                                <p>NDR Total Count</p>
                                <span>{{ $total_ndrs }}</span>
                            </div>
                            <div class="col order-details">
                                <p>NDR Attempt 1</p>
                                <span>{{ $total_ndr1 }}</span>
                            </div>
                            <div class="col order-details">
                                <p>NDR Attempt 2</p>
                                <span>{{ $total_ndr2 }}</span>
                            </div>
                            <div class="col order-details">
                                <p>NDR Attempt 3</p>
                                <span>{{ $total_ndr3 }}</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="order-section">
                        <div class="row">
                            <div class="col order-details">
                                <p>Buyer Positive Response</p>
                                <span>100</span>
                            </div>
                            <div class="col order-details">
                                <p>Seller Positive Response</p>
                                <span>10</span>
                            </div>
                            <div class="col order-details">
                                <p>NDR Delivered</p>
                                <span>{{ $ndr_delivered }}</span>
                            </div>
                            <div class="col order-details">
                                <p>RTO Delivered</p>
                                <span>{{ $rto_delivered }}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row pt-4 pt-sm-4">

                <div class="col-md-3">
                    <div class="form-group custom-form-group search-icon d-flex">
                        <input class="form-control" placeholder="Search By Order/AWB No" id="order_awb_no" type="text" value="">
                        <span><img src="/assets/images/search-icon.svg" class="mt-2" alt=""></span>
                    </div>
                </div>

                <div class="col-md-2">
                    {{--  <div class="form-group custom-form-group search-icon d-flex">
                        <input class="form-control" placeholder="Search By Email/Phone No" type="text" value="">
                        <span><img src="/assets/images/search-icon.svg" class="mt-2" alt=""></span>
                    </div>  --}}
                </div>

                <div class="col-md-1">
                    <h6 class="mt-2 mr-3">Filter By:</h6>
                </div>

                <div class="col-md-3">
                    <div class="form-group custom-form-group">
                        <input class="form-control" placeholder="All Attempts" type="text" value="">
                        <img src="/assets/images/filter-img.png" class="" alt=""
                            style="position:absolute; top:12px; right: 20px;">
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="form-group custom-form-group">
                        <input class="form-control" placeholder="All Attempts" type="text" value="">
                        <img src="/assets/images/filter-img.png" class="" alt=""
                            style="position:absolute; top:12px; right: 20px;">
                    </div>
                </div>

                <div class="col-md-2">
                    <select class="form-control">
                        <option value="">All Escalation</option>
                    </select>
                </div>

                <div class="col-md-2">
                    <div class="form-group custom-form-group">
                        <select class="form-control">
                            <option value="">All Aging</option>
                        </select>
                    </div>
                </div>

                <div class="col-md-12">
                    <div class="table-responsive mb-3">
                        <table class="table table-striped" id="reportNdrOrders">
                            <thead>
                                <tr>
                                    <th scope="col">NDR Raised At</th>
                                    <th scope="col">NDR Reason <img src="/assets/images/filter-icon.svg"
                                            alt="">
                                    </th>
                                    <th scope="col">Order Details <img src="/assets/images/filter-icon.svg"
                                            alt=""></th>
                                    <th scope="col">Customer Details</th>
                                    <th scope="col">Shipment Details <img src="/assets/images/filter-icon.svg"
                                            alt=""></th>
                                    <th scope="col">Delivery Address</th>
                                    <th scope="col">Escalation Information</th>
                                    <th scope="col">Last Action Taken By</th>
                                    <th scope="col">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td> 1
                                        April 2022, 12:00 AM Pending- 5 Days
                                        <span class="badge table-badge badge-primary">Show history</span>
                                    </td>
                                    <td>1 Attempt Customer Refused</td>
                                    <td>
                                        Id:Nidhi00044 Name:noxi Sku:2563 Qty:1, Mode:prepaid Amt:230.00
                                    </td>
                                    <td>Nikhi Jay 9874563211 nikhil.arya@gm... </td>
                                    <td>Delhivery 1091147019186</td>
                                    <td> XYZ lane Ghaziabad UP-201014</td>
                                    <td>NA</td>
                                    <td>SPOC</td>
                                    <td>
                                        <div class="dropdown">
                                            <a class="admintabledrop" data-toggle="dropdown" href="#"
                                                aria-expanded="false">
                                                <i class="fa fa-ellipsis-v"></i>
                                            </a>
                                            <div class="dropdown-menu dropdown-menu-md tableaction dropdown-menu-right"
                                                style="">
                                                <ul>
                                                    <li><a href="#" data-toggle="modal"
                                                            data-target="#delivery1">Reattempt</a></li>
                                                    <li><a href="#">Contact Buyer</a></li>
                                                    <li><a href="#">RTO</a></li>
                                                    <li><a href="#">Fake Attempt</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td> 1 April 2022, 12:00 AM Pending- 5 Days
                                        <span class="badge table-badge badge-primary">Show history</span>
                                    </td>
                                    <td>1 Attempt Customer Refused</td>
                                    <td> Id:Nidhi00044 Name:noxi Sku:2563 Qty:1, Mode:prepaid
                                        Amt:230.00
                                    </td>
                                    <td>Nikhi Jay 9874563211 nikhil.arya@gm... </td>
                                    <td>Delhivery 1091147019186</td>
                                    <td> XYZ lane Ghaziabad UP-201014</td>
                                    <td>NA</td>
                                    <td>SPOC</td>
                                    <td>
                                        <div class="dropdown">
                                            <a class="admintabledrop" data-toggle="dropdown" href="#"
                                                aria-expanded="false">
                                                <i class="fa fa-ellipsis-v"></i>
                                            </a>
                                            <div class="dropdown-menu dropdown-menu-md tableaction dropdown-menu-right"
                                                style="">
                                                <ul>
                                                    <li><a href="#">Reattempt</a></li>
                                                    <li><a href="#">Contact Buyer</a></li>
                                                    <li><a href="#">RTO</a></li>
                                                    <li><a href="#">Fake Attempt</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td> 1 April 2022, 12:00 AM Pending- 5 Days
                                        <span class="badge table-badge badge-primary">Show history</span>
                                    </td>
                                    <td>1 Attempt Customer Refused</td>
                                    <td> Id:Nidhi00044 Name:noxi Sku:2563 Qty:1, Mode:prepaid
                                        Amt:230.00
                                    </td>
                                    <td>Nikhi Jay 9874563211 nikhil.arya@gm... </td>
                                    <td>Delhivery 1091147019186</td>
                                    <td> XYZ lane Ghaziabad UP-201014</td>
                                    <td>NA</td>
                                    <td>SPOC</td>
                                    <td>
                                        <div class="dropdown">
                                            <a class="admintabledrop" data-toggle="dropdown" href="#"
                                                aria-expanded="false">
                                                <i class="fa fa-ellipsis-v"></i>
                                            </a>
                                            <div class="dropdown-menu dropdown-menu-md tableaction dropdown-menu-right"
                                                style="">
                                                <ul>
                                                    <li><a href="#">Reattempt</a></li>
                                                    <li><a href="#">Contact Buyer</a></li>
                                                    <li><a href="#">RTO</a></li>
                                                    <li><a href="#">Fake Attempt</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td> 1 April 2022, 12:00 AM Pending- 5 Days
                                        <span class="badge table-badge badge-primary">Show history</span>
                                    </td>
                                    <td>1 Attempt Customer Refused</td>
                                    <td> Id:Nidhi00044 Name:noxi Sku:2563 Qty:1,Mode:prepaid Amt:230.00</td>
                                    <td>Nikhi Jay 9874563211 nikhil.arya@gm... </td>
                                    <td>Delhivery 1091147019186</td>
                                    <td> XYZ lane Ghaziabad UP-201014</td>
                                    <td>NA</td>
                                    <td>SPOC</td>
                                    <td>
                                        <div class="dropdown">
                                            <a class="admintabledrop" data-toggle="dropdown" href="#"
                                                aria-expanded="false">
                                                <i class="fa fa-ellipsis-v"></i>
                                            </a>
                                            <div class="dropdown-menu dropdown-menu-md tableaction dropdown-menu-right"
                                                style="">
                                                <ul>
                                                    <li><a href="#">Reattempt</a></li>
                                                    <li><a href="#">Contact Buyer</a></li>
                                                    <li><a href="#">RTO</a></li>
                                                    <li><a href="#">Fake Attempt</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td> 1 April 2022, 12:00 AM Pending- 5 Days
                                        <span class="badge table-badge badge-primary">Show history</span>
                                    </td>
                                    <td>1 Attempt Customer Refused</td>
                                    <td> Id:Nidhi00044 Name:noxi Sku:2563 Qty:1, Mode:prepaid Amt:230.00</td>
                                    <td>Nikhi Jay 9874563211 nikhil.arya@gm... </td>
                                    <td>Delhivery 1091147019186</td>
                                    <td> XYZ lane Ghaziabad UP-201014</td>
                                    <td>NA</td>
                                    <td>SPOC</td>
                                    <td>
                                        <div class="dropdown">
                                            <a class="admintabledrop" data-toggle="dropdown" href="#"
                                                aria-expanded="false">
                                                <i class="fa fa-ellipsis-v"></i>
                                            </a>
                                            <div class="dropdown-menu dropdown-menu-md tableaction dropdown-menu-right"
                                                style="">
                                                <ul>
                                                    <li><a href="#">Reattempt</a></li>
                                                    <li><a href="#">Contact Buyer</a></li>
                                                    <li><a href="#">RTO</a></li>
                                                    <li><a href="#">Fake Attempt</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </td>
                                </tr>

                            </tbody>
                        </table>
                    </div>

                    <div class="pagination_rounded">
                        <ul>
                            <li>
                                <a href="#" class="prev"> <i class="fa fa-chevron-left" aria-hidden="true"></i>
                                </a>
                            </li>
                            <li><a href="#" class="active">1</a> </li>
                            <li class="hidden-xs"><a href="#">2</a> </li>
                            <li class="hidden-xs"><a href="#">3</a> </li>
                            <li class="hidden-xs"><a href="#">4</a> </li>
                            <li>
                                <a href="#" class="next"> <i class="fa fa-chevron-right"
                                        aria-hidden="true"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- modal 1  -->

            <div class="modal fade" id="delivery1" tabindex="-1" aria-labelledby="exampleModalLabel"
                aria-hidden="true">
                <div class="modal-dialog modal-lg">
                    <form action="post" id="fake-attempt-form" enctype="multipart/form-data">
                        @csrf
                        <input type="hidden" name="order_docket_no">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title mb-0" id="exampleModalLabel">
                                    <div class="title-section border-0">
                                        <p>Request for Delivery Reattempt<br>
                                            Reason for NDR Failure: <span class="text-danger"> Customer Asked for open
                                                delivery
                                            </span></p>
                                    </div>
                                </h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true"><img src="/assets/images/close.png" height="30px"
                                            alt=""></span>
                                </button>
                            </div>

                            <div class="modal-body">
                                <div class="row">
                                    <div class="col-md-5">
                                        <input class="with-gap" name="reason" value="0" type="radio"
                                            id="number" checked>
                                        <label for="number">Above reason is in-correct</label>
                                    </div>

                                    <div class="col-md-5">
                                        <input class="with-gap" name="reason" value="1" type="radio"
                                            id="number1">
                                        <label for="number1">Request for reattempt</label>
                                    </div>

                                    <div class="col-md-6 mb-4">
                                        <div class="delivery-box h-100">
                                            <p>Upload your conversion with the buyer</p>
                                            <div class="row">
                                                <div class="col-md-8">
                                                    <p>Call recording
                                                    </p>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="audio-file text-center">
                                                        <img src="/assets/images/audio-file.svg" alt="">
                                                        <div class="upload-btn-wrapper ">
                                                            <button class="uploadBtn" value="">
                                                                Upload File
                                                            </button>
                                                            <input type="file" id="audio_file" name="audio_files[]"
                                                                value="" accept="audio/mp3" multiple>
                                                        </div>
                                                    </div>
                                                </div>
                                                <span class="text-danger font-weight-bold" accept="audio/mp3" id="audio_file_error">
                                                </span>

                                                <div class="col-md-12">
                                                    <div class="audio-border"></div>
                                                </div>

                                                <div class="col-md-8">
                                                    <p>Chat Screenshot</p>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="audio-file text-center">
                                                        <img src="/assets/images/audio-img.svg" alt="">
                                                        <div class="upload-btn-wrapper ">
                                                            <button class="uploadBtn">
                                                                Upload File
                                                            </button>
                                                            <input type="file" id="chat_file" accept="image/*" name="chat_files[]"
                                                                value="" multiple>
                                                        </div>
                                                    </div>
                                                </div>
                                                <span class="text-danger font-weight-bold" id="chat_file_error">
                                                </span>

                                                <div class="col-md-12">
                                                    <div class="audio-file mt-3">
                                                        <p>Please enter your remark here. (Optional)</p>
                                                        <textarea name="remark" rows="5" style="width:100%;"></textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                    <div class="col-md-6 mb-4">
                                        <div class="delivery-box h-100">
                                            <p>Receive reattempt request from buyer</p>
                                            <div class="kyc-btn my-3">
                                                <button class="kycupload">
                                                    Send SMS
                                                </button>
                                            </div>
                                            <P>Once your buyer responds then we will reattempt</P>
                                            <p>Receive a miss call on 0141185504 from your buyer’s registered phone number
                                                for
                                                the reattempt verification. Once received, we will automatically forward the
                                                same to the courier partner.</p>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="modal-footer">
                                <div class="float-right import-btns">
                                    <button type="button" class="btn btn-danger save-btn"
                                        onclick="uploadAudio()">Reattempt</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <!-- ------  -->


            <!-- modal 2  -->

            <form action="upload" method="post" enctype="multipart/form-data">
                <div class="modal fade" id="delivery2" tabindex="-1" aria-labelledby="exampleModalLabel"
                    aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title mb-0" id="exampleModalLabel">
                                    <div class="title-section border-0">
                                        <p>Request for Delivery Reattempt<br>
                                            Reason for NDR Failure: Customer Asked for open delivery</p>
                                    </div>
                                </h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true"><img src="/assets/images/close.png" height="30px"
                                            alt=""></span>
                                </button>
                            </div>

                            <div class="modal-body">
                                <div class="row">
                                    <div class="col-md-5">
                                        <input class="with-gap" name="group1" type="radio" id="number" checked>
                                        <label for="number">Above reason is in-correct</label>
                                    </div>

                                    <div class="col-md-5">
                                        <input class="with-gap" name="group1" type="radio" id="number1">
                                        <label for="number1">Request for reattempt</label>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="form-group custom-form-group  mt-3">
                                            <label class="form-label" for="date">Re-attempt Date:</label>
                                            <input class="form-control" placeholder="" type="text" value="">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group custom-form-group  mt-3">
                                            <label class="form-label" for="number">Phone Number</label>
                                            <input class="form-control" placeholder="" type="text" value="">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group custom-form-group">
                                            <label class="form-label" for="address">Address 1</label>
                                            <input class="form-control" placeholder="" type="text" value="">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group custom-form-group">
                                            <label class="form-label" for="address">Address 2</label>
                                            <input class="form-control" placeholder="" type="text" value="">
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group custom-form-group">
                                            <label class="form-label" for="remarks">Remarks</label>
                                            <textarea class="form-control" id="exampleFormControlTextarea1" rows="4"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <div class="float-right import-btns">
                                    <button type="button" class="btn btn-danger save-btn">Reattempt</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>

    </section>

    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>

    <script>
        $(document).ready(function() {
            let reportNdrOrders = $("#reportNdrOrders").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('/reports/ndr/data-table') }}",
                    data: function(d) {
                        d.status = $('#status').val();
                        d.order_awb_no = $('#order_awb_no').val();
                        d.mobile_email = $('#mobile_email').val();
                    }
                },

                columns: [{
                        data: 'ndr_raised_at',
                        name: 'ndr_raised_at',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'ndr_reason',
                        name: 'ndr_reason',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'order_id',
                        name: 'order_id',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'customer_details',
                        name: 'customer_details',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'shipment_details',
                        name: 'shipment_details',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'delivery_address',
                        name: 'delivery_address',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'escalation_info',
                        name: 'escalation_info',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'last_action',
                        name: 'last_action',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'action',
                        name: 'action'
                    },
                ],
                select: {
                    style: 'multi',
                },
            });

            $('#status, #order_awb_no, #mobile_email').on('keyup', function(e) {
                $("#reportNdrOrders").DataTable().draw();
            });
        });


        function uploadAudio() {
            var form = $('#fake-attempt-form')[0];
            $('#audio_file_error').html('');
            $('#chat_file_error').html('');
            var formdata = new FormData(form);

            $.ajax({
                url: "{{ url('/ndr/details') }}",
                type: "POST",
                data: formdata,
                contentType: false,
                processData: false,
                success: function(data) {
                    if (data.status_code == 200) {
                        $('#delivery1').modal('hide');
                        Swal.fire(
                            'Success!',
                            data.message,
                            'success'
                        )
                    } else {
                        Swal.fire({
                            icon: 'error',
                            title: 'Oops...',
                            text: 'Something went wrong!',
                        });
                    }
                },
                error: function(err) {
                    var errors = err.responseJSON.errors;
                    $.each(errors, function(key, val) {
                        var name = key.split('.');
                        if (key.indexOf('.') !== -1) {
                            if (name[0] == 'audio_files') {
                                $('#audio_file_error').html('Invalid file format. Valid formats: MP3');
                            }
                            if (name[0] == 'chat_files') {
                                $('#chat_file_error').html(
                                    'Invalid file format. Valid formats: JPEG,JPG,PNG');
                            }
                        }

                        if(key == 'audio_files'){
                            $('#audio_file_error').html('This field is required');
                        }

                        if(key == 'chat_files'){
                            $('#chat_file_error').html('This field is required');
                        }
                    });
                }

            });
        }

        $(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'
                                            )
                                            $("#reportNdrOrders").DataTable().draw();
                                        } 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', '.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'
                                )
                                $("#reportNdrOrders").DataTable().draw();
                            } else {
                                Swal.fire({
                                    icon: 'error',
                                    title: 'Oops...',
                                    text: 'Something went wrong!',
                                });
                            }
                        }
                    });
                }
            });
        });

        $(document).on('click', '.fake-attempt', function() {
            var order_docket_no = $(this).data('id');
            $('input[name="order_docket_no"]').val(order_docket_no);
        });
    </script>
@endsection