@extends("layout")
@section("content")
<div>
	<ol class="breadcrumb">
		<li><a href="{{{URL::route('user.home')}}}">{{trans('messages.home')}}</a></li>
		<li><a href="{{{URL::route('order.index')}}}">Orders</a></li>
		<li class="active">New Order</li>
	</ol>
</div>
@if (Session::has('message'))
<div class="alert alert-info">{{ trans(Session::get('message')) }}</div>
@endif
@if($errors->all())
<div class="alert alert-danger">
	{{ HTML::ul($errors->all()) }}
</div>
@endif
{{ Form::open(array('url' => 'order', 'id' => 'form-orders', 'method' => 'POST')) }}
<div class="panel panel-primary">
	<div class="panel-heading ">
		<span class="glyphicon glyphicon-list"></span>
		New Order
	</div>											<td>

		<div class="form-group col-xs-3" style="color:black; background-color:powderblue; font-family:typewriter;">
			<h3>Order Number :: 0{{$order_number}}</h3>
			{{ Form::text('order_number', $order_number, array('class' => 'control-label', 'readonly', 'hidden')) }}
		</div>
		<br><br><br><br>
		<div class="panel-title" style="text-align:center">{{ HTML::image(Config::get('kblis.organization-logo'),  Config::get('kblis.country') . trans('messages.court-of-arms'), array('width' => '90px')) }}
			<br>
			<strong>{{ strtoupper(Config::get('constants.vl_order_form')) }}
				<br> {{Config::get('kblis.address-info')}}</strong></div>
				<br><br>

				<div class="form-group col-xs-3">
					{{ Form::label('store_name', 'Name:',  array('class'=>'col-sm-2')) }}
					{{ Form::text('store_name', Config::get('constants.FACILITY_NAME'), array('class' => 'form-control col-sm-4', 'readonly')) }}
				</div>

				<div class="form-group col-xs-3">
					{{ Form::label('district', 'District') }}
					{{ Form::text('district', Config::get('constants.DISTRICT_NAME'), array('class' => 'form-control', 'readonly')) }}
				</div>

				<div class="form-group col-xs-3">
					{{ Form::label('start_date', 'Start Date:') }}
					{{ Form::text('start_date', Input::old('start_date'),array('class' => 'form-control standard-datepicker', 'rows' => '2')) }}
				</div>

				<div class="form-group col-xs-3">
					{{ Form::label('end_date', 'End Date:') }}
					{{ Form::text('end_date', Input::old('end_date'),array('class' => 'form-control standard-datepicker', 'rows' => '2')) }}
				</div>

				<div class="form-group col-xs-3">
					{{ Form::label('prepared_by', 'Prepared By:') }}
					{{ Form::text('prepared_by', Auth::User()->name,array('class' => 'form-control', 'rows' => '2', 'readonly')) }}
				</div>

				<div class="form-group col-xs-3">
					{{ Form::label('designation', 'Designation:') }}
					{{ Form::text('designation',Auth::User()->designation,array('class' => 'form-control', 'rows' => '2', 'readonly')) }}
				</div>

				<div class="form-group col-xs-3">
					{{ Form::label('date_prepared', 'Date Prepared:') }}
					{{ Form::text('date_prepared', Input::old('date_prepared'),array('class' => 'form-control standard-datepicker-nofuture', 'rows' => '2')) }}
				</div>

				<div class="form-group col-xs-3">
					{{ Form::label('required_date', 'Date Items Required') }}
					{{ Form::text('required_date', Input::old('required_date'),array('class' => 'form-control standard-datepicker', 'rows' => '2')) }}
				</div>

				<div class="form-group col-xs-3">
					{{ Form::label('expected_date', 'Date Items Expected') }}
					{{ Form::text('expected_date', Input::old('expected_date'),array('class' => 'form-control standard-datepicker','row'=>'2')) }}
				</div>

		<br/>
		<form method="post" id="insert_form"><input type="hidden" name="row_count" id="row_count" value=0>
			<div class="table-repsonsive">
				<span id="error"></span>
				<table class="table table-bordered" id="item_table">
					<tr>
						<!-- <th class="text:center">Product Code</th> -->
						<th class="text:center">Product Description</th>
						<th class="text:center">Pack Size</th>
						<th class="text:center">Opening Balance</th>
						<th class="text:center">Qty Received <small><br>During the period</small></th>
						<th class="text:center">Consumption <small><br>during the period</small></th>
						<th class="text:center">Losses / Adjustments<br><samll>(-/+)</small></th>
							<th class="text:center">Total Closing Balance</th>
							<th class="text:center">Quantity Required</th>
							<th class="text:center">Comments</th>
							<th><button type="button" name="add" class="btn btn-success btn-sm add"><span class="glyphicon glyphicon-plus"> Add Product</span></button></th>
						</tr>
					</table>
					<div align="center">
						{{ Form::button("<span class='glyphicon glyphicon-save'></span> ".trans('messages.save'),
						array('class' => 'btn btn-primary', 'onclick' => 'submit()')) }}
					</div>
				</div>
</form>
<script>
	$(".standard-datepicker-nofuture").datepicker({
		maxDate: 0
	});
	$(".standard-datepicker").datepicker({
	});

	$(document).ready(function(){

		$(document).on('click', '.add', function(){
			var row_count = parseInt($('#row_count').val())+1;
			$('#row_count').val(row_count);
			var keyup = 'onkeyup="compute('+row_count+')"';

			var html = '';
			html += '<tr>';
				html += '<td><select name ="commodity_id[]"> <option value="">Select Item.....</option>@foreach($commodities as $key =>$commodity_id)<option value="{{$key}}">{{$commodity_id}}</option> @endforeach</td>';
					html += '<td><select name ="pack_size[]"><option value="">Select Unit Of Measure</option> <option value="50 cards">50 Cards</option><option value="Test">Test</option><option value="Catridge">Catridge</option><option value=" 1 Book">1 Book</option></td>';
						html += '<td><input type="text" name="opening_balance[]" '+keyup+' class="form-control opening_balance" id="opening_balance'+row_count+'" /></td>';
						html += '<td><input type="text" name="qty_received[]" '+keyup+' class="form-control qty_received" id="qty_received'+row_count+'"  /></td>';
						html += '<td><input type="text" name="consumption[]" '+keyup+' class="form-control total_consumption" id="total_consumption'+row_count+'" /></td>';
						html += '<td><input type="text" name="losses_adjustments[]" '+keyup+' class="form-control losses_adjustments" id="losses_adjustments'+row_count+'" /></td>';
						html += '<td><input type="text" name="closing_balance[]"  '+keyup+' class="form-control closing_balance" id="closing_balance'+row_count+'" readonly="true"/></td>';
						html += '<td><input type="text" name="qty_required[]" '+keyup+' class="form-control qty_required" id="qty_required'+row_count+'" readonly="true"/></td>';
						html += '<td><input type="text" name="comments[]" class="form-control comments" /></td>';
						html += '<td><button type="button" name="remove" class="btn btn-danger btn-sm remove"><span class="glyphicon glyphicon-minus"></span></button></td></tr>';

						$('#item_table').append(html);

					});
					// disabling and enabling save button
								function submitForm(btn) {
									// disable the button
									btn.disabled = true;
									// submit the form
									btn.form.submit();
								}


					$(document).on('click', '.remove', function(){
						$(this).closest('tr').remove();
					});

					$('#insert_form').on('submit', function(event){
						event.preventDefault();
						var error = '';
						$('.issue_unit').each(function(){
							var count = 1;
							if($(this).val() == '')
							{
								error += "<p>Enter Unit Of Measure at "+count+" Row</p>";
								return false;
							}
							count = count + 1;
						});

						$('.commodity_id').each(function(){
							var count = 1;
							if($(this).val() == 'Select Item.....')
							{
								error += "<p>Please Select atleast an Item "+count+" Row</p>";
								return false;
							}
							count = count + 1;
						});

						$('.quantity').each(function(){
							var count = 1;
							if($(this).val() == '')
							{
								error += "<p>Hey, enter the quantities needed at "+count+" Row</p>";
								return false;
							}
							count = count + 1;
						});
						var form_data = $(this).serialize();
						if(error == '')
						{
							$.ajax({
								url:"insert.php",
								method:"POST",
								data:form_data,
								success:function(data)
								{
									if(data == 'ok')
									{
										$('#order').find("tr:gt(0)").remove();
										$('#error').html('<div class="alert alert-success">Request Submitted</div>');
									}
								}
							});
						}
						else
						{
							$('#error').html('<div class="alert alert-danger">'+error+'</div>');
						}
					});
				});

				//$(".opening_balance").change(function(){ alert("dee");});
				function compute(row_count){

					//variables to store values enterd for the fields.
					var ob = parseInt($("#opening_balance"+row_count).val());
					var qr = parseInt($("#qty_received"+row_count).val());
					var tc = parseInt($("#total_consumption"+row_count).val());
					var la = parseInt($("#losses_adjustments"+row_count).val());
					var sr = parseInt($("#stock_required"+row_count).val());

					//computes the total closing balance
					$("#closing_balance"+row_count).val((ob+qr)-(tc - la));

					//gets the computed total closing balance
					var tcc =	((ob+qr)-(tc - la));

					//computes the maximum stock quantity required
					$("#stock_required"+row_count).val(tc*1.5);

					//computes the quantity to be ordered
					$("#qty_required"+row_count).val(tc-tcc);
				}
			</script>

			{{ Form::close() }}