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

        //    dd($user->toArray());
    @endphp
    <form method="post" action='/reports/lost'>
        @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>Lost Reports</p>
          </div>
        </div>
        <div class="col-md-6">
          <div class="text-right">
            <button type="button" class="btn btn-danger mr-2" id="lostExport">Download</button>
        </div>
        </div>
        <div class="col-md-12">
          <div class="table-responsive">
            <table class="table table-striped "id="lostDataTable">
              <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">Shipper Invoice No. </th>
                  <th scope="col">Shipper Ref No.</th>
                  <th scope="col">Shipper Invoice value</th>
                  <th scope="col">LSP Name </th>
                  <th scope="col">Seller Name & Address</th>
                  <th scope="col">Loss type</th>
                  <th scope="col">Total boxes shipped</th>
                  <th scope="col">Intact box delivered</th>
                  <th scope="col">Damage Box Delivered</th>
                  <th scope="col">Mismatch Box Delivered</th>
                  <th scope="col">Short box delivered</th>
                  <th scope="col">Claim Amount</th>
                  <th scope="col">Insurance</th>
                  <th scope="col">Limited Liabilities</th>
                  <th scope="col">Approved claim amount</th>
                  <th scope="col">Last updated Location</th>
                  <th scope="col">Settlement status</th>
                  <th scope="col">Claim Settlemment date</th>
                  <th scope="col">Settlement reference number</th>
                  <th scope="col">COF issue date</th>
                  <th scope="col">COF number</th>
                </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 = $("#lostDataTable").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('/lostReport') }}",
            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: 'Shipper_InvoiceNo',
                name: 'Shipper_InvoiceNo',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'Shipper_Ref_No',
                name: 'Shipper_Ref_No',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'Shipper_Invoice_value',
                name: 'Shipper_Invoice_value',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'lsp_name',
                name: 'lsp_name',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'Seller_Name&Address',
                name: 'Seller_Name&Address',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'Loss_type',
                name: 'Loss_type',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'Total_boxes_shipped',
                name: 'Total_boxes_shipped',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'Intact_box_delivered',
                name: 'Intact_box_delivered',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'Damage_Box_Delivered',
                name: 'Damage_Box_Delivered',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'Mismatch_Box_Delivered',
                name: 'Mismatch_Box_Delivered',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'Short_box_delivere',
                name: 'Short_box_delivere',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'Claim_Amount',
                name: 'Claim_Amount',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'is_insured',
                name: 'is_insured',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'Limited Liabilitie',
                name: 'Limited Liabilitie',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'Approved claim amount',
                name: 'Approved claim amount',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'Last updated Location',
                name: 'Last updated Location',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'Settlement status',
                name: 'Settlement status',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'Claim Settlemment date',
                name: 'Claim Settlemment date',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'Settlement reference number',
                name: 'Settlement reference number',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'COF issue date',
                name: 'COF issue date',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            },
            {
                data: 'COF number',
                name: 'COF number',
                searchable: true,
                orderable: false,
                defaultContent: 'NA'
            }

        ],
        select: {
            style: 'multi',
        },
    });
    $('#lostExport').click(function() {
     window.location = "{{ route('lost-Table-Export') }}";
         });
});

</script>
@endsection