@extends('layouts.admin')

@section('content')
<div class="formswrap">
  <section class="forms-basic consearchbasic">
    <form class="form-floating form-validate" id="shipmentsearchform" name="shipmentsearchform">
	{{ csrf_field() }}
	<div class="row m-b-40">
	  <div class="col-md-12">
		<div class="well white consearcheight">
			<fieldset>
				<input type="hidden" name="search" id="search" value="true">
				<div class="form-group">
					<label for="search_order_number" class="control-label">ORDER NUMBER</label>
					<input type="text" class="form-control" name="search_order_number" id="search_order_number" value="@if(isset($searchData['order_number'])){{ $searchData['order_number']}}@endif">
				</div>
				<div class="form-group">
					<label for="search_po" class="control-label">PO NUMBER</label>
					<input type="text" class="form-control" name="search_po" id="search_po" value="@if(isset($searchData['po'])){{ $searchData['po']}}@endif">
				</div>
				<div class="form-group" >
					<label for="search_status" class="control-label normal" style="margin-top:10px;">STATUS</label>
					<select name="search_status" id="search_status" class="select2 form-control">
						{!! FormField::dropDownOptions('search_status', $statuses, ((isset($searchData['status'])) ? $searchData['status'] : null)) !!}
					</select>
				</div>
				<div class="form-group">
					<label for="search_user" class="control-label normal" style="margin-top:10px;">USER</label>
					<select name="search_user" id="search_user" class="select2 form-control">
						{!! FormField::dropDownOptions('search_user', $users, ((isset($searchData['user'])) ? $searchData['user'] : null)) !!}
					</select>
				</div>
				<div class="form-group">
					<label for="search_client_name" class="control-label">CLIENT</label>
					<input type="text" class="form-control" name="search_client_name" id="search_client_name" value="@if(isset($searchData['client_name'])){{ $searchData['client_name']}}@endif">
				</div>
				<div class="form-group">
					<label for="search_carrier_name" class="control-label">CARRIER</label>
					<input type="text" class="form-control" name="search_carrier_name" id="search_carrier_name" value="@if(isset($searchData['carrier_name'])){{ $searchData['carrier_name']}}@endif">
				</div>
				<div class="form-group col-md-6 padding-left">
					<label for="search_pickup_date" class="control-label">PICKUP DATE</label>
					<input type="text" class="form-control datepicker" name="search_pickup_date" id="search_pickup_date" value="@if(isset($searchData['pickup_date'])){{ $searchData['pickup_date']}}@endif">
				</div>
				<div class="form-group col-md-6 padding-left">
					<label for="search_pickup_time" class="control-label">PICKUP TIME</label>
					<input type="text" class="form-control timepicker" name="search_pickup_time" id="search_pickup_time" value="@if(isset($searchData['pickup_time'])){{ $searchData['pickup_time']}}@endif">
				</div>
				<div class="form-group col-md-6 padding-left">
					<label for="search_delivery_date" class="control-label">DELIVERY DATE</label>
					<input type="text" class="form-control datepicker" name="search_delivery_date" id="search_delivery_date" value="@if(isset($searchData['delivery_date'])){{ $searchData['delivery_date']}}@endif">
				</div>
				<div class="form-group col-md-6 padding-left">
					<label for="search_delivery_time" class="control-label">DELIVERY TIME</label>
					<input type="text" class="form-control timepicker" name="search_delivery_time" id="search_delivery_time" value="@if(isset($searchData['delivery_time'])){{ $searchData['delivery_time']}}@endif">
				</div>
			</fieldset>
		</div>
	  </div>
	  <div class="clearfix"></div>
		<div class="newcontbtn">
			<input class="btn btn-sm btn-danger contbtnnew" type="submit" name="shipment-search" id="shipment-search" value="Search">
			<input type="hidden" name="search_clear" id="search_clear" value="">
			<input class="btn btn-sm btn-danger contbtnnew" type="button" name="shipment-clear" id="shipment-clear" value="Clear">
			{!! AuthUser::canExport('admin/shipment/export', 'shipment-export') !!}
		</div>
	</div>
	</form>
  </section>
</div>
<div class="scrollwrap_position">
<div class="fakescroll">
	<div class="datatable_topscroll">
	</div>
</div>
<div class="card addscroll_datatable">
  <div>
	<div class="datatables shipmenttable" style="width: 1665px;background:#ffffff;">
	  <table id="shipments-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
		<thead>
		  <tr>
			<th></th>
			<th>Order #</th>
			<th>PO #</th>
			<th>Carrier</th>
			<th>Client</th>
			<th>Ship from</th>
			<th>Ship to</th>
			<th>Receiver</th>
			<th>Equipment</th>
			<th>Pickup Date</th>
			<th>Total</th>
			<th>Status</th>
			<th>Created By</th>
			<th>Actions</th>
		  </tr>
		</thead>
		<tbody>
		</tbody>
	  </table>
	</div>
  </div>
  <div class="newcontbtn">
	<input class="btn btn-sm btn-danger markstatus" id="mark-pickup" type="button" name="mark-pickup" value="MARKED PICKUP" />
	<input class="btn btn-sm btn-danger markstatus" id="mark-carriercheck" type="button" name="mark-carriercheck" value="MARKED CARRIER CHECK" />
	<input class="btn btn-sm btn-danger markstatus" id="mark-delivered" type="button" name="mark-delivered" value="MARKED DELIVERED" />
	<input class="btn btn-sm btn-danger markstatus" id="mark-hold" type="button" name="mark-hold" value="MARKED HOLD" />
	<input class="btn btn-sm btn-danger" id="mark-concern" type="button" name="mark-hold" value="MARKED GENERAL CONCERN" />
  </div>
</div>
</div>

<!-- Mark Status Modal -->
<div class="modal fade" id="markStatusModal" 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" id="marktitle">Quick Carrier Setup</h4>
		</div>
		<form class="form-floating" id="markstatusform" name="markstatusform">
		<div class="modal-body">
			  <div class="col-md-12">
				<fieldset>
					<div class="form-group">
						<label for="mark_date" class="control-label">Date</label>
						<input type="text" class="form-control datepicker" id="mark_date" name="mark_date">
					</div>
					<div class="form-group">
						<label for="mark_time" class="control-label">Time</label>
						<input type="text" class="form-control timepicker" id="mark_time" name="mark_time">
					</div>
					<div class="form-group" id="status-radio" style="margin-top: 35px;">
						<label class="control-label normal">Status</label>
						<div class="radio-inline">
						  <label class="filled">
							<input type="radio" name="status" id="status-ontime" value="ONTIME">On Time</label>
						</div>
						<div class="radio-inline">
						  <label class="filled">
							<input type="radio" name="status" id="status-late" value="LATE">Late</label>
						</div>
					</div>
					<div class="form-group" id="notify-checkbox">
						<div class="checkbox">
						  <label class="filled">
							<input type="checkbox" id="notify" name="notify" value="1"> <b>Notify Client</b> </label>
						</div>
					</div>
				</fieldset>
			  </div>
			  <div class="clearfix"></div>
		</div>
		<div class="modal-footer firstTime_footer">
		  {{ csrf_field() }}
		  <input type="hidden" id="mark_type" name="mark_type">
		  <input class="btn btn-sm btn-danger" type="button" name="Submit" value="Submit" id="mark-save"></input>
		</div>
		</form>
	  </div>  
	</div>
</div>
<!-------------------->


<!-- Mark General Concern Modal -->
<div class="modal fade" id="markConcernModal" 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" id="marktitle">General Concern</h4>
		</div>
		<form class="form-floating" id="markconcernform" name="markconcernform">
		<div class="modal-body">
			  <div class="col-md-12">
				<fieldset>
					<div class="form-group">
						<label for="concern_description" class="control-label">Description</label>
						<textarea class="form-control" id="concern_description" name="concern_description"></textarea>
					</div>
				</fieldset>
			  </div>
			  <div class="clearfix"></div>
		</div>
		<div class="modal-footer firstTime_footer">
		  {{ csrf_field() }}
		  <input class="btn btn-sm btn-danger" type="button" name="Submit" value="Submit" id="concern-save"></input>
		</div>
		</form>
	  </div>  
	</div>
</div>
<!-------------------->

<!-- SMS Modal -->
<div class="modal fade" id="smsModal" role="dialog">
	<div class="modal-dialog" style="width:900px;">
	  <div class="modal-content">
		<div class="modal-header">
		  <button type="button" class="close" data-dismiss="modal">&times;</button>
		  <h4 class="modal-title firstTime" id="marktitle">Message</h4>
		  <button class="btn btn-sm btn-danger pull-right" name="refresh-sms" id="refresh-sms" >
		  	<i class="md md-loop"></i>
		  </button>
		</div>
		<div class="modal-body">
		<div class="col-md-12">
		<div class="col-md-3">	
		<form class="form-floating" id="smsform" name="smsform">
		 {{ csrf_field() }}
		<input type="hidden" id="sms-order-id" name="sms-order-id">
		<fieldset>
			<div class="form-group filled">
				<label for="sms-message" class="control-label">Message</label>
				<textarea class="form-control" id="sms-message" name="sms-message" style="font-size: 13px;"></textarea>
			</div>
			<div class="form-group">
				<select name="quick_text_message" id="quick_text_message" class="form-control">
					<option value="">Quick Text Messages</option>
					<option value="pickup_address">Pick Up Address</option>
					<option value="delivery_address">Delivery Address</option>
					<option value="request_pod">Request POD</option>
				</select>
			</div>
		</fieldset>
		<div class="clearfix"></div>
		<input class="btn btn-sm btn-danger" type="button" name="Submit" value="Submit" id="sms-save"></input>
		</form>
		</div>
		<div class="col-md-6">
			<div id="sms-history-box" style="height: 400px;overflow: auto;">
			</div>
		</div>
		<div class="col-md-3">
			<label class="control-label">Document Type</label>
			<select name="document_type" id="sms_document_type" class="select2 form-control" style="width:100%;">
			{!! FormField::dropDownOptions('document_type', $documentTypes, false) !!}
			</select>
			<div id="sel-img-box">
			</div>
			<input class="btn btn-sm btn-danger" type="button" name="Attach" value="Attach" id="sms-attach-save"></input>
		</div>
		</div>
		</div>
		<div class="modal-footer firstTime_footer">		  
		</div>
	  </div>  
	</div>
</div>
<!-------------------->
@endsection

@section('scripts')
<script charset="utf-8" src="{{asset('backend/js/services/shipments.js?v=1.10')}}"></script>
<script charset="utf-8" src="{{asset('backend/js/services/orderListCommon.js?v=1.1')}}"></script>
@endsection