<?php $__env->startSection("content"); ?>
<div>
	<ol class="breadcrumb">
		<li><a href="<?php echo e(URL::route('user.home')); ?>"><?php echo trans('messages.home'); ?></a></li>
		<li><a href="<?php echo e(URL::route('order.index')); ?>">Orders</a></li>
		<li class="active">New Order</li>
	</ol>
</div>
<?php if(Session::has('message')): ?>
<div class="alert alert-info"><?php echo trans(Session::get('message')); ?></div>
<?php endif; ?>
<?php if($errors->all()): ?>
<div class="alert alert-danger">
	<?php echo HTML::ul($errors->all()); ?>

</div>
<?php endif; ?>
<?php echo 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>										<?php
	$order_number = intval( "0" .mt_rand(1,9) . mt_rand(0,9) . mt_rand(0,9) . mt_rand(0,9) );
	?>
	<td>

		<div class="form-group col-xs-3" style="color:black; background-color:powderblue; font-family:typewriter;">
			<h3>Order Number :: 0<?php echo $order_number; ?></h3>
			<?php echo 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"><?php echo HTML::image(Config::get('kblis.organization-logo'),  Config::get('kblis.country') . trans('messages.court-of-arms'), array('width' => '90px')); ?>

			<br>
			<strong><?php echo strtoupper(Config::get('constants.vl_order_form')); ?>

				<br> <?php echo Config::get('kblis.address-info'); ?></strong></div>
				<br><br>

				<div class="form-group col-xs-3">
					<?php echo Form::label('store_name', 'Name:',  array('class'=>'col-sm-2')); ?>

					<?php echo 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">
					<?php echo Form::label('district', 'District'); ?>

					<?php echo Form::text('district', Config::get('constants.DISTRICT_NAME'), array('class' => 'form-control', 'readonly')); ?>

				</div>

				<div class="form-group col-xs-3">
					<?php echo Form::label('start_date', 'Start Date:'); ?>

					<?php echo Form::text('start_date', Input::old('start_date'),array('class' => 'form-control standard-datepicker', 'rows' => '2')); ?>

				</div>

				<div class="form-group col-xs-3">
					<?php echo Form::label('end_date', 'End Date:'); ?>

					<?php echo Form::text('end_date', Input::old('end_date'),array('class' => 'form-control standard-datepicker', 'rows' => '2')); ?>

				</div>

				<div class="form-group col-xs-3">
					<?php echo Form::label('prepared_by', 'Prepared By:'); ?>

					<?php echo Form::text('prepared_by', Auth::User()->name,array('class' => 'form-control', 'rows' => '2', 'readonly')); ?>

				</div>

				<div class="form-group col-xs-3">
					<?php echo Form::label('designation', 'Designation:'); ?>

					<?php echo Form::text('designation',Auth::User()->designation,array('class' => 'form-control', 'rows' => '2', 'readonly')); ?>

				</div>

				<div class="form-group col-xs-3">
					<?php echo Form::label('date_prepared', 'Date Prepared:'); ?>

					<?php echo 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">
					<?php echo Form::label('required_date', 'Date Items Required'); ?>

					<?php echo Form::text('required_date', Input::old('required_date'),array('class' => 'form-control standard-datepicker', 'rows' => '2')); ?>

				</div>

				<div class="form-group col-xs-3">
					<?php echo Form::label('expected_date', 'Date Items Expected'); ?>

					<?php echo 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">
						<?php echo 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><?php foreach($commodities as $key =>$commodity_id): ?><option value="<?php echo $key; ?>"><?php echo $commodity_id; ?></option> <?php 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>

			<?php echo Form::close(); ?>

			<?php Session::put('SOURCE_URL', URL::full());?>
		</div>
	</div>

	<script>
		$(".standard-datepicker-nofuture").datepicker({
			minDate: 0
		});

		nw = new Date();
		m_secs = nw.getTime();
		m_secs2 = m_secs+(30*24*60*60*1000)
		$("#required_date").datepicker({
			dateFormat: 'yy-mm-dd ',
			minDate:new Date(m_secs2),
		});

		nw = new Date();
		m_secs = nw.getTime();
		m_secs2 = m_secs+(30*24*60*60*1000)
		$("#due_date").datepicker({
			dateFormat: 'yy-mm-dd ',
			minDate:new Date(m_secs2),
		});

	</script>
	<?php $__env->stopSection(); ?>

<?php echo $__env->make("layout", array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>