@extends('layouts.carrier')

@section('content')
<div class="formswrap">
  <section class="forms-basic consearchbasic">
    <form class="form-floating form-validate" id="activeloadsearchform" name="activeloadsearchform">
	{{ 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'])){{ $searchData['from_date']}}@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'])){{ $searchData['to_date']}}@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>
			</fieldset>
		</div>
	  </div>
	<div class="newcontbtn">
			<input class="btn btn-sm btn-danger contbtnnew" type="submit" name="activeload-search" id="activeload-search" value="Search">
			<input type="hidden" name="search_clear" id="search_clear" value="">
			<input class="btn btn-sm btn-danger contbtnnew" type="button" name="activeload-clear" id="activeload-clear" value="Clear">
		</div>
	</div>
	</form>
  </section>
</div>
<div class="card">
  <div>
	<div class="datatables shipmenttable">
	  <table id="activeloads-table" class="table table-full table-full-small" cellspacing="0" width="100%">
		<thead>
		  <tr>
			<th></th>
			<th>Order#</th>
			<th>load#</th>
			<th>Origin</th>
			<th>Destination</th>
			<th>Equipment</th>
			<th>P/U Date</th>
			<th>P/U Appointment</th>
			<th>Delivery Date</th>
			<th>Delivery Appointment</th>
			<th>Gross Cost</th>
			<th>Status</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-delivered" type="button" name="mark-delivered" value="MARKED DELIVERED" />
  </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"></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>
				</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>
<!-------------------->
<!-- Update Status Modal -->
<div class="modal fade" id="updateStatusModal" 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="updatestatustitle">Update Status</h4>
		</div>
		<form class="form-floating" id="updatestatusform" name="updatestatusform">
		<div class="modal-body">
			  <div class="col-md-12">
				<fieldset>
				    <legend>P/U</legend>
					<div class="form-group filled">
						<label for="pu_scheduled_date" class="control-label">Scheduled Date</label>
						<input type="text" class="form-control datepicker" id="pu_scheduled_date" name="pu_scheduled_date" readonly>
					</div>
					<div class="form-group filled">
						<label for="pu_scheduled_time" class="control-label">Scheduled Time</label>
						<input type="text" class="form-control timepicker" id="pu_scheduled_time" name="pu_scheduled_time" readonly>
					</div>
					<div class="form-group">
						<label for="pu_new_date" class="control-label">New Date</label>
						<input type="text" class="form-control datepicker" id="pu_new_date" name="pu_new_date">
					</div>
					<div class="form-group">
						<label for="pu_new_time" class="control-label">New Time</label>
						<input type="text" class="form-control timepicker" id="pu_new_time" name="pu_new_time">
					</div>
					<legend>Delivery</legend>
					<div class="form-group filled">
						<label for="del_scheduled_date" class="control-label">Scheduled Date</label>
						<input type="text" class="form-control datepicker" id="del_scheduled_date" name="del_scheduled_date" readonly>
					</div>
					<div class="form-group filled">
						<label for="del_scheduled_time" class="control-label">Scheduled Time</label>
						<input type="text" class="form-control timepicker" id="del_scheduled_time" name="del_scheduled_time" readonly>
					</div>
					<div class="form-group">
						<label for="del_new_date" class="control-label">New Date</label>
						<input type="text" class="form-control datepicker" id="del_new_date" name="del_new_date">
					</div>
					<div class="form-group">
						<label for="del_new_time" class="control-label">New Time</label>
						<input type="text" class="form-control timepicker" id="del_new_time" name="del_new_time">
					</div>
				</fieldset>
			  </div>
			  <div class="clearfix"></div>
		</div>
		<div class="modal-footer firstTime_footer">
		  {{ csrf_field() }}
		  <input type="hidden" id="update_status_order_id" name="update_status_order_id">
		  <input class="btn btn-sm btn-danger" type="button" name="Submit" value="Submit" id="update-status-save"></input>
		</div>
		</form>
	  </div>  
	</div>
</div>
<!-------------------->
@endsection

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