@extends('layout.base', ['title' => 'StockApps - Affichage Unité Vente'])

@section('content')
        <div id="page-wrapper" >
            <div id="page-inner">
                <div class="row">
                  <div class="col-md-12">
                      <h2 style="color: #E45;font-weight: bold;"> LES PRODUITS AYANT UNITE DE VENTE {{ $TypeVente->TypeVente}} </h2>   
                       
                   </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 Produit a une unite de vente
                        </div>
                        <div class="panel-body">
                            <div class="row">
                                
                                    <form role="form" method="POST" action="{{ route('ProduitUniteVentes.store')}}">
                                      {{ csrf_field() }}
                                     <div class="col-md-12">
                                        <div class="form-group">
                                            <input class="form-control" readonly="" name="TypeVente" value="{{ $TypeVente->id }}" style="display: none;" />
                                        </div> 

                                        <div class="col-md-3">
                                         <label>Unité Vente</label>  
                                           <div class="form-group">
                                            <input class="form-control" readonly="" name="NomTypeVente" value="{{ $TypeVente->TypeVente }}"/>
                                           </div> 
                                        </div>

                                     <div class="col-md-3"> 
                                       <div class="form-group">
                                            <label>Categorie Produit</label>
                                            <select class="form-control" id="Categorie" name="Categorie" onchange="getPoduit(this)">
                                              <option selected="selected" disabled="disabled">Selectionner la categorie</option>
                                               @foreach($Categories as $Cat)
                                               <option value="{{ $Cat->id }}">{{ $Cat->Categorie}}</option>
                                               @endforeach
                                            </select>
                                        </div>
                                      </div>
                                      
                                      <div class="col-md-3">
                                       <div class="form-group">
                                            <label>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">
                                            
                                            </select>
                                        </div>
                                      </div>

                                      <div class="col-md-3">
                                       <div class="form-group">
                                            <label>Qte/UV</label>

                                            <input type="number"  class="form-control" placeholder="Quantite" name="Qte" value="{{ old('Qte') }}" min="1">

                                            {!! $errors->first('Qte', '<span class="error">:message</span>') !!}
                                        </div>
                                      </div>
      
                                       <div class="col-md-3">
                                        <div class="form-group">
                                            <label>PU/UV</label>
                                            <input class="form-control" placeholder="PU" name="PU" value="{{ old('PU') }}" />

                                            {!! $errors->first('PU', '<span class="error">:message</span>') !!}
                                        </div>
                                       </div>
                                       <div class="col-md-12">
                                        <button type="submit" name="Suivant" class="btn btn-primary">Ajouter</button>
                                        </div> 
                                     </div>
                                    </form>
                                    <br />                   
                            </div> 
                            </div>
                        </div>
                    </div>
                     <!-- End Form Elements -->
                </div>


                                <!-- /. ROW  -->
            <div class="row">
                <div class="col-md-12">
                   
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            Liste de produit ayant unité de vente {{ $TypeVente->TypeVente}}
                        </div>
                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-hover">
                                    <thead>
                                        <tr>
                                            <th>Produit</th>
                                            <th>Unite Vente</th>
                                            <th>PU/UV</th>
                                            <th>Qte/UV</th>
                                            <th>Fait le:</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    <tbody>
                                                                           </tbody>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                   
                </div>
            </div>
            </div>
    </div>
             <!-- /. PAGE INNER  -->
            </div>
         <!-- /. PAGE WRAPPER  -->
@endsection 

<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>