@extends('layout.master')
@section('content')
    @php

        //    dd($user->toArray());
    @endphp
    <form method="post" action='/reports/ndr'>
        @csrf
        <section class="content pb-5">
            <div class="container-fluid">
                <meta name="csrf-token" content="{!! csrf_token() !!}">


                <div class="row pt-4">
                    <div class="col-md-6">
                        <div class="title-section">
                            <p>NDR Reports</p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="text-right">
                            <button type="button" class="btn btn-danger mr-2" id="ndrExport">Download</button>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="table-responsive">
                            <table class="table table-striped "id="ndrDataTable">
                                <thead>
                                    <tr>
                                        <th scope="col">S.No</th>
                                        <th scope="col">Order Id </th>
                                        <th scope="col">AWB No.</th>
                                        <th scope="col">Customer Details(Name, Email, Phone No.)</th>
                                        <th scope="col">Product Details </th>
                                        <th scope="col">LSP Name</th>
                                        <th scope="col">From Pincode</th>
                                        <th scope="col">To Pincode </th>
                                        <th scope="col">Attempt </th>
                                        <th scope="col">Reasons</th>
                                        <th scope="col">Date</th>
                                        <th scope="col">Status</th>
                                        <th scope="col">Initiate action</th>
                                        <th scope="col">Next Action</th>
                                        <th scope="col">Tentative action date</th>A
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
    </form>
    </section>
@endsection
@section('scripts')
    <script src="https://checkout.razorpay.com/v1/checkout.js"></script>
    <script>
        let creditPaymentValue = 0;
        let skuIdPaymentStatus = [];
        $(document).ready(function() {

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

                ajax: {
                    url: "{{ url('/ndrReport') }}",
                    type: "POST",
                    data: { 
                        _token: "{{csrf_token()}}" 
                    },
                },

                columns: [
                    /*{
                                            data: 'checkbox',
                                            name: 'checkbox',
                                            sortable: false,
                                        },*/
                    {
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex',
                        sortable: false,
                    },

                    {
                        data: 'order_no',
                        name: 'order_no',
                        searchable: true,
                        orderable: false,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'docket_no',
                        name: 'docket_no',
                        searchable: true,
                        orderable: false,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'customer_details',
                        name: 'customer_details',
                        searchable: true,
                        orderable: false,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'products',
                        name: 'products',
                        searchable: true,
                        orderable: false,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'lsp_name',
                        name: 'lsp_name',
                        searchable: true,
                        orderable: false,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'from_pincode',
                        name: 'from_pincode',
                        searchable: true,
                        orderable: false,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'to_pincode',
                        name: 'to_pincode',
                        searchable: true,
                        orderable: false,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'ndr_attempts_left',
                        name: 'ndr_attempts_left',
                        searchable: true,
                        orderable: false,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'Reasons',
                        name: 'Reasons',
                        searchable: true,
                        orderable: false,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'pickup_expected_date',
                        name: 'pickup_expected_date',
                        searchable: true,
                        orderable: false,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'product_status',
                        name: 'product_status',
                        searchable: true,
                        orderable: false,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'Initiate_action',
                        name: 'Initiate_action',
                        searchable: true,
                        orderable: false,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'Next_Action',
                        name: 'Next_Action',
                        searchable: true,
                        orderable: false,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'Tentative_action_date',
                        name: 'Tentative_action_date',
                        searchable: true,
                        orderable: false,
                        defaultContent: 'NA'
                    },

                ],
                select: {
                    style: 'multi',
                },
            });
            $('#ndrExport').click(function() {
                        window.location = "{{ route('ndr-new-report-exports') }}";
                    });
        });
    </script>
@endsection