@extends('layouts.carrier')

@section('content')
<div class="formswrap">
  <section class="forms-basic consearchbasic">
    <form class="form-floating form-validate" id="pastshipmentsearchform" name="pastshipmentsearchform">
	{{ csrf_field() }}
	<div class="row m-b-40">
	  <div class="col-md-12">
		<div class="well white">
			<fieldset>
				<input type="hidden" name="search" id="search" value="true">
				<div class="form-group col-md-6 padding-left">
					<label for="search_from_date" class="control-label">FROM DATE</label>
					<input type="text" class="form-control datepicker" name="search_from_date" id="search_from_date" value="@if(isset($searchData['from_date']) && (!empty($searchData['from_date']))){{ $searchData['from_date']}}@else{{date('m/d/Y',strtotime('-30 days'))}}@endif">
				</div>
				<div class="form-group col-md-6 padding-left">
					<label for="search_to_date" class="control-label">TO DATE</label>
					<input type="text" class="form-control datepicker" name="search_to_date" id="search_to_date" value="@if(isset($searchData['to_date']) && (!empty($searchData['to_date']))){{ $searchData['to_date']}}@else{{date('m/d/Y')}}@endif">
				</div>
				<div class="clearfix"></div>
				<div class="form-group" style="margin-top: 15px;">
					<label for="search_order" class="control-label">ORDER#</label>
					<input type="text" class="form-control" name="search_order" id="search_order" value="@if(isset($searchData['order'])){{ $searchData['order']}}@endif">
				</div>
				<div class="form-group">
					<label for="search_load" class="control-label">LOAD#</label>
					<input type="text" class="form-control" name="search_load" id="search_load" value="@if(isset($searchData['load'])){{ $searchData['load']}}@endif">
				</div>
				<div class="form-group">
					<label for="search_load" class="control-label normal" style="padding-bottom: 0px;">Status</label>
					<select name="search_status" id="search_status" class="form-control">
					{!! FormField::dropDownOptions('search_status', $statuses, ((isset($searchData['status'])) ? $searchData['status'] : null), 'All') !!}
					</select>
				</div>
			</fieldset>
		</div>
	  </div>
	<div class="newcontbtn">
			<input class="btn btn-sm btn-danger contbtnnew" type="submit" name="pastshipment-search" id="pastshipment-search" value="Search">
			<input type="hidden" name="search_clear" id="search_clear" value="">
			<input class="btn btn-sm btn-danger contbtnnew" type="button" name="pastshipment-clear" id="pastshipment-clear" value="Clear">
		</div>
	</div>
	</form>
  </section>
</div>
<div class="card">
  <div>
	<div class="datatables shipmenttable">
	  <table id="pastshipments-table" class="table table-full table-full-small" cellspacing="0" width="100%">
		<thead>
		  <tr>
			<th>Order#</th>
			<th>load#</th>
			<th>Origin</th>
			<th>Destination</th>
			<th>Equipment</th>
			<th>P/U Date</th>
			<th>Delivery Date</th>
			<th>Carrier Cost</th>
			<th>Status</th>
			<th>Attach Paperwork</th>
			<th>Submit Invoice</th>
		  </tr>
		</thead>
		<tbody>
		</tbody>
	  </table>
	</div>
  </div>
</div>


<!-- Attach Modal -->
<div class="modal fade" id="attachModal" role="dialog">
	<div class="modal-dialog">
	  <div class="modal-content">
		<div class="modal-header">
		  <button type="button" class="close" data-dismiss="modal">&times;</button>
		  <h4 class="modal-title firstTime">Attach Document</h4>
		</div>
		<form class="form-floating form-validate form-ajax" id="attachform" name="attachform">
		<div class="modal-body" style="overflow:hidden;">
			  <div class="col-md-12">
				<fieldset>
					<div class="form-group" style="width:538px;margin-top: 35px;">
						<label for="document_type" class="control-label normal">Document Type</label>
						{!! FormField::select('document_type', $documentTypes, null, true, 'Please Select') !!}
					</div>
					<div class="form-group">
						<div id="dragbox">
							<p class="dropmessage">Drop files here or click to upload.</p>
							<p class="fileselect" id="filename"></p>
						</div>
					</div>
				</fieldset>
			  </div>
			  <div class="clearfix"></div>
		</div>
		<div class="modal-footer firstTime_footer">
		  <input type="hidden" name="attach-order-id" id="attach-order-id">
		  <input class="btn btn-sm btn-danger" type="button" name="attach" value="Attach" id="attach"></input>
		</div>
		</form>
	  </div>  
	</div>
</div>
<!-------------------->
@endsection

@section('scripts')
<script charset="utf-8" src="{{asset('backend/js/services/carrier/pastShipments.js')}}"></script>
@endsection