000

@extends('dashboard.layouts.app')
@section('title','Freight Payment')

@section('content')

<div class="main-content">
	<div class="main-content-inner">
		<div class="breadcrumbs ace-save-state" id="breadcrumbs">
			<ul class="breadcrumb">
				<li>
					<i class="ace-icon fa fa-home home-icon"></i>
					<a href="#">{{__('messages.Home')}}</a>
				</li>
				<li><a href="{{'/user/freight-payments'}}"> {{__('messages.FreightPayments')}} </a></li>
				<li class="active"> {{__('messages.FreightPayment')}}</li>
			</ul>
		</div>

<div class="page-header">
				<h1>
					{{__('messages.FreightPayment')}}
				</h1>
			</div>

<form action="{{url('/user/freight-payment')}}" method="post" role="form" id="freightPaymentForm" onsubmit="return validateForm()">
				{{ csrf_field() }}
				<div class="container">
					<div class="row">
						<div class="panel panel-primary">
							<div class="panel-heading">
								<h3 class="panel-title">  {{__('messages.FreightPayment')}} {{__('messages.Form')}} </h3>
							</div>
							<div class="panel-body">
								<div class="col-md-4">
									<div class="form-group">
										<label for="qr_data"> {{__('messages.LoadingSlip')}}</label>
										<input type="text" class="form-control" name="qr_data" id="qr_data" onchange="getLoadingSlipDetails(this.value)">
									</div>
								</div>

<div id="details" style="display: none;">
									<input type="hidden" name="product_loading_id" id="product_loading_id">
									<div class="col-md-4">
										<div class="form-group">
											<label for="product_company"> {{__('messages.ProductCompany')}}</label>
											<input type="text" class="form-control" name="product_company" id="product_company" readonly="">
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label for="product">{{__('messages.Product')}}</label>
											<input type="text" class="form-control" name="product" id="product" readonly="">
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label for="party_name">{{__('messages.Party')}} {{__('messages.Name')}}</label>
											<input type="text" class="form-control" name="party_name" id="party_name" readonly="">
										</div>
									</div>
									<div class="clearfix"></div>
									<div class="col-md-4">
										<div class="form-group">
											<label for="transporter"> {{__('messages.Transporter')}}</label>
											<input type="text" class="form-control" name="transporter" id="transporter" readonly="">
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label for="truck_number"> {{__('messages.TruckNumber')}}</label>
											<input type="text" class="form-control" name="truck_number" id="truck_number" readonly="">
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label for="quantity"> {{__('messages.Quantity')}}</label>
											<input type="text" class="form-control" name="quantity" id="quantity" readonly="">
										</div>
									</div>
									<div class="clearfix"></div>
									<div class="col-md-4">
										<div class="form-group">
											<label for="destination"> {{__('messages.Destination')}}</label>
											<select class="form-control select2" name="destination" id="destination">
												<option value="00"> {{__('messages.Destination')}} {{__('messages.Select')}}</option>
												@foreach($freight_list as $freight)
												<option value="{{$freight->freight}}">{{$freight->destination}} ({{$freight->freight}})</option>
												@endforeach
											</select>
										</div>
									</div>
									<div class="col-md-4">
										<div class="form-group">
											<label for="freight_rate">{{__('messages.Freight')}}</label>
											<input type="text" class="form-control" name="freight_rate" id="freight_rate" readonly="">
										</div>
									</div>

<div class="col-md-4" id="toll_tax">
										<div class="form-group">
											<label for="toll_tax_amount">Toll Tax Amount</label>
											<input type="text" class="form-control" name="toll_tax_amount" id="toll_tax_amount" value="0" onkeyup="reCalculateFreight(this.value)">
										</div>
									</div>

<div class="col-md-4">
										<div class="form-group">
											<label for="freight">  {{__('messages.Total')}} {{__('messages.Freight')}}</label>
											<input type="text" class="form-control" name="freight" id="freight" readonly="">
										</div>
									</div>
									<div class="clearfix"></div>
									<div class="pull-right">
										<a href="{{URL('/user/generate-loading-slip-invoice')}}" class="btn btn-default" >Reset</a>
										<button type="button" id="saveInvoiceDetails" name="saveFreightPaymentForm" class="btn btn-primary">Save Freight Payment</button>
									</div>
								</div>
								<div class="clearfix"></div>
								<div class="freight-error" style="display: none;">
									<div class="col-md-offset-4">
										<span id="freight_error_span" style="font-size: 30px; color: red; text-align: center;"></span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
@section('script')

{{ Html::script("assets/js/ace-elements.min.js")}}
{{ Html::script("assets/js/ace.min.js")}}
{{ Html::script("assets/js/bootstrap-datepicker.min.js")}}

}
						}else{
							var freight = parseFloat(data.product_loading.freight) * parseInt(data.product_loading.quantity);
						}
						$("#freight").val(freight);
						if(data.product_loading.loading_slip_type == "2"){
							$("#toll_tax").show();
						}
						$("#details").show();
					} else {
						$("#freight_error_span").text(data.message);
						$(".freight-error").show();
					}
				}
			});
		}

$('.date-picker').datepicker({
			format: 'dd/mm/yyyy',
			endDate: '+0d',
			autoclose: true
		});

}
	function reCalculateFreight(value){
		if(value == ""){
			var toll_tax = 0;
		}else{
			var toll_tax = parseFloat(value);
			var freight = parseFloat($("#freight_rate").val()) * parseInt($("#quantity").val());
			$("#freight").val(freight + toll_tax);
		}

}
</script>

@endsection
@endsection