@extends('backend.includes.panel')

@section('page_css')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.min.css" />
<link href="{{ BE_URL.'plugins/bootstrap-switch/bootstrap-switch.min.css' }}" rel="stylesheet">
<link href="{{ BE_URL.'plugins/sweetalert/sweetalert.css' }}" rel="stylesheet" type="text/css">
<link href="{{ BE_URL.'plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css'}}" rel="stylesheet">
@stop

@section('page_title','Shippments Report')

@section('inner_page_link')
    <li class="breadcrumb-item active">Shippments Report Report</li>
@stop

@section('main_content')
<div class="row">
    <div class="col-12">
		<div class="card">
			<div class="card-body">
				<h4 class="card-title">Searching Filters</h4>
				@listsearch(['actionUrl' => route('shipment-list-fetch'),'export' => 'yes','exportUrl' => route('backend.export.report.shipment')])
				@endlistsearch
			</div>
		</div>
    </div>
    <div class="col-12">
    	<div class="card">
	        <div class="card-body">
	            <h4 class="card-title">Shipments Report List <!-- <button type="button" onclick="window.location.href='{{ route('backend.shipment.create') }}'" class="float-right pull-right btn btn-success waves-effect waves-light m-r-10"><i class="fa fa-plus"></i> Add Shipment </button> --></h4>
	            <div class="table-responsive m-t-10">
	                <table id="shipment-report-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 Status</th>
			                    <th>Shipment Status</th>
			                    <th>Action</th>
	                        </tr>
	                    </thead>
	                </table>
	            </div>
	        </div>
	     </div>
    </div>
</div>
@stop


@section('page_script')
<script src="{{ BE_URL.'plugins/bootstrap-switch/bootstrap-switch.min.js' }}"></script>
<script src="{{ BE_URL.'plugins/datatables/jquery.dataTables.min.js' }}"></script>
<script src="{{ BE_URL.'plugins/bootstrap-datepicker/bootstrap-datepicker.min.js'}}"></script>
<script src="{{ BE_URL.'plugins/moment/moment.js'}}"></script>
<script src="{{ BE_URL.'plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js'}}"></script>
<script src="{{ BE_URL.'plugins/sweetalert/sweetalert.min.js' }}"></script>


<script type="text/javascript">
	  var LIST_URL = "{{ route('backend.fetch.report.shipment') }}";
	  var datatableId = 'shipment-report-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 src="{{ BE_URL.'js/report.js' }}"></script>
@stop