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

@section('content')

 <!-- /. NAV SIDE  -->
<div id="page-wrapper" >
<div id="page-inner">
    <div class="row">
        <div class="col-md-12">
        <h2 style="color: blue;font-weight: bold;">EXCLUSIONS</h2>  
            <h5>Ajouter d'une exclusion </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'une exclusion
                             <a href="{{ route('Exclusions.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 de Produits exclus
                            </a>
                        </div>
                   
                </div>
          
            <div class="panel-body">
                <div class="row">
                     <div class="col-md-6">
                       
                       <form action="{{ route('Exclusions.store')}}" method="POST">
                               {{ csrf_field() }}
                               {{ method_field('POST') }}
                             <!-- <input type="hidden" name="_method" value="PUT"> -->
                            <fieldset>
                                <div class="form-group">
                                    <label for="disabledSelect">Categorie</label>
                                    <select class="form-control" name="categorie" id="Categorie" onchange="getPoduit(this)">
                                        <option disabled="disabled" selected="selected">-- Selectionner la categorie --</option>
                                        @foreach ($Categorie as $cat)
                                        
                                        <option value="{{ $cat->id }}" >{{ $cat->Categorie }}</option>
                                
                                      @endforeach
                                    </select>
                                </div>

                                <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 disabled="disabled" selected="selected">-- Selectionner le Produit --</option>
                                        @foreach ($Produits as $Produit)
                                        
                                        <option value="{{ $Produit->id }}" >{{ $Produit->Produit }} {{ $Produit->Propriete }}</option>
                                      @endforeach
                                    </select>
                                </div>

                                       <div class="form-group">
                                            <label>Vente:</label>
                                            <select class="form-control" name="TypeVente" id="TypeVente">
                                              @foreach($UniteVentes as $UniteVente)  
                                                <option value="{{ $UniteVente->id}}">{{ $UniteVente->TypeVente}}</option>
                                               @endforeach 
                                            </select>
                                        </div>
                          
                                <div class="form-group">
                                    <label for="disabledSelect">Quantite</label>
                                    <input class="form-control"  type="text" placeholder=""  name="Quantite" required="required"  />
                                </div>

                                <div class="form-group">
                                    <label for="disabledSelect">Motif</label>
                                    <textarea class="form-control" name="Motif">
                                        
                                    </textarea>
                                </div>

                                <div class="form-group">
                                    
                                    <input class="btn btn-info"  type="submit" value="Enregistrer"  />
                                </div>
                            </fieldset>
                        </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);
          });
   }

    function getTypeVente(va){
     var idProduit= $(va).val();

      $.get('{{ route('getTypeVente') }}',
          {idProduit:idProduit},
          function(data){
            $('#TypeVente').html(data);
          });
   }
</script>