@extends('layouts.admin')
<style type="text/css">
	.history_quote{
		display: none;
	}
	#importfile{
		width: 45%;
	    margin: 25px auto;	
	    outline: none;
	 	opacity: 0;
	}
</style>
@section('content')
<div class="modal fade" id="bulkuploadmodal" 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">Bulk Upload Quote Information</h4>
		</div>
		<form class="form-floating form-ajax" id="bulkuploadform" name="bulkuploadform">
		{{ csrf_field() }}
		<div class="modal-body" style="overflow:hidden;">
			  <div class="col-md-12">
				<fieldset>
					<div id="dragbox" class="importbox">
						<input type="file" name="importfile" id="importfile">
						<p class="dropmessage">Drop file here or click to upload.</p>
						<p class="fileselect" id="filename" name="filename"></p>
					</div>
				</fieldset>
			  </div>
			  <div class="clearfix"></div>
		</div>
		<p style="text-align: center;"><a target="_blank" href="{{url('public/uploads/sample_csv_sales_quote_informations.csv')}}" style="color: red;">Click here for Sample CSV Format</a></p>
		<div class="modal-footer firstTime_footer">
		  <input class="btn btn-sm btn-danger" type="submit" name="Submit" value="Submit" id="bulkupload"></input>
		</div>
		</form>
	  </div>  
	</div>
</div>
<div class="row  m-b-40">
	<div class="col-md-5">
		<div class="well white newvendetail">
		  <form class="form-floating" id="carrierFormSearch" name="carrierFormSearch">
		    {{ csrf_field() }}
			<fieldset>
				<div class="form-group">
					<label for="search_vendorname" class="control-label">Client Name</label>
					<input type="hidden" name="client_id" id="client_id">
					<input type="text" class="form-control" name="search_client_name" id="search_client_name" value="" data-validation="required"  data-func-cancel="clearClientBox">
				</div>
			</fieldset>
		  </form>
		</div>
	</div>
	<div class="col-md-1">
	<h1 style="text-align: center;margin-top: 150px;">OR</h1>
	</div>
	<div class="col-md-6">
		<div class="well white newvendetail">
			<fieldset>
				<div class="form-group">
					<label for="scac" class="control-label">Company</label>
					<input type="hidden" name="prospect_client_id" id="prospect_client_id">
					<input type="text" class="form-control" name="company" id="company" data-validation="required"  data-func-cancel="clearProspectClientBox">
				</div>
				<div class="form-group">
					<label for="mc" class="control-label">Email#</label>
					<input type="text" class="form-control" name="email" id="email" data-validation="required">
				</div>
				<div class="form-group">
					<label for="dot" class="control-label">Phone #</label>
					<input type="text" class="form-control" name="phone" id="phone" data-validation="required">
				</div>
				<div class="form-group">
					<label for="fed_id" class="control-label">Contact</label>
					<input type="text" class="form-control" name="contact" id="contact"  data-validation="required">
				</div>
			</fieldset>
		</div>
	</div>	

	<div class="col-md-12">
		<div class="well white">
			<fieldset>
			  <legend>
			  	Quote Information
			  	<div class="newcontbtn" style="float:right;margin-right: 10px">
					<input class="btn btn-sm btn-danger" type="submit" id="bulkuploadbut" name="bulkuploadbut" value="Bulk Quote Information Upload">
				</div>
			  </legend>
			  <div class="col-md-12" style="margin-top: 10px;">
			  	<div class="col-md-4 nopadding">
					<label class="control-label normal">Bill Type</label>
					  <select name="type" id="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 col-md-4 ">
					<label for="client_name" class="control-label">Origin</label>
					<input type="text" class="form-control cityField" id="origin_city" name="origin_city" value="" data-validation="required">
				</div>
			<!-- 	<div class="form-group col-md-6 padding-left" style="margin-top: 10px;display: none;">
					<label for="client_name" class="control-label">Origin State</label>
					<input type="text" class="form-control" id="origin_state" name="origin_state" value=""  data-validation="required">
					{!! FormField::select2('origin_state', $states, 'Please Select') !!}
				</div> -->

				<div class="form-group col-md-4">
					<label for="client_name" class="control-label">Destination</label>
					<input type="text" class="form-control cityField" id="destination_city" name="destination_city" value=""  data-validation="required">
				</div>
				<!-- <div class="form-group col-md-4 padding-left" style="margin-top: 10px;display: none;">
					<label for="destination_state" class="control-label">Destination State</label>
					<input type="text" class="form-control" id="destination_state" name="destination_state" value="" data-func-cancel="clearClientBox" data-validation="required"> 
					{!! FormField::select2('destination_state', $states, 'Please Select') !!}
				</div>
			</div> -->
				<div class="col-md-4 nopadding">
					<label class="control-label normal">Equipment Type</label>
					<div class="form-group" style="margin-top:10px;">
						{!! FormField::select2('equipment_id', $equipments, false, true) !!}
					</div>
				</div>
				<div class="col-md-4">
				<div class="form-group ">
					<label for="client_name" class="control-label">Commodity</label>
					<input type="text" class="form-control" id="commodity" name="commodity" value=""  data-validation="required">
				</div>
				</div>
				<div class="col-md-4">
					<div class="form-group">
						<div class="checkbox" style="margin-top: 30px;">
						<label><input type="checkbox" name="high_volume" id="high_volume" value="1" > High Volume </label>
						</div>
					</div>
				</div>
				<div class="clearfix"></div>
				<div class="col-md-4 nopadding">
					<label class="control-label normal">Rate Type</label>
					  <select name="rate_type" id="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 col-md-4">
					<label for="client_name" class="control-label">Fuel Surcharge</label>
					<input type="text" class="form-control" id="fuel_surcharge" name="fuel_surcharge" value=""  data-validation="required">
				</div>
				<div class="form-group col-md-4" style="margin-top: 38px;">
					<input class="btn btn-sm btn-danger" type="submit" id="add-more" name="add-more" value="ADD MORE LANES">
				</div>
			</div>
			<div class="col-md-12">
				<div class="form-group padding-left">
					<label for="client_address" class="control-label">Notes</label>
					<textarea class="form-control" id="notes" name="notes" data-validation="required"></textarea>
				</div>
			</div>
			<div class="clearfix"></div>
			<div class="col-md-12">
				<div class="datatables shipmenttable">
				  <table id="rate-table" class="table table-full table-full-small" cellspacing="0" width="100%">
					<thead>
					  <tr>
						<!-- <th>Client</th> -->
						<th>Origin</th>
						<th>Destination</th>
						<th>Commodity</th>
						<th>Equipment</th>
						<th>Rate Type</th>
						<th>Fuel Surcharge</th>
						<th>Type</th>
						<th>High Volume</th>
						<th>Action</th>
					  </tr>
					</thead>
					<tbody id="rate-table-body">
					</tbody>
				  </table>
				</div>
			</div>
			</fieldset>
		</div>

		<div class="clearfix"></div>
		<div class="newcontbtn" style="float:right;margin-right: 10px">
			<input class="btn btn-sm btn-danger" type="submit" id="add-quotes" name="add-quotes" value="Add">
		</div>
	</div>
	
	<div class="col-md-5 history_quote">
		<div class="well white">
			<legend>Quote Metrics</legend>
			<fieldset>
				<div class="form-group">
					<label for="search_vendorname" class="control-label"># of Quotes</label>
					<input type="text"  class="form-control" readonly value="0" name="no_of_quotes" id="no_of_quotes" >
				</div>
				<div class="form-group">
					<label for="search_vendorname" class="control-label"># of Quotes Lanes Pending</label>
					<input type="text"  class="form-control" readonly value="0" id="salesQuotePending" name="salesQuotePending">
				</div>
				<div class="form-group">
					<label for="search_vendorname" class="control-label"># of Quotes Lanes W/O Feedback</label>
					<input type="text"  class="form-control" readonly value="0" id="salesQuoteNoFeedbackCount" name="salesQuoteNoFeedbackCount">
				</div>
				<div class="form-group">
					<label for="search_vendorname" class="control-label"># of Quotes Lanes With High Feedback</label>
					<input type="text"  class="form-control" readonly value="0" id="salesQuoteHighFeedbackCount" name="salesQuoteHighFeedbackCount">
				</div>
				<div class="form-group">
					<label for="search_vendorname" class="control-label"># of Quotes  Lanes Good Feedback</label>
					<input type="text"  class="form-control" readonly value="0" id="salesQuoteGoodFeedbackCount" name="salesQuoteGoodFeedbackCount">
				</div>
				<div class="form-group">
					<label for="search_vendorname" class="control-label"># of Quotes Lanes To Loads Ratio or Booked</label>
					<input type="text"  class="form-control" readonly value="0" id="salesQuoteLoadRatioCount" name="salesQuoteLoadRatioCount">
				</div>

			</fieldset>
		</div>
	</div>
	<div class="col-md-7 history_quote">
		<div class="well white ">
			<legend>Quote History</legend>
			<div class="datatables shipmenttable">
			  <table id="quoteHistory-table" class="table table-full table-full-small" cellspacing="0" width="100%">
				<thead>
				  <tr>
					<th>Date</th>
					<th>Client/Prospect</th>
					<th>#No Of Lanes</th>
					<th>Status</th>
					<!-- <th>Rate Feedback</th> -->
				  </tr>
				</thead>
				<tbody>
				</tbody>
			  </table>
			</div>
		</div>
	</div>	
	
</div>
@endsection

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