@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>
	<div class="row m-b-40">
		<div class="paymentstabs">
			<div class="col-md-2 tabhead newtabactive" id="originemail-tab">
				<p>ORIGIN EMAIL LIST</p>
			</div>
			<div class="col-md-2 tabhead" id="destinationemail-tab">
				<p>DESTINATION EMAIL LIST</p>
			</div>
			<div class="col-md-2 tabhead" id="combinedemail-tab">
				<p>COMBINED EMAIL LIST</p>
			</div>
			<div class="clearfix"></div>
		</div>
		<div class="newtab_data tab_open" id="originemail-tab">
			<div class="">
				<div class="col-md-3 col-md-offset-6">
					<p class="topgap">AVERAGE COST: <span id="originemailcost">0</span></p>
				</div>
				<div class="col-md-3">
					<input class="btn btn-sm btn-danger listemailbtn" type="button" name="originemailsend" id="originemailsend" listid="origin" value="SEND EMAIL">
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="card">
			  <div class="table-responsive">
				<table class="table table-full table-full-small">
				  <thead>
					<tr>
					  <th><input type="checkbox" class="toggle-originemails"></th>
					  <th>Carrier</th>
					  <th>Equipment</th>
					  <th>Email</th>
					  <th>Telephone</th>
					  <th>Cost</th>
					</tr>
				  </thead>
				  <tbody id="originemails">
					<tr>
					  <td colspan="5">No Records Found.</td>
					</tr>
				  </tbody>
				</table>
			  </div>
			</div>
		</div>
		<div class="newtab_data" id="destinationemail-tab">
			<div class="">
				<div class="col-md-3 col-md-offset-6">
					<p class="topgap">AVERAGE COST: <span id="destinationemailcost">0</span></p>
				</div>
				<div class="col-md-3">
					<input class="btn btn-sm btn-danger listemailbtn" type="button" name="destinationemailsend" id="destinationemailsend" listid="destination" value="SEND EMAIL">
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="card">
			  <div class="table-responsive">
				<table class="table table-full table-full-small">
				  <thead>
					<tr>
					  <th><input type="checkbox" class="toggle-destinationemails"></th>
					  <th>Carrier</th>
					  <th>Equipment</th>
					  <th>Email</th>
					  <th>Telephone</th>
					  <th>Cost</th>
					</tr>
				  </thead>
				  <tbody id="destinationemails">
					<tr>
					  <td colspan="5">No Records Found.</td>
					</tr>
				  </tbody>
				</table>
			  </div>
			</div>
		</div>
		<div class="newtab_data" id="combinedemail-tab">
			<div class="">
				<div class="col-md-3 col-md-offset-6">
					<p class="topgap">AVERAGE COST: <span id="combinedemailcost">0</span></p>
				</div>
				<div class="col-md-3">
					<input class="btn btn-sm btn-danger listemailbtn" type="button" name="combinedemailsend" id="combinedemailsend" listid="combined" value="SEND EMAIL">
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="card">
			  <div class="table-responsive">
				<table class="table table-full table-full-small">
				  <thead>
					<tr>
					  <th><input type="checkbox" class="toggle-combinedemails"></th>
					  <th>Carrier</th>
					  <th>Equipment</th>
					  <th>Email</th>
					  <th>Telephone</th>
					  <th>Cost</th>
					</tr>
				  </thead>
				  <tbody id="combinedemails">
					<tr>
					  <td colspan="5">No Records Found.</td>
					</tr>
				  </tbody>
				</table>
			  </div>
			</div>
		</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/pastCarriers.js')}}"></script>
@if($orderSearch)
<script>
$(function(){
	$('#search_equipment option:not(:selected)').attr('disabled',true);
});
</script>
@endif
@endsection