@extends('layout.base', ['title' => 'StockApps - Nouvel Achat'])

@section('content')

 <!-- /. NAV SIDE  -->
<div id="page-wrapper" >
<div id="page-inner">
    <div class="row">
        <div class="col-md-12">
        <h2 style="color: #E45;font-weight: bold;">APPROVISIONNEMENT</h2>  
            <h5>Nouvel Approvisionnement </h5>
           
        </div>
    </div>
     <!-- /. ROW  -->
     <hr />
   <div class="row">
    <div class="col-md-12">
        <!-- Form Elements -->
        <div class="panel panel-default">
            <div class="panel-heading">
                             Ajout d'un Approvisionnement
                             <a href="{{ route('Approv.index') }}" style="text-decoration: none;color: white">
                             <div class="btn btn-info pull-right"  style="margin-top: -5px">
                            <i class="fa fa-book"></i> Liste des Approv
                            </a>
                        </div>
                   
                </div>
          
            <div class="panel-body">
                <div class="row">
                            <form action="{{ route('Approv.store')}}" method="POST" enctype="multipart/form-data">
                               {{ csrf_field() }}
                               {{ method_field('POST') }}
                             
                     <div class="col-md-6">                       
               
                            <fieldset>
                                  <div class="form-group">
                                    <label for="disabledSelect">Categorie</label>
                                    <select class="form-control" name="Categorie" id="Categorie" onchange="getPoduit(this)">
                                        <option>-- Selectionner la Categorie --</option>
                                        @foreach($Categorie as $Cat)
                                           <option value="{{$Cat->id}}">{{ $Cat->Categorie}}</option>
                                        @endforeach
                                    </select>
                                   
                                </div>
                            </fieldset>
                        </div>

                     <div class="col-md-6">                       
                            <fieldset>
                                  <div class="form-group">
                                    <label for="disabledSelect">Produit</label>
                                    <input type="text" name="prodReas" id="prodReas"  class="form-control" style="display: none" oninput="research(this)">
                                    <select class="form-control" name="Produit" id="Produit">
                                        <option>-- Selectionner le Produit --</option>
                                       
                                    </select>
                                   
                                </div>
                            </fieldset>
                        </div>
                        
                        <div class="col-md-6">
                                <div class="form-group">
                                    <label for="disabledSelect">Quatite </label>
                                    <input type="number" name="quantite" placeholder="Entrer la quatite" class="form-control">
                                   
                                </div>
                              
                           
                        </div>
                         <div class="col-md-6">
                                <div class="form-group">
                                    <label for="disabledSelect">Prix Unitaire</label>
                                    <input type="number" name="prixUnite" placeholder="Entrer la quatite" class="form-control">
                                </div>
                        </div>
                         <div class="col-md-6">
                                <div class="form-group">
                                    <label for="disabledSelect">Date d'Expiration</label>
                                    <input type="date" name="dateExp" placeholder="Entrer la quatite" class="form-control">
                                </div>
                        </div>

                       <!-- <div class="col-md-6">
                        <div class="form-group">
                            <label>Telecharger </label>
                            <input type="file" name="image" value="" />
                            </div>
                        </div>     -->

                        <div class="col-md-6">
                          <div class="form-group">
                                   <label for="disabledSelect"></label> 
                                <input class="btn btn-info"  type="submit" value="Enregistrer"  />
                            </div>
                        </div>
                        </form>






@stop

<script type="text/javascript">
   function getPoduit(va){
     var id_categorie= $(va).val();

      $.get('{{ route('getProduit') }}',
          {id_categorie:id_categorie},
          function(data){
            $('#Produit').html(data);
            $("#prodReas").css('display','block');
          });
   }

   function research(va){
     var produit= $(va).val();
     var id_categorie= $("#Categorie").val();
      $.get('{{ route('research') }}',
          {produit:produit,id_categorie:id_categorie},
          function(data){
            $("#prodReas").css('display','block');
            $('#Produit').html(data);
          });
   }
</script>