@extends('layouts.admin')

@section('content')
<div class="formswrap">
  <section class="forms-basic consearchbasic">
    <form class="form-floating form-validate" id="pastcarriersform" name="pastcarriersform">
	{{ 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">
				<input type="hidden" name="order_id" id="order_id" value="@if(isset($orderId)){{$orderId}}@endif">
				<div class="form-group">
					<div class="radio">
					  <label class="filled">
						<input type="radio" name="search_type" id="search_type_zip" value="zip" data-validation="required" data-validation-error-msg="Please choose one option." data-validation-error-msg-container="#search_type_error"
						@if(isset($searchData['type']))
							@if($searchData['type'] == 'zip')
								checked="checked"
							@endif
						@endif
						@if($orderSearch)
							onclick="javascript: return false;"
						@endif
						> 
							Entry by Zip Code </label>
					</div>
				</div>
				<div id="searchzip"
				@if(isset($searchData['type']))
					@if($searchData['type'] == 'zip')
						style="display:block;"
					@endif
				@endif
				>
				<div class="form-group col-md-6 padding-left">
					<label for="search_origin_zip" class="control-label">Origin Zip</label>
					<input type="text" class="form-control" name="search_origin_zip" id="search_origin_zip" data-validation="required" data-validation-depends-on="search_type" data-validation-depends-on-value="zip" 
					value="@if(isset($searchData['origin_zip'])){{ $searchData['origin_zip']}}@endif"
					@if($orderSearch) readonly @endif >
				</div>
				<div class="clearfix"></div>
				<div class="form-group col-md-6 padding-left">
					<label for="search_destination_zip" class="control-label">Destination Zip</label>
					<input type="text" class="form-control" name="search_destination_zip" id="search_destination_zip" data-validation="required" data-validation-depends-on="search_type" data-validation-depends-on-value="zip" 
					value="@if(isset($searchData['destination_zip'])){{ $searchData['destination_zip']}}@endif"
					@if($orderSearch) readonly @endif >
				</div>
				<div class="clearfix"></div>
				</div>
				<div class="form-group">
					<div class="radio">
					  <label class="filled">
						<input type="radio" name="search_type" id="search_type_citystate" value="citystate" data-validation="required"
						@if(isset($searchData['type']))
							@if($searchData['type'] == 'citystate')
								checked="checked"
							@endif
						@endif
						@if($orderSearch)
							onclick="javascript: return false;"
						@endif
						> 
							Entry by City/State </label>
					</div>
				</div>
				<div id="searchcitystate"
				@if(isset($searchData['type']))
					@if($searchData['type'] == 'citystate')
						style="display:block;"
					@endif
				@endif
				>
				<div class="form-group col-md-6 padding-left">
					<label for="search_origin_citystate" class="control-label">Origin City/State</label>
					<input type="text" class="form-control" name="search_origin_citystate" id="search_origin_citystate" data-validation="required" data-validation-depends-on="search_type" data-validation-depends-on-value="citystate" 
					value="@if(isset($searchData['origin_citystate'])){{ $searchData['origin_citystate']}}@endif"
					@if($orderSearch) readonly @endif >
				</div>
				<div class="clearfix"></div>
				<div class="form-group col-md-6 padding-left">
					<label for="search_destination_citystate" class="control-label">Destination City/State</label>
					<input type="text" class="form-control" name="search_destination_citystate" id="search_destination_citystate" data-validation="required" data-validation-depends-on="search_type" data-validation-depends-on-value="citystate" 
					value="@if(isset($searchData['destination_citystate'])){{ $searchData['destination_citystate']}}@endif"
					@if($orderSearch) readonly @endif >
				</div>
				<div class="clearfix"></div>
				</div>				
				<span id="search_type_error"></span>
				<div class="clearfix"></div>
				<div class="form-group col-md-12 padding-left">
					<label class="control-label normal">Equipment Type</label>
					<select name="search_equipment" id="search_equipment" class="select2 form-control" data-validation="required">
						{!! FormField::dropDownOptions('search_equipment', $equipmentTypes, ((isset($searchData['equipment'])) ? $searchData['equipment'] : null)) !!}
					</select>
				</div>
			</fieldset>
		</div>
	  </div>
		<div class="newcontbtn">
			<input class="btn btn-sm btn-danger contbtnnew" type="submit" name="pastcarriers-search" id="pastcarriers-search" value="Search">
			<input type="hidden" name="search_clear" id="search_clear" value="">
			<input class="btn btn-sm btn-danger contbtnnew" type="button" name="pastcarriers-clear" id="pastcarriers-clear" value="Clear">
		</div>
	</div>
	</form>
  </section>
</div>
<div class="card">
  <div>
	<div class="datatables shipmenttable">
	  <table id="pastcarriersList-table" class="table table-full table-full-small" cellspacing="0" width="100%">
		<thead>
		  <tr>
			<th>CARRIER</th>
			<th>EQUIPMENT</th>
			<th>EMAIL</th>
			<th>TELEPHONE</th>
		  </tr>
		</thead>
		<tbody>
		</tbody>
	  </table>
	</div>
  </div>
</div>

<style>
#searchzip, #searchcitystate{display:none;margin-left: 35px;}
.tabhead p{font-size:14px;}
.topgap{margin-top:15px;}
.listemailbtn{margin-top:15px;}
</style>
@endsection

@section('scripts')
<script charset="utf-8" src="{{asset('backend/js/services/pastCarriersList.js')}}"></script>
@if($orderSearch)
<script>
$(function(){
	$('#search_equipment option:not(:selected)').attr('disabled',true);
});
</script>
@endif
@endsection