@extends("layout")
@section("content")
<style>
.xx
{
	height: auto;
	width: 100%;
	overflow-x:auto;
	position: relative;
}
</style>
<div class="container-fluid">
	<div class="row">
		<div class="col-md-12">
			{{ Form::open(array('url' => 'icttinventory/store', 'autocomplete' => 'off', 'class' => 'form-horizontal', 'data-toggle' => 'validator')) }}
			{{ Form::text('formType','general', array('class' => 'form-control col-sm-4')) }}
			<div class="panel panel-primary">

				<div class="panel panel-warning xx">
					<tr>
						<td>
							<br>
							<div class="form-group col-xs-2">
								{{ Form::label('category', 'Category:',  array('class'=>'col-sm-2')) }}
								{{ Form::select('category', $category, Input::old('category'), array('class' => 'form-control col-sm-4')) }}
							</div>
						</td>

					</tr>

					<form method="post" id="insert_form"><input type="hidden" name="row_count" id="row_count" value=0>
						<span id="error"></span>
						<table class="table table-repsonsive table-bordered" id="item_table" width:"100%">
							<tr>
								<!-- <th class="text:center">Item</th> -->
								<th class="text:center">Description</th>
								<th class="text:center">Serial Number</th>
								<th class="text:center">Model / Manufacturer</th>
								<th class="text:center">Department Assigned</th>
								<th class="text:center">User Assigned</th>
								<th class="text:center">Supplier</th>
								<th class="text:center">Procurement Type</th>
								<th class="text:center">Purchase Date</th>
								<th class="text:center">Delivery Date</th>
								<th class="text:center">Verification Date</th>
								<th class="text:center">Installation Date</th>
								<th class="text:center">Spare Parts</th>
								<th class="text:center">Warranty Period</th>
								<th class="text:center">Lifetime</th>
								<th class="text:center">Service Frequency</th>
								<th class="text:center">Service Contract</th>
								<th><button type="button" name="add" class="btn btn-success btn-sm add"><span class="glyphicon glyphicon-plus"></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>
						<br>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</form>
</div>
</div>

<script>
	
	$(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 pd =$(".purchase_date").datepicker({maxDate: 0});
			var dd =$(".delivery_date").datepicker({maxDate: 0});
			var vd =$(".verification_date").datepicker({maxDate: 0});
			var ind =$(".installation_date").datepicker({maxDate: 0});

			var html = '';
			html += '<tr>';

				html += '<td><input type="text" style = "width:120px;" name="description[]" '+keyup+' class="form-control description" id="description'+row_count+'" /></td>';
				html += '<td><input type="text" style = "width:20	0px;" name="serial_number[]" '+keyup+' class="form-control serial_number" id="serial_number'+row_count+'" /></td>';
				html += '<td><input type="text" style = "width:120px;" name="model[]" '+keyup+' class="form-control model" id="model'+row_count+'"  /></td>';

				html += '<td><select name ="dept_assigned[]"> <option value=""></option>@foreach($department as $key =>$department)<option value="{{$key}}">{{$department}}</option> @endforeach</td>';

					html += '<td><input type="text" style = "width:120px;" name="user_assigned[]" '+keyup+' class="form-control user_assigned" id="user_assigned'+row_count+'" /></td>';

					html += '<td><select name ="supplier_id[]"> <option value=""></option>@foreach($supplier_list as $key =>$supplier_list)<option value="{{$key}}">{{$supplier_list}}</option> @endforeach</td>';

						html += '<td><select name ="procurement_type[]"><option value=""></option> <option value="Procured">Procured</option><option value="Placement">Placement</option><option value="Donation">Donation</option></td>';

							html += '<td><input type="text" style = "width:100px;" name="purchase_date[]" '+keyup+' class="form-control purchase_date" id="pd'+row_count+'"/></td>';
							html += '<td><input type="text" style = "width:100px;" name="delivery_date[]" '+keyup+' class="form-control delivery_date" id="dd'+row_count+'"/></td>';
							html += '<td><input type="text" style = "width:100px;" name="verification_date[]" '+keyup+' class="form-control verification_date" id="vd'+row_count+'"/></td>';
							html += '<td><input type="text" style = "width:100px;" name="installation_date[]" '+keyup+' class="form-control installation_date" id="ind'+row_count+'"/></td>';
							html += '<td><select name ="spare_parts[]"> <option value=""></option><option value="Yes">Yes</option><option value="No">No</option><option value="N/A">N/A</option></td>';
								html += '<td><select name ="warranty_list[]"> <option value=""></option>@foreach($warranty_list as $key =>$warranty_list)<option value="{{$warranty_list}}">{{$warranty_list}}</option> @endforeach</td>';
									html += '<td><input type="number" name="life_time[]" '+keyup+' class="form-control qty_to_order" id="life_time'+row_count+'"/></td>';
									html += '<td><select name ="service_frequency[]"> <option value=""></option>@foreach($service_frequency as $key =>$service_frequency)<option value="{{$key}}">{{$service_frequency}}</option> @endforeach</td>';
										html += '<td><select name ="service_contract[]"> <option value=""></option>@foreach($yes_no_list as $key =>$yes_no_list)<option value="{{$key}}">{{$yes_no_list}}</option> @endforeach</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);

										});

										$(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')
														{
															$('#inhouserequest').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
										$("#total_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_to_order"+row_count).val(sr-tcc);
									}
								</script>
								@stop