@extends('layouts.carrier')

@section('content')
<div class="formswrap">
  <section class="forms-basic consearchbasic">
    <form class="form-floating form-validate" id="openordersearchform" name="openordersearchform">
	{{ 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_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 col-md-6 padding-left" >
					<label for="search_origin_state" class="control-label normal">ORIGIN STATE</label>
					{!! FormField::select2('search_origin_state', $states, (isset($searchData['origin_state']) ? $searchData['origin_state'] : ''), false, 'All') !!}
				</div>
				<div class="clearfix"></div>
				<div class="form-group col-md-6 padding-left">
					<label for="search_destination_state" class="control-label normal">DESTINATION STATE</label>
					{!! FormField::select2('search_destination_state', $states, (isset($searchData['destination_state']) ? $searchData['destination_state'] : ''), false, 'All') !!}
				</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="clearfix"></div>
				<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>
			</fieldset>
		</div>
	  </div>
	<div class="newcontbtn">
			<input class="btn btn-sm btn-danger contbtnnew" type="submit" name="openorder-search" id="openorder-search" value="Search">
			<input type="hidden" name="search_clear" id="search_clear" value="">
			<input class="btn btn-sm btn-danger contbtnnew" type="button" name="openorder-clear" id="openorder-clear" value="Clear">
		</div>
	</div>
	</form>
  </section>
</div>
<div class="card">
  <div>
	<div class="datatables shipmenttable">
	  <table id="openorders-table" class="table table-full table-full-small" cellspacing="0" width="100%">
		<thead>
		  <tr>
			<th>Order#</th>
			<th>Origin</th>
			<th>Destination</th>
			<th>Equipment</th>
			<th>Commodities</th>
			<th>P/U Date</th>
			<th>Delivery Date</th>
			<th>Carrier Pay</th>
			<th>Actions</th>
		  </tr>
		</thead>
		<tbody>
		</tbody>
	  </table>
	</div>
  </div>
</div>
@endsection
<div class="modal fade" id="bidOrderModal" role="dialog">
	<div class="modal-dialog" style="width:400px;">
	  <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">Bid Order</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">
				<form class="form-floating" id="smsform" name="smsform">
					 {{ csrf_field() }}
					<input type="hidden" class="hidden-field" id="order_id" name="order_id">
					<input type="hidden" class="hidden-field" id="carrier_id" name="carrier_id">
					<fieldset>
						<div class="form-group filled">
							<label for="mark_date" class="control-label">Pick Up Date</label>
							<input type="text" class="form-control datepicker" id="pu_date" name="pu_date">
						</div>
						<div class="form-group filled">
							<label for="mark_time" class="control-label">Pick Up Time</label>
							<input type="text" class="form-control timepicker" id="pu_time" name="pu_time">
						</div>
						<div class="form-group filled">
							<label for="mark_date" class="control-label">Delivery Date</label>
							<input type="text" class="form-control datepicker" id="delivery_date" name="delivery_date">
						</div>
						<div class="form-group filled">
							<label for="mark_time" class="control-label">Delivery Time</label>
							<input type="text" class="form-control timepicker" id="delivery_time" name="delivery_time">
						</div>
						<div class="form-group filled">
							<label for="_email" class="control-label">Suggested Carrier Charges</label>
							<input type="text" class="form-control addr-box-field" id="carrier_charges" name="carrier_charges" value="">
						</div>
					</fieldset>
					<div class="clearfix"></div>
					<input class="btn btn-sm btn-danger" type="button" name="Submit" value="Submit" id="bid-save"></input>
				</form>
			</div>
		</div>
		<div class="modal-footer firstTime_footer">
		</div>
	  </div>
	</div>
</div>

<!-- Assign Counter Modal -->
<div class="modal fade" id="assignCounterModal" 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">Counter</h4>
		</div>
		<form class="form-floating" id="assigncounterform" name="assigncounterform">
		<div class="modal-body" >
			  <div class="col-md-12">
				<fieldset>
					<div class="form-group">
					  <label for="mark_date" class="control-label">Carrier Charge</label>
					  <input type="text" class="form-control" id="carrier_charge" name="carrier_charge">
					</div>
					<div class="form-group">
					  <label for="mark_date" class="control-label">Pickup Date</label>
					  <input type="text" class="form-control datepicker" id="pickup_date" name="pickup_date">
					</div>
					<div class="form-group">
					  <label for="mark_time" class="control-label">Pickup Time</label>
					  <input type="text" class="form-control timepicker" id="pickup_time" name="pickup_time">
					</div>
				</fieldset>
			  </div>
			  <div class="clearfix"></div>
		</div>
		<div class="modal-footer firstTime_footer">
		  {{ csrf_field() }}
		  <input type="hidden" name="orderId" id="counterOrderId">
		  <input type="hidden" id="counter" name="counter" value="1">
		  <input class="btn btn-sm btn-danger" type="button" name="Submit" value="Submit" id="counter-save"></input>
		</div>
		</form>
	  </div>
	</div>
</div>
<!-------------------->

<!-- Assign Accept Modal -->
<div class="modal fade" id="assignAcceptModal" 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">Accept</h4>
		</div>
		<form class="form-floating" id="assignacceptform" name="assignacceptform">
		<div class="modal-body" >
			  <div class="col-md-12">
				<fieldset>
					<div class="form-group">
					  <label for="mark_date" class="control-label">Carrier Charge</label>
					  <input type="text" class="form-control" id="accept_carrier_charge" name="accept_carrier_charge">
					</div>
					<div class="form-group">
					  <label for="mark_date" class="control-label">Pickup Date</label>
					  <input type="text" class="form-control datepicker" id="accept_pickup_date" name="accept_pickup_date">
					</div>
					<div class="form-group">
					  <label for="mark_time" class="control-label">Pickup Time</label>
					  <input type="text" class="form-control timepicker" id="accept_pickup_time" name="accept_pickup_time">
					</div>
				</fieldset>
			  </div>
			  <div class="clearfix"></div>
		</div>
		<div class="modal-footer firstTime_footer">
		  {{ csrf_field() }}
		  <input type="hidden" name="orderId" id="acceptOrderId">
		  <input type="hidden" id="accept" name="accept" value="1">
		  <input class="btn btn-sm btn-danger" type="button" name="Submit" value="Submit" id="accept-save"></input>
		</div>
		</form>
	  </div>
	</div>
</div>
<!-------------------->


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