@extends('layouts.admin')
	<link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.1/mapsjs-ui.css" />
	<style type="text/css">
		.H_copyright{
			display: none;
		}
	</style>
@section('content')
<div class="modal fade" id="addstopmodal" 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 addr-title-modal">Add Stops</h4>
		</div>
		<form class="form-floating form-ajax">
		{{ csrf_field() }}
		<div class="modal-body" style="overflow:hidden;">
			  <div class="col-md-12">
				<fieldset>
					<!-- <input type="hidden" class="hidden-field" id="quote_info_id" name="quote_info_id"> -->
					<div class="form-group">
						<label for="_name" class="control-label">Stop Name</label>
						<input type="text"  class="form-control addr-box-field" id="stop_name" name="stop_name">
					</div>
					<div class="form-group">
						<label for="_address" class="control-label">City</label>
						<input type="text" class="form-control addr-box-field stop_city" id="stop_city_state" name="stop_city_state">
					</div>
					<div class="form-group">
						  <select name="assignto" class="form-control" id="pick_drop">
							  <option value="">Please Select</option>
							  <option value="pickup">Pickup</option>
							  <option value="drop">Drop</option>
						  </select>
					</div>
				</fieldset>
			  </div>
			  <div class="clearfix"></div>
		</div>
		<div class="modal-footer firstTime_footer">
		  <input class="btn btn-sm btn-danger" type="submit" name="Submit" value="Submit" id="addstopsubmit"></input>
		</div>
		</form>
	  </div>  
	</div>
</div>

<div class="modal fade" id="editstopmodal" 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 addr-title-modal">Edit Stops</h4>
		</div>
		<form class="form-floating form-ajax">
		{{ csrf_field() }}
		<div class="modal-body" style="overflow:hidden;">
			  <div class="col-md-12">
				<fieldset>
					<input type="hidden" class="hidden-field" id="lane_stop_id" name="lane_stop_id">
					<div class="form-group">
						<label for="_name" class="control-label">Stop Name</label>
						<input type="text"  class="form-control addr-box-field" id="edit_stop_name" name="edit_stop_name">
					</div>
					<div class="form-group">
						<label for="_address" class="control-label">City</label>
						<input type="text" class="form-control addr-box-field stop_city" id="edit_stop_city_state" name="edit_stop_city_state">
					</div>
					<div class="form-group">
						  <select name="assignto" class="form-control" id="edit_pick_drop">
							  <option value="">Please Select</option>
							  <option value="pickup">Pickup</option>
							  <option value="drop">Drop</option>
						  </select>
					</div>
				</fieldset>
			  </div>
			  <div class="clearfix"></div>
		</div>
		<div class="modal-footer firstTime_footer">
		  <input class="btn btn-sm btn-danger" type="submit" name="Submit" value="Submit" id="editstopsubmit"></input>
		</div>
		</form>
	  </div>  
	</div>
</div>

<div class="modal fade" id="editlanemodal" 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 addr-title-modal">Edit Lane</h4>
		</div>
		<form class="form-floating form-ajax">
		{{ csrf_field() }}
		<div class="modal-body" style="overflow:hidden;">
			  <div class="col-md-12">
				<fieldset>
					<input type="hidden" class="hidden-field" id="lane_id" name="lane_id">
					<input type="hidden" class="hidden-field" id="edit_client_id" name="edit_client_id">
					
					<div class="form-group">
						<label class="control-label normal">Bill Type</label>
						  <select name="edit_type" id="edit_type" class="form-control" data-validation="required">
							  <option value="">Please Select</option>
							  <option value="prepaid">Prepaid</option>
							  <option value="collect">Collect</option>
							  <option value="third party " selected>Third party </option>
						  </select>
					</div>
					<div class="form-group">
						<label for="client_name" class="control-label">Origin</label>
						<input type="text" class="form-control cityField" id="edit_origin_city" name="edit_origin_city" value="" data-validation="required">
					</div>
					<div class="form-group">
						<label for="client_name" class="control-label">Destination</label>
						<input type="text" class="form-control cityField" id="edit_destination_city" name="edit_destination_city" value=""  data-validation="required">
					</div>
					<div class="clearfix"></div>
					<div class="form-group">
						<label class="control-label normal">Equipment Type</label>
						<!-- {!! FormField::select2('equipment_id', $equipments, false, true) !!} -->
						<select name="rate_type" id="edit_equipment_id" class="form-control" data-validation="required">
							<option value="">Please Select</option>
							@if($equipments)
								@foreach($equipments as $key => $equipments_arr)
									<option value="{{$key}}">{{$equipments_arr}}</option>
								@endforeach
							@endif

						</select>
					</div>
					
					<div class="form-group">
						<label for="client_name" class="control-label">Commodity</label>
						<input type="text" class="form-control" id="edit_commodity" name="edit_commodity" value=""  data-validation="required">
					</div>
					<div class="clearfix"></div>
					<div class="form-group">
						<label class="control-label normal">Rate Type</label>
						<select name="edit_rate_type" id="edit_rate_type" class="form-control" data-validation="required">
							<option value="">Please Select</option>
							<option value="mileage">Mileage</option>
							<option value="flatrate">Flat Rate</option>
							<option value="cwt">CWT</option>
						</select>
					</div>
					<div class="form-group">
						<label for="client_name" class="control-label">Fuel Surcharge</label>
						<input type="text" class="form-control" id="edit_fuel_surcharge" name="fuel_surcharge" value=""  data-validation="required">
					</div>
				</fieldset>
			  </div>
			  <div class="clearfix"></div>
		</div>
		<div class="modal-footer firstTime_footer">
		  <input class="btn btn-sm btn-danger" type="submit" name="Submit" value="Submit" id="editlanesubmit"></input>
		</div>
		</form>
	  </div>  
	</div>
</div>
@if(count($quoteInfo) > 0)
	
	<input type="hidden" name="load_lane_id" id="load_lane_id" value="@if($load_lane_id){{$load_lane_id}}@endif">	
	<div class="row">
		<div class="col-md-12 text-right">
			<p class="redtext">Lanes Quoted: (<span id="clickedIndex">0</span>/{{count($quoteInfo)}}) </p>
		</div>
	</div>
	<div class="card quoteinfodata ">
	  <div class="well white newvendetail">
		<div class="datatables landquotedtable">
		  <table id="landquoted-table" class="table table-full table-full-small" cellspacing="0" width="100%">
			<thead>
			  <tr>
			  	<th>type</th>
			  	<th>Pickup Date</th>
			  	<th>Pickup Same Day</th>
			  	<th>Pickup Unkown Day</th>
			  	<th>High Volume</th>
			  	<th>Origin</th>
				<th>Destinaton</th>
				<th>Equipment</th>
				<th>Commodity</th>
				<th>Rate Type</th>
				<th>Fuel/Surcharges</th>
				<th>Quoted</th>
				<th>Rate</th>
				<th>Client Feedback</th>
				<th>Client Booked</th>
				<th>Client Notes</th>
				<th>Client Release Document</th>
				<th>Action</th>
			  </tr>
			</thead>
			<tbody>
				<!-- @if(count($quoteInfo) > 0)
					@foreach($quoteInfo as $quoteInfo_arr)
						<tr id="{{$quoteInfo_arr->id}}" data-id="{{$quoteInfo_arr->id}}">
						  	<td>{{$quoteInfo_arr->origin_city}} {{$quoteInfo_arr->origin_state}}</td>
							<td>{{$quoteInfo_arr->destination_city}} {{$quoteInfo_arr->destination_state}}</td>
							<td>{{$equipments[$quoteInfo_arr->equipment_id]}}</td>
							<td>{{$quoteInfo_arr->commodity}}</td>
							<td>{{$quoteInfo_arr->rate_type}}</td>
							<td>{{$quoteInfo_arr->fuel_surcharge}}</td>
					  </tr>
					@endforeach
				@endif -->
			</tbody>
		  </table>
		</div>
	  </div>
	</div>
	<div class="row">
		<div class="col-md-6">
			<div class="card quoteinfodata">
			  <div class="well white lanedateinfo_wrapper">
				<div class="datatables laneinfo">
					<h4>Lane Info</h4>
				  <table id="laneinfo-table" class="table table-full table-full-small" cellspacing="0" width="100%">
					<thead >
					  <tr>
					  	<td>O</td>
						<td id="lane_info_O"></td>
					  </tr>
					   <tr>
					  	<td>D</td>
						<td id="lane_info_D"></td>
					  </tr>
					  <tr>
					  	<td>E</td>
						<td id="lane_info_E"></td>
					  </tr>
					  <tr>
					  	<td>C</td>
						<td id="lane_info_C"></td>
					  </tr>
					 <!--  <tr>
					  	<td>W</td>
						<td id="lane_info_W"></td>
					  </tr> -->
					  <tr>
					  	<td>Notes</td>
						<td id="lane_info_Notes"></td>
					  </tr>
					</thead>
					<tbody>
					</tbody>
				  </table>
				</div>
			  </div>
			</div>
		</div>

		<div class="col-md-6">
			<div class="card quoteinfodata">
			  <div class="well white lanedateinfo_wrapper">
				<div class="datatables similarloadsmoved">
					<h4>DAT Info</h4>
					  <table id="datinfo-table" class="table table-full table-full-small" cellspacing="0" width="100%">
						<thead id="datinfo-table-thead" style="">
						 <tr>
			                <th class="rate_cont_hd" colspan="2">SPOT RATE <h5>Miles: <span id="miles-r" class="rv"></span></h5></th>
			              </tr>
						
			              <tr id="estimatedLinehaulRate-sr-tr">
			                <td class="text-nowrap" scope="row">ESTIMATED LINE HAUL RATE</td>
			                <td id="estimatedLinehaulRate-sr-og" class="rv">0</td>
			                <td id="estimatedLinehaulRate-sr" class="rv">0</td>
			              </tr>
			              <tr id="lowLinehaulRate-sr-tr">
			                <td class="text-nowrap" scope="row">LOW LINE HAUL RATE</td>
			                <td id="lowLinehaulRate-sr-og" class="rv">0</td>
			                <td id="lowLinehaulRate-sr" class="rv">0</td>
			              </tr>
			              <tr id="highLinehaulRate-sr-tr">
			                <td class="text-nowrap" scope="row">HIGH LINE HAUL RATE</td>
			                <td id="highLinehaulRate-sr-og" class="rv">0</td>
			                <td id="highLinehaulRate-sr" class="rv">0</td>
			              </tr>
			               <tr>
			                <th class="rate_cont_hd" colspan="2">CONTRACT RATE</th>
			              </tr>
			              <tr id="estimatedLinehaulRate-cr-tr">
			                <td class="text-nowrap" scope="row">ESTIMATED LINE HAUL RATE</td>
			                <td id="estimatedLinehaulRate-cr-og" class="rv">0</td>
			                <td id="estimatedLinehaulRate-cr" class="rv">0</td>
			              </tr>
			              <tr id="lowLinehaulRate-cr-tr">
			                <td class="text-nowrap" scope="row">LOW LINE HAUL RATE</td>
			                <td id="lowLinehaulRate-cr-og" class="rv">0</td>
			                <td id="lowLinehaulRate-cr" class="rv">0</td>
			              </tr>
			              <tr id="highLinehaulRate-cr-tr">
			                <td class="text-nowrap" scope="row">HIGH LINE HAUL RATE</td>
			                <td id="highLinehaulRate-cr-og" class="rv">0</td>
			                <td id="highLinehaulRate-cr" class="rv">0</td>
			              </tr>
			              <tr id="averageFuelSurchargeRate-cr-tr">
			                <td class="text-nowrap" scope="row">AVERAGE FUEL SURCHARGE RATE</td>
			                <td id="averageFuelSurchargeRate-cr" class="rv">0</td>
			              </tr>
			              
			            </thead >
			            <tbody>
	           		    </tbody>
					  </table>
				</div>
			  </div>
			</div>
		</div>
		<div class="col-md-12">
			<div class="card quoteinfodata">
			  <div class="well white">
				<div class="datatables similarloadsmoved">
					<input class="btn btn-sm btn-danger" id="addstopbtn" name="addstopbtn" value="Add Stop" type="button" style="float: right;display: none;">
					<h4>Lane Stops</h4>
					
				  <table id="laneStop-table" class="table table-full table-full-small" cellspacing="0" width="100%">
					<thead>
					  <tr>
					  	<td>Name</td>
						<td>City</td>
						<td>Pickup or Drop</td>
						<td>Actions</td>
					  </tr>
					</thead>
					<tbody>
					</tbody>
				  </table>
				</div>
			  </div>
			</div>
		</div>
		<div class="col-md-12" id="maps_div" style="display: none;">
			<div class="card">
				<div class="well white" id="map_load">
					<div id="mapContainer" style="width: 100%; height: 300px; background: grey;" ></div>
				</div>	
			</div>
		</div>
		<div class="col-md-12">
			<div class="card quoteinfodata">
			  <div class="well white">
				<div class="datatables similarquotes">
					<h4>Similar Quotes</h4>
				  <table id="similarquotes-table" class="table table-full table-full-small" cellspacing="0" width="100%">
					<thead>
					  <tr>
					  	<td>Quote Id</td>
					  	<td>Date</td>
						<td>Client</td>
						<td>O</td>
						<td>D</td>
						<td>E</td>
						<td>Rate</td>
						<td>Client Feedback</td>
					  </tr>
					</thead>
					<tbody>
					</tbody>
				  </table>
				</div>
			  </div>
			</div>
		</div>

		<div class="col-md-12">
			<div class="card quoteinfodata">
			  <div class="well white">
				<div class="datatables similarloadsmoved">
					<h4>Similar Loads Moved</h4>
				  <table id="similarloadsmoved-table" class="table table-full table-full-small" cellspacing="0" width="100%">
					<thead>
					  <tr>
					  	<td>Order #</td>
					  	<td>Date</td>
						<td>Client</td>
						<td>O</td>
						<td>D</td>
						<td>E</td>
						<td>Rate</td>
						<td>margin</td>
					  </tr>
					</thead>
					<tbody>
					</tbody>
				  </table>
				</div>
			  </div>
			</div>
		</div>



		<!-- <div class="col-md-4">
			<div class="card quoteinfodata">
			  <div class="well white">
				<div class="datatables similarloadsmoved">
					<h4>TruckStop Info</h4>
				  <table id="similarloadsmoved-table" class="table table-full table-full-small" cellspacing="0" width="100%">
					<thead>
					  <tr>
					  	<td>Date</td>
						<td>Client</td>
						<td>O</td>
						<td>D</td>
						<td>E</td>
						<td>Rate</td>
						<td>margin</td>
					  </tr>
					</thead>
					<tbody>
					</tbody>
				  </table>
				</div>
			  </div>
			</div>
		</div> -->

		<!-- <div class="col-md-6">
			<div class="card quoteinfodata">
			  <div class="well white">
				<div class="datatables similarloadsmoved">
					<h4>FreightWaves Info</h4>
				  <table id="similarloadsmoved-table" class="table table-full table-full-small" cellspacing="0" width="100%">
					<thead>
					  <tr>
					  	<td>Date</td>
						<td>Client</td>
						<td>O</td>
						<td>D</td>
						<td>E</td>
						<td>Rate</td>
						<td>margin</td>
					  </tr>
					</thead>
					<tbody>
					</tbody>
				  </table>
				</div>
			  </div>
			</div>
		</div> 
		</div>
	-->
	</div>
	<div class="clearfix"></div>
		<div class="row">

			<div class="col-md-6 ">
			    <div class="well white chkdatposting_wrapper">
			   
				    <form class="form-floating form-validate" id="carrierform" name="carrierform">
						<fieldset>
							<div class="form-group">
								  <select name="assignto" class="form-control" id="assignto">
									  <option value="">Please Select</option>
									  <option value="pod">PODS</option>
									  <option value="user">Users</option>
								  </select>
							</div>
							<div class="form-group" style="display: none;" id="pod_id-div">
								  <label for="pod_id" class="control-label normal" >POD</label>
									{!! FormField::select2('pod_id', $pods, null, false) !!}
							</div>
							<div class="form-group" style="display: none;" id="assigned_user_id-div">
								  <label for="assigned_user_id" class="control-label normal" >USERS</label>
									{!! FormField::select2('assigned_user_id', $users, null, false) !!}
							</div>
							<input class="btn btn-sm btn-danger assignbtn" type="submit" name="assignbtngroup" value="Assign" id="assignpod" style="display: none;">
						</fieldset>
				    </form>
				
			    <div class="datatables carrierinfo">
				  <table id="salesQuoteInfoFeedback-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
					<thead>
					  <tr>
					  	<th>User</th>
						<th>MC #</th>
						<th>Contact #</th>
						<th>Run Lane Often</th>
						<th>Contact</th>
						<th>Notes</th>
						<th>Price</th>
					  </tr>
					</thead>
					<tbody>
					</tbody>
				  </table>
				</div>
				</div>
			</div>

			<div class="col-md-6">
			    <div class="well white chkdatposting_wrapper">
			    <form class="form-floating form-validate" id="salesreportsearchform" name="salesreportsearchform">
			    	{{ csrf_field() }}
			    <!-- <form class="form-floating form-validate" id="laneform" name="laneform"> -->
					<fieldset>
						<div class="form-group">
							  <select class="form-control" id="rateType">
								  <option value="">Please Select</option>
								  <option value="mileage">Mileage</option>
								  <option value="flatrate">Flat Rate</option>
								  <option value="cwt">CWT</option>
							  </select>
						</div>
					</fieldset>
			    <!-- </form> -->

			    
					<fieldset>
						<input type="hidden" name="quoteInfoId" id="quoteInfoId">
						<div class="form-group">
							<label for="carrierrate" class="control-label">Rate</label>
							<input type="text" class="form-control" name="rate" id="rate">
						</div>
						<div class="form-group">
							<label for="carrierminw" class="control-label">MIN Weight</label>
							<input type="text" class="form-control" name="min_w" id="min_w">
						</div>
						<div class="form-group">
							<label for="carrierfs" class="control-label">Fuel Surcharge</label>
							<input type="text" class="form-control" name="f_s" id="f_s">
						</div>
						<div class="form-group">
							<label for="carriermiles" class="control-label">Miles</label>
							<input type="text" class="form-control" name="miles" id="miles">
						</div>
						<input type="hidden" name="quoteId" id="quoteId" value="{{$quoteId}}">
						
						<input class="btn btn-sm btn-danger assignbtn" type="submit" name="submitlanebtn" value="Submit Lane" id="submitlanebtn">
						<!-- <input class="btn btn-sm btn-danger assignbtn" type="submit" name="submitquotebtn" id="submitquotebtn" value="Submit Quote"> -->

					</fieldset>
			    </form>
				</div>
			</div>
					<div class="col-md-12">
				<div class="well white">
				<a href="" class="btn btn-sm btn-danger btn-white checkbtn" id="checkdatpsoting" target="_blank">Check DAT posting</a> 
				<a href="#" class="btn btn-sm btn-danger  btn-white checkbtn" type="submit" name="sendquotebtn" id="sendquotebtn" style="width: 100px">Send Quote</a>  @if($salesQuoteRate->send_mail_to_client == 1) <span class="redtext">( Mail Sent To Client )</span> @else  <span class="redtext">( Mail Not Sent )</span>@endif
				<!-- <a href="#" class="btn btn-sm btn-danger btn-white checkbtn">Check TS posting</a> -->
				</div>
			</div>
		</div>
	</div>
	</div>
@else
	<div class="card quoteinfodata ">
	  <div class="well white newvendetail">
	  	<h1>No Quote Information found</h1>
	  </div>
	</div>
@endif

@endsection

@section('scripts')
<script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-core.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-service.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-ui.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-mapevents.js"></script>
<script charset="utf-8" src="{{asset('backend/js/services/salesquote/salesquotedashboard.js')}}"></script>
@endsection