@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('warehouse.index')}}}">Warehouse Stock Status</a></li>
			<li class="active">New Warehouse StockStatus</li>
		</ol>
	</div>

  <div class="container-fluid">
		<div class="row">
			<div class="col-md-12">
				{{ Form::open(array('url' => 'warehouse', 'id' => 'warehouse', 'method' => 'POST')) }}
				<div class="panel panel-primary">

									<div class="form-group col-xs-6">
									{{  Form::label('warehouse_id', 'Warehouse', array('class'=>'control-label')) }}
									{{ Form::select('warehouse_id', array_merge(array(null => 'Select Warehouse...'), $warehouse), Input::old('warehouse'), array('class' => 'form-control', 'id' => 'warehouse')) }}
								</div>

								<div class="form-group col-xs-6">
									{{  Form::label('item_code', 'Item Code', array('class'=>'control-label')) }}
									{{ Form::text('item_code',Input::old('item_code'),array('class' => 'form-control', 'rows' => '2', 'id'=>'item_code')) }}
								</div>

								<div class="form-group col-xs-6">
									{{  Form::label('commodity_id', 'Product Description', array('class'=>'control-label')) }}
									{{ Form::select('commodity_id', array_merge(array(null => 'Select Commodity...'), $commodity), Input::old('commodity'), array('class' => 'form-control', 'id' => 'commodity')) }}
								</div>

								<div class="form-group col-xs-6">
									{{ Form::label('created_by', 'Recorded By') }}
									{{ Form::text('created_by', Auth::user()->name,array('class' => 'form-control', 'rows' => '2', 'id'=>'requested_by', 'readonly')) }}
								</div>

								<div class="form-group col-xs-3">
									{{ Form::label('total_quantity', 'Total Quantity') }}
									{{ Form::text('total_quantity', Input::old('total_quantity'),array('class' => 'form-control', 'rows' => '2', 'id'=>'total_quantity')) }}
								</div>

				 </div>


   <form method="post" id="insert_form">
    <div class="table-repsonsive">
     <span id="error"></span>
     <table class="table table-bordered" id="item_table">
      <tr>

			 <th>Batch Number</th>
       <th>Batch Quantity</th>
       <th>Expiry Date</th>
       <th>Shelf Life</th>
       <th>AMC</th>
       <th>MOS</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', 'id'=>'save', 'onclick' => 'submit()')) }}
     </div>
    </div>
    </div>
   </form>
</div>
</div>
</div>
<script>
$( function() {
	$( "#datepicker" ).datepicker();
} );

$(document).ready(function(){

 $(document).on('click', '.add', function(){
  var html = '';
  html += '<tr>';
  html += '<td><input id="btno" type="text" name="batch_number[]" class="form-control batch_number"/></td>';
  html += '<td><input id="btqty" type="text" name="batch_quantity[]" class="form-control batch_quantity"/></td>';
  html += '<td><input type="text" id="datepicker" name="datepicker[]" class="form-control datepicker"/></td>';
  html += '<td><input id="shelf_life" type="text" name="shelf_life[]" class="form-control shelf_life"/></td>';
	html += '<td colspan="1" style="background-color: #777777;"></td>';
	html += '<td colspan="1" style="background-color: #777777;"></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();
 });

let inputs = document.querySelectorAll("#warehouse, #item_code,#commodity, #btno, #btqty, #expiry_date, #shelf_life, #tqty");
var savebtn = document.querySelector('#save')
savebtn.disabled = true

for (i = 0; i < inputs.length; i++) {
  inputs[i].addEventListener('input',() => {
    let values = []
    inputs.forEach(v => values.push(v.value))
    savebtn.disabled = values.includes('')
  })
}


$(".expiry_date").datepicker({
	maxDate: 0
});
//Date picker
$('#expiry_date').datepicker({
	autoclose: true
})

 $('#insert_form').on('submit', function(event){
  event.preventDefault();
  var error = '';
  $('.warehouse').each(function(){
   var count = 1;

   if($(this).val() == '')
   {
    error += "<p>Select Warehouse"+count+" Row</p>";
    return false;
   }
   count = count + 1;
  });

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

  $('.qty').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')
     {
      $('#warehouse').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>');
  }
 });

});
$("#total_quantity").keyup(function() {
	if( $.isNumeric( parseInt( $("#batch_quantity").val()))   )
	{
		$("#total_quantity").val( parseInt($("#batch_quantity").val()) + parseInt($("#batch_quantity").val()) );
	}
});
</script>
@stop