000

@extends('dashboard.layouts.app')
@section('title','Labour 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.LabourPayment')}}</a></li>
				<li class="active"> {{__('messages.LabourPayment')}}</li>
			</ul>
		</div>

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

<form action="{{url('/user/labour-payment')}}" method="post" role="form" id="labourPaymentForm">
				{{ csrf_field() }}
				<div class="container">
					<div class="row">
						<div class="panel panel-primary">
							<div class="panel-heading">
								<h3 class="panel-title"> {{__('messages.LabourPayment')}} {{__('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 class="col-md-4">
										<div class="form-group">
											<label for="labour_name"> Labour Name</label>
											<input type="text" class="form-control" name="labour_name" id="labour_name" readonly="">
										</div>
									</div>

<div class="col-md-4">
										<div class="form-group">
											<label for="product">  {{__('messages.Product')}} {{__('messages.Name')}}</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="rate"> {{__('messages.Rate')}}</label>
											<input type="text" class="form-control" name="rate" id="rate" readonly="">
										</div>
									</div>
									<div class="clearfix"></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="amount_to_pay">{{__('messages.Amount')}} {{__('messages.To')}} {{__('messages.Pay')}}</label>
											<input type="text" class="form-control" name="amount_to_pay" id="amount_to_pay" readonly="">
										</div>
									</div>
									<div class="clearfix"></div>

<div class="pull-right">
										<a href="{{URL('/user/labour-payment')}}" class="btn btn-default" >Reset</a>
										<button type="button" id="saveLabourPayment" name="savelabourPaymentForm" class="btn btn-primary">Save Labour Payment</button>
									</div>
								</div>
								<div class="clearfix"></div>
								<div class="labour-payment-error" style="display: none;">
									<div class="col-md-offset-4">
										<span id="labour_payment_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")}}

$("#qr_data").attr('readonly', true);
							$("#labour_slip_id").val(data.labour_payment.id);
							$("#labour_name").val(data.labour_payment.labour_name);
							var pay_amount = parseInt(data.labour_payment.quantity) * parseFloat(data.labour_payment.rate);
							$("#product").val(data.labour_payment.product_name);
							$("#quantity").val(data.labour_payment.quantity);
							$("#rate").val(data.labour_payment.rate);
							$("#amount_to_pay").val(pay_amount);
							$("#details").show();
						}
					} else {
						$("#labour_payment_error_span").text(data.message);
						$(".labour-payment-error").show();
					}
				}
			});
		}

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

}
</script>

@endsection
@endsection