@extends('layouts.app')




@section('content')

@if(session()->has('message'))
    <div class="alert alert-danger">
        {{ session()->get('message') }}
    </div>
@endif


<h1 align="center">Register new item in Stock</h1>
<h4 align="center">"Product Name" is required!</h4>
	<hr>


	{!! Form::open(['method'=>'POST', 'action'=> 'StockController@store', 'files'=>true]) !!}

<table align="center" width="800px" cellpadding="10">
  <tbody>
    <tr>
      <td width="300"><label for="title">Product Group:</label>
                <select name="prodgroup" class="form-control">
                    <option value="">--- Select ---</option>
                    @foreach ($prodgroup as $key => $value)
                        <option value="{{ $key }}">{{ $value }}</option>
                    @endforeach
                </select></td>
      <td width="300">{!! Form::label('SubGroup', 'Select Sub-Group:') !!}
                <select name="SubGroup" class="form-control">
                </select></td>    
        
    </tr>
     <tr>
          <td width="300">
			{!! Form::label('productname', 'Product Name:') !!}
		{!! Form::text('productname', null, ['class'=>'form-control', 'requierd'])!!}
</td>
      <td width="300">
			{!! Form::label('location', 'Location:') !!}
		{!! Form::text('location', null, ['class'=>'form-control'])!!}
</td> 
         <td>
       
        
        </td>
   </tr> 
      <tr>       
         <td width="300">
			{!! Form::label('stock', 'Stock:') !!}
		{!! Form::number('stock', '0', ['class'=>'form-control', 'step'=>'any'])!!}
</td>    
   
     
      
          <td width="300">
          {!! Form::label('minimum_stock', 'Minimum Stock:') !!}
		{!! Form::text('minimum_stock', 0, ['class'=>'form-control',])!!}
              
</td>
            
          
           </tr>
      <tr>
        <td colspan="3" align="center">&nbsp;</td>
      </tr>
      <tr>
        <td colspan="3" align="center">{!! Form::submit('Register item', ['class'=>'btn btn-primary']) !!} </td>
      </tr> 
      
  </tbody>
</table>

   <br>


	
	</div>	

	{!! Form::close() !!}

        
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script type="text/javascript">
	$.ajaxSetup({
  headers: {
    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  }
});
    $(document).ready(function() {
        $('select[name="prodgroup"]').on('change', function() {
            var id = $(this).val();
            if(id) {
                $.ajax({
					url: 'myform/ajax/'+id,
                    type: "GET",
                    dataType: "json",
                    success:function(data) {

                       
                        $('select[name="SubGroup"]').empty();
                        $.each(data, function(key, value) {
                            $('select[name="SubGroup"]').append('<option value="'+ key +'">'+ value +'</option>');
                        });
					}
				});
               }else{
                $('select[name="SubGroup"]').empty();
			   }
			});
			});
		
</script>
        






@stop