@extends('layouts.default')

@section('page_css')
  @include('includes.portal-css')
  <link href="{{ FECUSTOMER_URL.'plugins/bootstrap-switch/bootstrap-switch.min.css' }}" rel="stylesheet">

@stop

 @section('content')
    <!-- Breadcroumbs start -->
  <div class="wshipping-content-block wshipping-breadcroumb inner-bg-1">
    <div class="container">
      <div class="row">
         <div class="col-12 col-lg-6">
            <h1>Shipment History</h1>
            <a href="{{URL('/')}}" title="Home">Home</a> / Shipment History
         </div>
         <div class="col-12 col-lg-6 text-right">
          <h4>We freight to all over the world
The best logistic company, <span>FAST</span> and <span>SAFELY!</span></h4></div>
      </div>
    </div>
  </div>
  <!-- Breadcroumbs end -->

  <!-- Shipment History start -->
  <div class="wshipping-content-block bg-custom-grey">

      <div class="container">
      <div class="c-padd-30 mb-4 common-front-form">
      <div class="row">
         <div class="col-12 col-lg-12">
            <div class="order-list">
              <h3>Your Shipment History </h3>

                @listsearch(['actionUrl' => route('shipment-list-fetch') ])
                @endlistsearch
              <div class="table-responsive m-t-10">
                        <table id="shipment-front-list-table" class="table table-bordered table-striped">
                            <thead>
                            <tr>
                            <th>#</th>
                            <th>Ship To - Comapny name or Contact Name</th>
                            <th>Total Package</th>
                            <th>Billable Weight</th>
                            <th>Order Total</th>
                            <th>Pickup / Dropit</th>
                            <th>Date</th>
                            <th>Time</th>
                            <th>Payment</th>
                            <th>Shipment Status</th>
                            <th>Action</th>
                            </tr>
                            </thead>
                        </table>
                    </div>
             </div>
           </div>
         </div>
         <!-- Right sidebar start -->
      <!--    <div class="col-12 col-lg-3">
            <div class="right-block left-menu menu-with-title mt60 mb15">
               <h4 class="title-with-bg">Select Your Freight</h4>
               <ul>
                  <li class="active"><a href="" title="Air Freight Tracking">Air Freight Tracking</a></li>
                  <li><a href="" title="Ocean Freight Tracking">Ocean Freight Tracking</a></li>
                  <li><a href="" title="Road & Rail Freight Tracking">Road & Rail Freight Tracking</a></li>
               </ul>
            </div>
               <a href="#" class="order-list-button">Your Order List</a>
         </div> -->
         <!-- Right sidebar end -->
      </div>
      </div>
    </div>

  <!-- Shipment History end -->

  <!-- Send free quote start -->
  <div class="wshipping-content-block get-quote">
    <div class="container">
      <div class="row">
        <div class="col-12 col-lg-8"><h4>We Are Always In Here, <span>Need any Help?</span></h4></div>
        <div class="col-12 col-lg-4 text-right"><a href="{{URL('/contact')}}" title="" class="wshipping-button btn-1">Contact With Us</a></div>
      </div>
    </div>
  </div>
  <!-- Send free quote end -->


@stop

@section('javascript')

  @include('includes.portal-script')

  <script src="{{ FECUSTOMER_URL.'plugins/bootstrap-switch/bootstrap-switch.min.js' }}"></script>
  <script src="{{ FECUSTOMER_URL.'plugins/datatables/jquery.dataTables.min.js' }}"></script>

  <script type="text/javascript">

    var LIST_URL = "{{ route('shipment-list-fetch') }}";
    var datatableId = 'shipment-front-list-table';
     /* Set All Form For Parsley Validation */
      $.ajaxSetup({
          headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          }
        });

  </script>
  <script src="{{ APP_ROOT.'js/search.js' }}"></script>
  <script type="text/javascript" src="{{ FECUSTOMER_URL.'js/shippment.js'}}"></script>

@stop