@extends('layouts.admin')

@section('content')
<div class="formswrap salesquote_wrapper">
  <section class="forms-basic consearchbasic">
    <form class="form-floating form-validate" id="salesreportsearchform" name="salesreportsearchform">
	{{ 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-3 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-3 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="form-group col-md-3 padding-left">
					<label for="search_client" class="control-label">CLIENT</label>
					<input type="text" class="form-control" name="search_client" id="search_client" value="@if(isset($searchData['client'])){{ $searchData['client']}}@endif">
				</div>
				<div class="form-group col-md-3 padding-left">
					<label for="search_client" class="control-label">PROSPECT</label>
					<input type="text" class="form-control" name="search_prospect_client" id="search_prospect_client" value="@if(isset($searchData['prospect_client'])){{ $searchData['prospect_client']}}@endif">
				</div>
				<div class="clearfix"></div>
				<div class="form-group col-md-3 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"
					value="@if(isset($searchData['origin_citystate'])){{ $searchData['origin_citystate']}}@endif">
				</div>
				<div class="form-group col-md-3 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"
					value="@if(isset($searchData['destination_citystate'])){{ $searchData['destination_citystate']}}@endif">
				</div>
				<div class="form-group col-md-3 padding-left">
					<label class="control-label normal">STATUS OF QUOTE </label>
					  <select name="search_status" id="search_status" class="form-control">
						  <option value="">Please Select</option>
						  <option value="Pending" @if((isset($searchData['status'])) && ($searchData['status'] == 'Pending')) selected @endif>Pending</option>
						  <option value="Submitted" @if((isset($searchData['status'])) && ($searchData['status'] == 'Submitted')) selected @endif>Submitted</option>
						  <option value="Working" @if((isset($searchData['status'])) && ($searchData['status'] == 'Working')) selected @endif>Working</option>
					  </select>
				</div>

				<div class="form-group col-md-3 padding-left">
					<label class="control-label normal">High Volume </label>
					  <select name="search_high_volume" id="search_high_volume" class="form-control">
						  <option value="">Please Select</option>
						  <option value="1" @if((isset($searchData['high_volume'])) && ($searchData['high_volume'] == 1)) selected @endif>Yes</option>
						 <option value="0" @if((isset($searchData['high_volume'])) && ($searchData['high_volume'] == 0)) selected @endif>No</option>
					  </select>
				</div>
				<div class="form-group col-md-3 padding-left">
					<label for="search_quote_id" class="control-label">QUOTE ID</label>
					<input type="text" class="form-control" name="search_quote_id" id="search_quote_id" value="@if(isset($searchData['quote_id'])){{ $searchData['quote_id']}}@endif">
				</div>
				<div class="form-group col-md-3 padding-left">
					<label class="control-label normal">Priority </label>
					  <select name="search_priority" id="search_priority" class="form-control">
						  <option value="">Please Select</option>
						  <option value="low" @if((isset($searchData['priority'])) && ($searchData['priority'] == 'low')) selected @endif>Low</option>
						  <option value="medium" @if((isset($searchData['priority'])) && ($searchData['priority'] == 'medium')) selected @endif>Medium</option>
						  <option value="high" @if((isset($searchData['priority'])) && ($searchData['priority'] == 'high')) selected @endif>High</option>
					  </select>
				</div>
				@if($checkUser)
					<div class="form-group col-md-3 padding-left" style="margin-top:33px;">
						<label for="search_user" class="control-label normal" >USER</label>
							{!! FormField::select2('search_user', $users, (isset($searchData['user']) ? $searchData['user'] : ''), false, 'All') !!}
					</div>
				@endif
			</fieldset>
		</div>
	  </div>
	<div class="newcontbtn">
			<input class="btn btn-sm btn-danger contbtnnew" type="submit" name="salesreportsearch-search" id="salesreportsearch-search" value="Search">
			<input type="hidden" name="search_clear" id="search_clear" value="">
			<input class="btn btn-sm btn-danger contbtnnew" type="button" name="salesreportsearch-clear" id="salesreportsearch-clear" value="Clear">
		</div>
	</div>
	</form>
  </section>
</div>
<div class="card">
	<ul class="nav nav-tabs" id="myTab" role="tablist" style="padding-top: 10px;">
		  <li class="nav-item active">
		    <a class="nav-link " id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Rate Quotes</a>
		  </li>
		  <li class="nav-item">
		    <a class="nav-link" id="currentLoads-tab" data-toggle="tab" href="#currentLoads" role="tab" aria-controls="currentLoads" aria-selected="false">Current Loads</a>
		  </li>
		  <li class="nav-item">
		    <a class="nav-link" id="yesterdaysLoads-tab" data-toggle="tab" href="#yesterdaysLoads" role="tab" aria-controls="yesterdaysLoads" aria-selected="false">Yesterdays loads</a>
		  </li>
		  <li class="nav-item">
		    <a class="nav-link" id="twodaysagoLoads-tab" data-toggle="tab" href="#twodaysagoLoads" role="tab" aria-controls="twodaysagoLoads" aria-selected="false">2 days ago loads</a>
		  </li>
	</ul>
	<div class="tab-content" id="myTabContent">
	  	<div class="tab-pane fade in active" id="home" role="tabpanel" aria-labelledby="home-tab">
	  		<div class="datatables shipmenttable">
				  <table id="salesquote-table" class="table table-full table-full-small" cellspacing="0" width="100%">
					<thead>
					  <tr>
					  	<th>#Id</th>
					  	<th>Priority</th>
						<th>Client/Prospect</th>
						<th>Date Of Submission</th>
						<th># Of Lane</th>
						<th>Status</th>
						<th>Notes / Feedback</th>
						<th>Created By</th>
						<th>Sent Email to CLient</th>
						<th>Deadline</th>
						<th>Actions</th>
					  </tr>
					</thead>
					<tbody>
					</tbody>
				  </table>
			</div>
	  	</div>
	 	<div class="tab-pane fade" id="currentLoads" role="tabpanel" aria-labelledby="currentLoads-tab">
	 		<div class="datatables shipmenttable">
			  <table id="shipments-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
				<thead>
				  <tr>
					<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 Date</th>
				  </tr>
				</thead>
				<tbody>
				</tbody>
			  </table>
			</div>
		  </div>

	  	<div class="tab-pane fade" id="yesterdaysLoads" role="tabpanel" aria-labelledby="yesterdaysLoads-tab">
	  		<div class="datatables shipmenttable">
			  <table id="yesterdaysLoads-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
				<thead>
				  <tr>
					<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 Date</th>
				  </tr>
				</thead>
				<tbody>
				</tbody>
			  </table>
			</div></div>
	  	<div class="tab-pane fade" id="twodaysagoLoads" role="tabpanel" aria-labelledby="twodaysagoLoads-tab">
	  		<div class="datatables shipmenttable">
			  <table id="twodaysagoLoads-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
				<thead>
				  <tr>
					<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 Date</th>
				  </tr>
				</thead>
				<tbody>
				</tbody>
			  </table>
			</div>
	  	</div>
	  	</div>
	</div>
  <div>
  </div>
</div>

@endsection

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