@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>Booking Report</p>
              </div>
            </div>
          </div>  

          <div class="row mt-2">
            <div class="col-md-12">
              <div class="table-responsive">
                <table class="table table-striped" id="forward-datatable">
                  <thead>
                    <tr>
                      <th scope="col">Order Id</th>
                      <th scope="col">AWB No.</th>
                      <th scope="col">LSP Name</th>
                      <th scope="col">Shipment Type (PP/COD)</th>
                      <th scope="col">COD Charges</th>
                      <th scope="col">Delivery Charges</th>
                    </tr>
                  </thead>
                  <tbody>
                   
                  </tbody>
                </table>

              </div>

            </div>
          </div>
          
      

        </div>
      </section> 
<script>
        $(document).ready(function() {
            

            $("#forward-datatable").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,
                responsive: true,
                ajax: {
                    url: "{{ url('/agent/booking-reports-data') }}",
                    data: function(d){
                        /*d.status = status;*/
                    }
                },
                columns: [
                    {
                        data: 'order_id',
                        name: 'order_id',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'docket_no',
                        name: 'docket_no',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'lsp_name',
                        name: 'lsp_name',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'payment_mode',
                        name: 'payment_mode',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'cod_charges',
                        name: 'cod_charges',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    },
                    {
                        data: 'delivery_charges',
                        name: 'delivery_charges',
                        searchable: true,
                        orderable: true,
                        defaultContent: 'NA'
                    }
                ],
                
                select: {
                    style: 'multi',
                },
            });

        });
</script>          
@endsection