@extends('layouts.admin')

@section('content')
<div class="row m-b-40">
  @if($customRateBase)
	<form action="{{ route('admin.customratebase.update', $customRateBase->id) }}" method="POST" id="customratebaseform" class="form-floating rate-validate" enctype="multipart/form-data">
	{{ method_field('PUT') }}
	{{ csrf_field() }}
	@var $btnLabel = 'Update'
  @else
	<form action="{{ route('admin.customratebase.store') }}" method="POST" id="customratebaseform" class="form-floating form-validate" enctype="multipart/form-data">
	{{ csrf_field() }}
	@var $btnLabel = 'Add'
  @endif	  
		<div class="col-md-6">
		<div class="well white locationinfo logicnewh">
		  <div class="col-md-12 locationdesc">
			<fieldset>
			<div class="form-group">
				<label for="description" class="control-label">Description</label>
				<input type="text" class="form-control" id="description" name="description" value="{{ FormField::value('description', $customRateBase) }}" data-validation="required">
			</div>
			<ul style="padding:0px;">
				<li>
					<div class="form-group">
						<div class="radio">
						  <label class="filled">
							<input type="radio" name="rate_type" id="rate_type_flat" value="flat" {{ FormField::checked('rate_type', $customRateBase, 'flat') }} data-validation="required" data-validation-error-msg-container="#rate_type_error" > Flat</label>
						</div>
					</div>
				</li>
				<li>
					<div class="form-group">
						<div class="radio">
						  <label class="filled">
							<input type="radio" name="rate_type" id="rate_type_rpm" value="rpm" {{ FormField::checked('rate_type', $customRateBase, 'rpm') }} data-validation="required">RPM</label>
						</div>
					</div>
				</li>
				<li>
					<div class="form-group">
						<div class="radio">
						  <label class="filled">
							<input type="radio" name="rate_type" id="rate_type_cwt" value="cwt" {{ FormField::checked('rate_type', $customRateBase, 'cwt') }} data-validation="required">CWT</label>
						</div>
					</div>
				</li>
				<span id="rate_type_error"></span>
			</ul>
			<div class="form-group">
				<label for="mileage_rate_breakdowns" class="control-label">Mileage Break Down</label>
				<input type="text" class="form-control" id="mileage_rate_breakdowns" name="mileage_rate_breakdowns" value="{{ FormField::value('mileage_rate_breakdowns', $customRateBase) }}" data-validation="required, validnumberbreakdown">
			</div>
		  </div>
		  <div class="clearfix"></div>
		  </fieldset>
		</div>
		</div>
		<div class="col-md-6">
		<div class="well white locationinfo logicnewh" style="padding-bottom:0px;">
		  <div class="col-md-12 locationdesc">
			<legend>Column Definition</legend>
			<ul>
				<li>
					<div class="form-group">
						<div class="checkbox">
						  <label class="filled">
							<input type="checkbox" name="origin_city" id="origin_city" value="1" {{ FormField::checked('origin_city', $customRateBase, '1') }} data-validation="required" data-validation-error-msg-container="#column_error" data-validation-optional-if-answered="destination_city, origin_state, destination_state, origin_zip, destination_zip, origin_area, destination_area, minimum_charge">Origin City</label>
						</div>
					</div>
				</li>
				<li>
					<div class="form-group">
						<div class="checkbox">
						  <label class="filled">
							<input type="checkbox" name="destination_city" id="destination_city" value="1" {{ FormField::checked('destination_city', $customRateBase, '1') }} data-validation="required" data-validation-error-msg-container="#column_error" data-validation-optional-if-answered="origin_city, origin_state, destination_state, origin_zip, destination_zip, origin_area, destination_area, minimum_charge">Destination City</label>
						</div>
					</div>
				</li>
				<li>
					<div class="form-group">
						<div class="checkbox">
						  <label class="filled">
							<input type="checkbox" name="origin_state" id="origin_state" value="1" {{ FormField::checked('origin_state', $customRateBase, '1') }} data-validation="required" data-validation-error-msg-container="#column_error" data-validation-optional-if-answered="origin_city, destination_city, destination_state, origin_zip, destination_zip, origin_area, destination_area, minimum_charge">Origin State</label>
						</div>
					</div>
				</li>
				<li>
					<div class="form-group">
						<div class="checkbox">
						  <label class="filled">
							<input type="checkbox" name="destination_state" id="destination_state" value="1" {{ FormField::checked('destination_state', $customRateBase, '1') }} data-validation="required" data-validation-error-msg-container="#column_error" data-validation-optional-if-answered="origin_city, destination_city, origin_state, origin_zip, destination_zip, origin_area, destination_area, minimum_charge">Destination State</label>
						</div>
					</div>
				</li>
				<li>
					<div class="form-group">
						<div class="checkbox">
						  <label class="filled">
							<input type="checkbox" name="origin_zip" id="origin_zip" value="1" {{ FormField::checked('origin_zip', $customRateBase, '1') }} data-validation="required" data-validation-error-msg-container="#column_error" data-validation-optional-if-answered="origin_city, destination_city, origin_state, destination_state, destination_zip, origin_area, destination_area, minimum_charge">Origin Zip</label>
						</div>
					</div>
				</li>
				<li>
					<div class="form-group">
						<div class="checkbox">
						  <label class="filled">
							<input type="checkbox" name="destination_zip" id="destination_zip" value="1" {{ FormField::checked('destination_zip', $customRateBase, '1') }} data-validation="required" data-validation-error-msg-container="#column_error" data-validation-optional-if-answered="origin_city, destination_city, origin_state, destination_state, origin_zip, origin_area, destination_area, minimum_charge">Destination Zip</label>
						</div>
					</div>
				</li>
				<li>
					<div class="form-group">
						<div class="checkbox">
						 <label class="filled">
						  <input type="checkbox" name="origin_area" id="origin_area" value="1" {{ FormField::checked('origin_area', $customRateBase, '1') }} data-validation="required" data-validation-error-msg-container="#column_error" data-validation-optional-if-answered="origin_city, destination_city, origin_state, destination_state, origin_zip, destination_zip, destination_area, minimum_charge">Origin Specified Area</label>
						</div>
					</div>
				</li>
				<li>
					<div class="form-group">
						<div class="checkbox">
						 <label class="filled">
					      <input type="checkbox" name="destination_area" id="destination_area" value="1" {{ FormField::checked('destination_area', $customRateBase, '1') }} data-validation="required" data-validation-error-msg-container="#column_error" data-validation-optional-if-answered="origin_city, destination_city, origin_state, destination_state, origin_zip, destination_zip, origin_area, minimum_charge">Destination Specified Area</label>
						</div>
					</div>
				</li>
				<li>
					<div class="form-group">
						<div class="checkbox">
						 <label class="filled">
					      <input type="checkbox" name="minimum_charge" id="minimum_charge" value="1" {{ FormField::checked('minimum_charge', $customRateBase, '1') }} data-validation="required" data-validation-error-msg-container="#column_error" data-validation-optional-if-answered="origin_city, destination_city, origin_state, destination_state, origin_zip, destination_zip, origin_area, destination_area">Minimum Charge</label>
						</div>
					</div>
				</li>
				<span id="column_error"></span>
			</ul>
		  </div>
		  <div class="clearfix"></div>
		</div>
		</div>			
		<div class="newcontbtn">
		  <input type="hidden" name="deleterates" id="deleterates" value="">
		  <input class="btn btn-sm btn-danger" type="submit" name="{{ $btnLabel }}" value="{{ $btnLabel }}">
		  <input class="btn btn-sm btn-danger" type="button" name="PreviewColumns" id="PreviewColumns" value="Preview Columns">
		  <a href="{{ url('admin/customratebase') }}" class="btn btn-sm btn-danger btn-white">Cancel</a>
		</div>
  </form>
  
 	  <!-- Column Preview Modal -->
	  <div class="modal fade firstTimeWrap" id="columnPreviewModal" role="dialog">
		<div class="modal-dialog ratepreview">
		<!-- Modal content-->
		  <div class="modal-content">
			<div class="modal-header">
			  <button type="button" class="close" data-dismiss="modal">&times;</button>
			  <h4 class="modal-title firstTime">Preview Columns</h4>
			</div>
			<div class="modal-body ratecolms">
			  <div class="col-md-12">
                  <table class="table table-full">
					<thead>
						<tr id="columns"></tr>
					</thead>
				  </table>
              </div>
			  <div class="clearfix"></div>
			</div>
		  </div>  
		</div>
	  </div>
	  <!--------->
</div>
@endsection

@section('scripts')
<script>
$(function(){
	$('#PreviewColumns').click(function(){
		var columnHtml = '';
		if($('#origin_city').is(":checked")){ columnHtml += '<th>orgCity</th>';}
		if($('#destination_city').is(":checked")){ columnHtml += '<th>destCity</th>';}
		if($('#origin_state').is(":checked")){ columnHtml += '<th>orgState</th>';}
		if($('#destination_state').is(":checked")){ columnHtml += '<th>destState</th>';}
		if($('#origin_zip').is(":checked")){ columnHtml += '<th>orgZip</th>';}
		if($('#destination_zip').is(":checked")){ columnHtml += '<th>destZip</th>';}
		if($('#origin_area').is(":checked")){ columnHtml += '<th>orgArea</th>';}
		if($('#destination_area').is(":checked")){ columnHtml += '<th>destArea</th>';}
		if($('#minimum_charge').is(":checked")){ columnHtml += '<th>minCharge</th>';}
		var breakdowns = $('#mileage_rate_breakdowns').val().split(",");
		$.each(breakdowns, function( index, value ) {
			if(value != ''){
				columnHtml += '<th>Over '+value+' Miles</th>';
			}
		});
		$('#columns').html(columnHtml);
		$('#columnPreviewModal').modal('show');
	});
});
</script>
@if($customRateBase)
<script>
$(function(){	
	function checkFormChanged()
	{
		var curBreakdown = '{{ $customRateBase->mileage_rate_breakdowns }}';
		var curOrgCity   = '{{ $customRateBase->origin_city }}';
		var curDestCity  = '{{ $customRateBase->destination_city }}';
		var curOrgState  = '{{ $customRateBase->origin_state }}';
		var curDestState = '{{ $customRateBase->destination_state }}';
		var curOrgZip    = '{{ $customRateBase->origin_zip }}';
		var curDestZip   = '{{ $customRateBase->destination_zip }}';
		var curOrgArea   = '{{ $customRateBase->origin_area }}';
		var curDestArea  = '{{ $customRateBase->destination_area}}';
		var curMinCharge = '{{ $customRateBase->minimum_charge }}';
		var formChanged  = false;
		
		var chdBreakdown = $('#mileage_rate_breakdowns').val();
		var chdOrgCity   = $('#origin_city').is(":checked") ? '1' : '0';
		var chdDestCity  = $('#destination_city').is(":checked") ? '1' : '0';
		var chdOrgState  = $('#origin_state').is(":checked") ? '1' : '0';
		var chdDestState = $('#destination_state').is(":checked") ? '1' : '0';
		var chdOrgZip    = $('#origin_zip').is(":checked") ? '1' : '0';
		var chdDestZip   = $('#destination_zip').is(":checked") ? '1' : '0';
		var chdOrgArea   = $('#origin_area').is(":checked") ? '1' : '0';
		var chdDestArea  = $('#destination_area').is(":checked") ? '1' : '0';
		var chdMinCharge = $('#minimum_charge').is(":checked") ? '1' : '0';
		
		if(curBreakdown != chdBreakdown){ formChanged = true; }
		if(curOrgCity != chdOrgCity){ formChanged = true; }
		if(curDestCity != chdDestCity){ formChanged = true; }
		if(curOrgState != chdOrgState){ formChanged = true; }
		if(curDestState != chdDestState){ formChanged = true; }
		if(curOrgZip != chdOrgZip){ formChanged = true; }
		if(curDestZip != chdDestZip){ formChanged = true; }
		if(curOrgArea != chdOrgArea){ formChanged = true; }
		if(curDestArea != chdDestArea){ formChanged = true; }
		if(curMinCharge != chdMinCharge){ formChanged = true; }
		
		return formChanged;
	}
	
	if($('.rate-validate').length){
		$.validate({
			form : '.rate-validate',
			inputParentClassOnSuccess : '',
			modules : 'security, date, file, location, logic',
			onSuccess : function($form) {
				var formChangedResult = checkFormChanged();
				if(formChangedResult){				
					if($('#deleterates').val() != 'true'){
						bootbox.confirm("Rates belongs to this custom base rate will be deleted.<br>Are you sure you want to make changes to this custom base rate? ", function(result) {
							if(result){
								$('#deleterates').val('true');
								$('#customratebaseform').submit();
							}
						});			
						return false;
					}
				}
			}
		});
	}
});
</script>
@endif
@endsection