@extends('layouts.admin')

@section('content')
<div class="row m-b-40" id="contract-main-box">
	<div class="newcontracttabs">
		<div class="col-md-2 tabhead contractitle newtabactive" id="contract-tab">
			<p>CONTRACT</p>
		</div>
		<div class="col-md-2 tabhead contractitle" id="locations-tab">
			<p>LOCATIONS</p>
		</div>
		<div class="col-md-2 tabhead contractitle" id="logic-tab">
			<p>LOGIC</p>
		</div>
		<div class="col-md-2 tabhead contractitle" id="accesorials-tab">
			<p>ACCESSORIAL</p>
		</div>
		<div class="clearfix"></div>
	</div>
	<div class="contractdata newtab_data tab_open" id="contract-tab">
	  @if($contract)
		<form action="{{ route('admin.contract.update', $contract->id) }}" method="POST" id="contractform" class="form-floating form-validate" enctype="multipart/form-data">
		{{ method_field('PUT') }}
		{{ csrf_field() }}
		@var $btnLabel = 'Update'
	  @else
		<form action="{{ route('admin.contract.store') }}" method="POST" id="contractform" class="form-floating form-validate" enctype="multipart/form-data">
		{{ csrf_field() }}
		@var $btnLabel = 'Add'
	  @endif
		<div class="col-md-6">
			<div class="well white tycontract">
				<fieldset>
				  <legend>Type Of Contract</legend>
					<div class="form-group">
						<div class="radio">
						  <label class="filled">
							<input type="radio" name="type" id="type_blanket" value="blanket" {{ FormField::checked('type', $contract, 'blanket') }} data-validation="required" data-validation-error-msg-container="#type_error"> Blanket Contract / Bill Rates </label>
						</div>
					</div>
					<div class="form-group">
						<div class="radio">
						  <label class="filled">
							<input type="radio" name="type" id="type_client" value="client" {{ FormField::checked('type', $contract, 'client') }}> Client Specific / Bill Rates </label>
						</div>
					</div>						
					<div class="form-group">
						<div class="radio">
						  <label class="filled">
							<input type="radio" name="type" id="type_carrier" value="carrier" {{ FormField::checked('type', $contract, 'carrier') }}> Carrier Specific / Cost Rates </label>
						</div>
					</div>
					<span id="type_error"></span>
				</fieldset>
			</div>
		</div>
		<div class="col-md-6">
			<div class="well white tycontract">
				<fieldset>
				  <legend>Contract Information</legend>
					<div class="form-group">
						<label for="description" class="control-label">Description</label>
						<input type="text" class="form-control" name="description" id="description" value="{{ FormField::value('description', $contract) }}">
					</div>
					<div class="form-group">
						<label for="reference_code" class="control-label">REF#</label>
						<input type="text" class="form-control" name="reference_code" id="reference_code" value="{{ FormField::value('reference_code', $contract) }}" readonly>
					</div>
					@if($contract)
					<div class="form-group">
						<label for="id" class="control-label">ID</label>
						<input type="text" class="form-control" name="id" id="id" value="{{ FormField::value('id', $contract) }}" readonly>
					</div>
					@endif
					<div class="form-group">
						<label for="effective_date" class="control-label">Effective Date</label>
						<input type="text" class="form-control datepicker" name="effective_date" id="effective_date" value="{{ FormField::date('effective_date', $contract) }}" data-validation="required">
					</div>
					<div class="form-group">
						<label for="expiry_date" class="control-label">Expiry Date</label>
						<input type="text" class="form-control datepicker" name="expiry_date" id="expiry_date" value="{{ FormField::date('expiry_date', $contract) }}" data-validation="required">
					</div>
				</fieldset>
			</div>
		</div>
		<div class="col-md-6">
			<div class="well white tycontract">
				<fieldset>
					<div id="clientsearch"
						@if($contract)
							@if($contract->type == 'client')
								style="display:block;"
							@endif
						@endif
					>
						<legend>Client Specific</legend>
						<input type="hidden" name="client_id" id="client_id" data-validation="required" data-validation-depends-on="type" data-validation-depends-on-value="client" data-validation-error-msg="Please add client." data-validation-error-msg-container="#client_error" value="{{ FormField::value('id', $client) }}">
						<span id="client_error"></span>
						<div class="form-group">
							<label for="client_name" class="control-label">Client Name</label>
							<input type="text" class="form-control" name="client_name" id="client_name" value="{{ FormField::value('name', $client) }}" @if($client) readonly @endif> </div>
						<div class="form-group">
							<label for="client_ref" class="control-label">Client Ref</label>
							<input type="text" class="form-control" name="client_ref" id="client_ref" value="{{ FormField::value('reference_code', $client) }}" @if($client) readonly @endif>
						</div>
						<input class="btn btn-sm btn-danger newclientspec" type="button" name="clientsearchbtn" id="clientsearchbtn" value="Search" @if($client) style="display:none;" @endif>
						<input class="btn btn-sm btn-danger newclientspec" type="button" name="clienteditbtn" id="clienteditbtn" value="Edit" @if($client) style="display:block;" @endif>
					</div>
					<div id="carriersearch"
						@if($contract)
							@if($contract->type == 'carrier')
								style="display:block;"
							@endif
						@endif
					>
						<legend>Carrier Specific</legend>
						<input type="hidden" name="carrier_id" id="carrier_id" data-validation="required" data-validation-depends-on="type" data-validation-depends-on-value="carrier" data-validation-error-msg="Please add carrier." data-validation-error-msg-container="#carrier_error" value="{{ FormField::value('id', $carrier) }}">
						<span id="carrier_error"></span>
						<div class="form-group">
							<label for="carrier_name" class="control-label">Carrier Name</label>
							<input type="text" class="form-control" name="carrier_name" id="carrier_name" value="{{ FormField::value('name', $carrier) }}" @if($carrier) readonly @endif >
						</div>
						<div class="form-group">
							<label for="carrier_scac" class="control-label">SCAC Code</label>
							<input type="text" class="form-control" name="carrier_scac" id="carrier_scac" value="{{ FormField::value('scac', $carrier) }}" @if($carrier) readonly @endif >
						</div>
						<input class="btn btn-sm btn-danger newclientspec" type="button" name="carriersearchbtn" id="carriersearchbtn" value="Search" @if($carrier) style="display:none;" @endif>
						<input class="btn btn-sm btn-danger newclientspec" type="button" name="carriereditbtn" id="carriereditbtn" value="Edit" @if($carrier) style="display:block;" @endif>
					</div>
				</fieldset>
			</div>
		</div>
		<div class="col-md-6">
			<div class="well white tycontract">
				<fieldset>
				  <legend>Status</legend>
					<div class="form-group">
						<div class="radio">
						  <label class="filled">
							<input type="radio" name="status" id="status_inactive" value="0" {{ FormField::checked('status', $contract, '0') }} data-validation="required" data-validation-error-msg-container="#status_error"> Being Entered </label>
						</div>
					</div>	
					<div class="form-group">
						<div class="radio">
						  <label class="filled">
							<input type="radio" name="status" id="status_active" value="1" {{ FormField::checked('status', $contract, '1') }}> Live Contract </label>
						</div>
					</div>
					<span id="status_error"></span>
				</fieldset>
			</div>
		</div>
		<div class="newcontbtn">
			<input type="hidden" name="contract_id" id="contract_id" value="{{ FormField::value('id', $contract) }}">
			<input class="btn btn-sm btn-danger" type="submit" name="{{ $btnLabel }}" value="{{ $btnLabel }}">
			<a href="{{ url('admin/contract') }}" class="btn btn-sm btn-danger btn-white">Cancel</a>
		</div>
	 </form>
	</div>
	<div class="locationdata newtab_data" id="locations-tab">
		<div class="card">
		  <div>
			<div class="datatables">
			  <table id="contracts-locations-table" class="table table-full table-full-small" cellspacing="0" width="100%">
				<thead>
				  <tr>
					<th>Description</th>
					<th>Specified Area</th>
					<th>Actions</th>
				  </tr>
				</thead>
				<tbody>
				</tbody>
			  </table>
			</div>
		    <div class="buttonwrap">
			    <a href="javascript:void(0);" class="btn btn-sm btn-danger add-location">New</a>
		    </div>
		  </div>
		</div>
	</div>
	<div class="logicdata newtab_data" id="logic-tab">
		<div class="card">
		  <div>
			<div class="datatables">
			  <table id="contracts-logics-table" class="table table-full table-full-small" cellspacing="0" width="100%">
				<thead>
				  <tr>
					<th>Description</th>
					<th>Origin Location</th>
					<th>Destination Location</th>
					<th>Equipment Type</th>
					<th>Effective Date</th>
					<th>Actions</th>
				  </tr>
				</thead>
				<tbody>
				</tbody>
			  </table>
			</div>
		    <div class="buttonwrap">
			    <a href="javascript:void(0);" class="btn btn-sm btn-danger add-logic">New</a>
		    </div>
		  </div>
		</div>
	</div>
	<div class="accessorialdata newtab_data" id="accesorials-tab">
		<div class="card">
		  <div>
			<div class="datatables">
			  <table id="contracts-accessorials-table" class="table table-full table-full-small" cellspacing="0" width="100%">
				<thead>
				  <tr>
				    <th>Code</th>
					<th>Description</th>
					<th>Origin Location</th>
					<th>Destination Location</th>
					<th>Effective Date</th>
					<th>Actions</th>
				  </tr>
				</thead>
				<tbody>
				</tbody>
			  </table>
			</div>
		    <div class="buttonwrap">
			    <a href="javascript:void(0);" class="btn btn-sm btn-danger add-accessorial">New</a>
		    </div>
		  </div>
		</div>
	</div>
</div>


<div class="row m-b-40" id="contract-location-box">
  <form id="contract-locationform" name="contract-locationform" class="form-floating form-validate">
  <div class="col-md-12">
	<div class="well white">
		<fieldset>
			<div class="form-group col-md-8 padding-left">
				<label for="location_description" class="control-label">Location Description</label>
				<input type="text" name="description" id="location_description" class="form-control" data-validation="required">
			</div>
			<div class="form-group col-md-4 padding-left">
				<label for="location_specified_area" class="control-label">Specified Area</label>
				<input type="text" name="specified_area" id="location_specified_area" class="form-control">
			</div>
		</fieldset>
	</div>
  </div>
 <div class="col-md-12">
	<div class="well white newlocheight">
	  <div class="buttonwrap" style="margin-left:0px;">
		<input class="btn btn-sm btn-danger" type="button" name="selectall-states" id="selectall-states" value="Select All">
		<input class="btn btn-sm btn-danger" type="button" name="clearall-states" id="clearall-states" value="Clear All">
	  </div>
	  <fieldset>
	  	<h3>United States</h3>
		@foreach ($states as $state)
			@if(in_array($state, $usState))
				<div class="form-group" style="width: 10%;display: inline-block; margin: 0px;">
					<div class="checkbox">
					  <label class="filled">
						<input type="checkbox" class="state-checkbox" name="in_states[]" id="state_{{ $state }}" value="{{ $state }}"> {{ $state }} </label>
					</div>
				</div>
			@endif
		@endforeach
	  </fieldset>
	  <hr>
	   <fieldset>
	   	<h3>Canada</h3>
		@foreach ($states as $state)
			@if(in_array($state, $canState))
				<div class="form-group" style="width: 10%;display: inline-block; margin: 0px;">
					<div class="checkbox">
					  <label class="filled">
						<input type="checkbox" class="state-checkbox" name="in_states[]" id="state_{{ $state }}" value="{{ $state }}"> {{ $state }} </label>
					</div>
				</div>
			@endif
		@endforeach
	  </fieldset>
	</div>
  </div>
  <div class="col-md-12">
	<div class="well white zipwrap newlocheight">
		<fieldset>
			<div class="col-md-6 zipcontainer">
				<legend>Zip Code In</legend>
				<div class="textarea-box">
					<div class="form-group">
						<textarea name="in_zipcodes" id="in_zipcodes" class="form-control" spellcheck="false"></textarea>
					</div>
				</div>
			</div>
			<div class="col-md-6 zipcontainer">
				<legend>Zip Code Out</legend>
				<div class="textarea-box">
					<div class="form-group">
						<textarea name="out_zipcodes" id="out_zipcodes" class="form-control" spellcheck="false"></textarea>
					</div>
				</div>
			</div>
		</fieldset>
	</div>
  </div>
  <div class="col-md-12">
	<div class="well white zipwrap newlocheight">
		<fieldset>
			<div class="col-md-6 zipcontainer">
				<legend>Cities In Area</legend>
				<div class="textarea-box">
					<div class="form-group">
						<textarea name="in_cities" id="in_cities" class="form-control" spellcheck="false"></textarea>
					</div>
				</div>
				<div class="suggestlist col-md-12" id="in_cities_suggests"></div>
			</div>
			<div class="col-md-6 zipcontainer">
				<legend>Cities Not Area</legend>
				<div class="textarea-box">
					<div class="form-group">
						<textarea name="out_cities" id="out_cities" class="form-control" spellcheck="false"></textarea>
					</div>
				</div>
				<div class="suggestlist col-md-12" id="out_cities_suggests"></div>
			</div>
		</fieldset>
	</div>
  </div>
  <div class="col-md-4">
	<div class="">
		<fieldset>
			<input type="hidden" name="contract_id" id="location_contract_id" value="{{ FormField::value('id', $contract) }}">
			<input type="hidden" name="id" id="location_id">
			<input class="btn btn-sm btn-danger" type="submit" name="save-location" id="save-location" value="Save">
			<input class="btn btn-sm btn-danger" type="button" name="cancel-location" id="cancel-location" value="Cancel">
		</fieldset>
	</div>
  </div>
  </form>
</div>



<div class="row m-b-40" id="contract-logic-box">
  <form id="contract-logicform" name="contract-logicform" class="form-floating form-validate">
  <div class="col-md-6">
	<div class="well white">
		<fieldset>
			<legend>Logic Location</legend>
			<div class="form-group">
				<label for="logic_origin_location" class="control-label normal">Origin Location</label>
				{!! FormField::select2('origin_location', $locations, null, true, 'Please Select', 'location-dropdown', 'logic_') !!}
			</div>
			<div class="form-group">
				<label for="logic_destination_location" class="control-label normal">Destination Location</label>
				{!! FormField::select2('destination_location', $locations, null, true, 'Please Select', 'location-dropdown', 'logic_') !!}
			</div>

			<legend>Rate Information</legend>
			<div class="form-group">
				<div class="radio">
				  <label class="filled">
					<input type="radio" name="rate_type_is" id="logic_rate_type_is_manual" class="logic_rate_type_is" value="manual" data-validation="required" data-validation-error-msg-container="#rate_type_is_error"> 
						Enter Below
				  </label>
				</div>
			</div>
			<div class="form-group">
				<div class="radio">
				  <label class="filled">
					<input type="radio" name="rate_type_is" id="logic_rate_type_is_custom_rate_base" class="logic_rate_type_is" value="custom_rate_base"> 
						Custom Rate Base
					</label>
				</div>
			</div>						
			<span id="rate_type_is_error"></span>
			
			<div id="logic-custom-rate-base-box">
				<legend>Custom Rate Base Choose Below</legend>
				<div class="form-group col-md-12 padding-left">
					{!! FormField::select2('custom_rate_base_id', $customRateBases, null, true, 'Please Select', null, 'logic_') !!}
				</div>
			</div>
			
			<div id="logic-enter-rate-box">
				<legend>Enter Rate Below</legend>
			    <div class="form-group">
				  <label class="control-label normal">Rate Type</label>
				  <select name="rate_type" id="logic_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="logic_rate_value" class="control-label">Rate</label>
					<input type="text" class="form-control" name="rate_value" id="logic_rate_value" data-validation="required">
				</div>
				<div class="form-group">
					<label for="logic_minimum_charge" class="control-label">Min Charge</label>
					<input type="text" class="form-control" name="minimum_charge" id="logic_minimum_charge" data-validation="required">
				</div>
			</div>
			
		</fieldset>
	</div>
  </div>
  <div class="col-md-6">
	<div class="well white logicnewh">
		<fieldset>
		  <legend>Logic</legend>
		  <div class="form-group col-md-12 padding-left">
			<label for="logic_description" class="control-label">Description</label>
			<input type="text" class="form-control" name="description" id="logic_description" data-validation="required">
		  </div>
		  <div class="form-group col-md-12 padding-left">
			<label for="logic_min_weight" class="control-label">Min Weight</label>
			<input type="text" class="form-control" name="min_weight" id="logic_min_weight" data-validation="number">
		  </div>
		  <div class="form-group col-md-12 padding-left">
			<label for="logic_max_weight" class="control-label">Max Weight</label>
			<input type="text" class="form-control" name="max_weight" id="logic_max_weight" data-validation="number">
		  </div>
		  <div class="form-group col-md-12 padding-left">
			<label class="control-label normal">Equipment Type</label>
			{!! FormField::select('equipment_type', $equipmentTypes, false, true, 'Please Select', null, 'logic_') !!}
		  </div>
		  <div class="clearfix"></div>
		  <div class="form-group">
			<label for="logic_effective_date" class="control-label">Effective Date</label>
			<input type="text" class="form-control datepicker" name="effective_date" id="logic_effective_date" data-validation="required">
		  </div>
		</fieldset>
	</div>
  </div>
	<div class="clearfix"></div>
	<div class="newcontbtn">
		<input type="hidden" name="contract_id" id="logic_contract_id" value="{{ FormField::value('id', $contract) }}">
		<input type="hidden" name="id" id="logic_id">
		<input class="btn btn-sm btn-danger" type="submit" name="save-logic" id="save-logic" value="Save">
		<input class="btn btn-sm btn-danger" type="button" name="cancel-logic" id="cancel-logic" value="Cancel">
	</div>
  </form>
</div>


<div class="row m-b-40" id="contract-accessorial-box">
  <form id="contract-accessorialform" name="contract-accessorialform" class="form-floating form-validate">
  <div class="col-md-6">
	<div class="well white">
		<fieldset>
			<legend>Location Information</legend>
			<div class="form-group">
				<label for="accessorial_origin_location" class="control-label normal">Origin Location</label>
				{!! FormField::select2('origin_location', $locations, null, true, 'Please Select', 'location-dropdown', 'accessorial_') !!}
			</div>
			<div class="form-group">
				<label for="accessorial_destination_location" class="control-label normal">Destination Location</label>
				{!! FormField::select2('destination_location', $locations, null, true, 'Please Select', 'location-dropdown', 'accessorial_') !!}
			</div>

			<legend>Charge Information</legend>
			<div class="form-group">
				<div class="radio">
				  <label class="filled">
					<input type="radio" name="charge_type_is" id="accessorial_charge_type_is_manual" class="accessorial_charge_type_is" value="manual" data-validation="required" data-validation-error-msg-container="#charge_type_error"> 
						Enter Below
				  </label>
				</div>
			</div>
			<div class="form-group">
				<div class="radio">
				  <label class="filled">
					<input type="radio" name="charge_type_is" id="accessorial_charge_type_is_custom_fuel_surcharge" class="accessorial_charge_type_is" value="custom_fuel_surcharge"> 
						Custom Fuel Surcharge
					</label>
				</div>
			</div>						
			<span id="charge_type_error"></span>
			
			<div id="accessorial-custom-fuel-surcharge-box">
				<legend>Custom Fuel Surcharge Choose Below</legend>
				<div class="form-group col-md-12 padding-left">
					{!! FormField::select2('custom_fuel_surcharge_id', $customFuelSurcharges, null, true, 'Please Select', null, 'accessorial_') !!}
				</div>
			</div>
			
			<div id="accessorial-enter-charge-box">
				<legend>Enter Charge Below</legend>
			    <div class="form-group col-md-12 padding-left">
				  <label class="control-label normal">Charge Type</label>
				  <select name="charge_type" id="accessorial_charge_type" class="form-control" data-validation="required">
					  <option value="">Please Select</option>
					  <option value="mileage">RPM</option>
					  <option value="flatrate">Flat Rate</option>
					  <option value="cwt">CWT</option>
					  <option value="percent">%</option>
				  </select>
			    </div>
				<div class="form-group col-md-12 padding-left">
					<label for="charge_value" class="control-label">Charge Value</label>
					<input type="text" class="form-control" name="charge_value" id="accessorial_charge_value" data-validation="required">
				</div>
				<div class="form-group col-md-12 padding-left">
					<label for="entered_min_charge" class="control-label">Min Charge</label>
					<input type="text" class="form-control" name="minimum_charge" id="accessorial_minimum_charge" data-validation="required">
				</div>
			</div>
			
		</fieldset>
	</div>
  </div>
  <div class="col-md-6">
	<div class="well white accessorialnewh">
		<fieldset>
		  <legend>Accessorial</legend>
		  <div class="form-group col-md-12 padding-left">
			<label for="accessorial_description" class="control-label">Description</label>
			<input type="text" class="form-control" name="description" id="accessorial_description" data-validation="required">
		  </div>
		  <div class="form-group col-md-12 padding-left">
			<label class="control-label normal">Accessorial Type</label>
			{!! FormField::select('accessorial_type', $accessorialTypes, false, true, 'Please Select', null, 'accessorial_') !!}
		  </div>
		  <div class="clearfix"></div>
		  <div class="form-group">
			<label for="accessorial_effective_date" class="control-label">Effective Date</label>
			<input type="text" class="form-control datepicker" name="effective_date" id="accessorial_effective_date" data-validation="required">
		  </div>
		  <div class="form-group">
			<div class="checkbox">
			  <label class="filled">
				<input type="checkbox" name="automatically_apply" id="accessorial_automatically_apply" value="1"> 
					Apply Automatically To Rates
			  </label>
			</div>
		  </div>
		</fieldset>
	</div>
  </div>
	<div class="clearfix"></div>
	<div class="newcontbtn">
		<input type="hidden" name="contract_id" id="accessorial_contract_id" value="{{ FormField::value('id', $contract) }}">
		<input type="hidden" name="id" id="accessorial_id">
		<input class="btn btn-sm btn-danger" type="submit" name="save-accessorial" id="save-accessorial" value="Save">
		<input class="btn btn-sm btn-danger" type="button" name="cancel-accessorial" id="cancel-accessorial" value="Cancel">
	</div>
  </form>
</div>
		  
		  
		  
		  
<style>
#clientsearch, #carriersearch, #clienteditbtn, #carriereditbtn{display:none;}
#contract-location-box, #contract-logic-box, #contract-accessorial-box{display:none;}
#logic-custom-rate-base-box, #logic-enter-rate-box{display:none;}
#logic_origin_location, #logic_destination_location, #logic_custom_rate_base_id{width:450px;}
#accessorial-custom-fuel-surcharge-box, #accessorial-enter-charge-box{display:none;}
#accessorial_origin_location, #accessorial_destination_location, #accessorial_custom_fuel_surcharge_id{width:450px;}
</style>
@endsection

@section('scripts')
<link href="{{asset('backend/css/plugins/tagmanager/tagmanager.css')}}" rel="stylesheet">
<script charset="utf-8" src="{{asset('backend/js/plugins/tagmanager/tagmanager.js')}}"></script>
<script charset="utf-8" src="{{asset('backend/js/services/contracts.js')}}"></script>
@endsection