@extends('layout.base', ['title' => 'StockApps - Tableau De Bord'])
@section('content')
              <div id="page-wrapper" >
            <div id="page-inner">
                <div class="row">
                  <div class="col-md-5">
                               <div class="form-group">
                                    <label>Individu</label>
                                    <input type="text" id="prodReas"  class="form-control" style="" oninput="myFunction(this.value)">
                                </div>
                            </div>
                 @if(session()->get('Profil') == 'User')
                  <div class="col-md-7">
                     <form method="POST" action="{{ route('PdfListeAffilie')}}" target="blank">
                        {{ csrf_field() }}
                        <div class="row" style="width:100%;">
                            <div class="col-md-5">
                              <div class="form-group">
                                 <label>ORIGINE</label>
                                 <select class="form-control" name="Origine">
                                    <!--option></option-->
                                    @foreach($Origines as $Origine)
                                      <option value="{{ $Origine->id}}"> {{ $Origine->Origine}}</option>
                                     @endforeach 
                                 </select>
                                </div>
                            </div>

                            <div class="col-md-2">
                                <div class="form-group">
                                <label style="visibility: hidden;">Rech</label>
                                <button type="submit" class="btn btn-primary">Imprimer</button>
                                </div> 
                            </div>
                        </div>
                     </form> 
                  </div>
                  @endif
                </div>
               <hr />
                 <!-- /. ROW  -->
                 
                 
                 
             <div class="row">
                <div class="col-md-12">
                
                    <div class="panel panel-default">
                        <div class="panel-heading">
                           Liste des Affiliers

                             @if(session()->get('Profil') == 'User')
                            <a href="{{ route('Affiliers.create') }}" style="text-decoration: none;color: white">
                             <div class="btn btn-info pull-right"  style="margin-top: -5px">
                            <i class="fa fa-plus"></i> Ajouter un Affilier
                            </a>

                             @endif
                        </div>
                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-striped table-bordered table-hover" id="dataTables-example">
                                    <thead>
                                        <tr>
                                            <th>Code</th>
                                            <th>Nom</th>
                                            <th>Prenom</th>
                                            <th>Origine</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody id='Produit'>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
        
        
            
    </div>
             <!-- /. PAGE INNER  -->

@endsection 
<script type="text/javascript">
function myFunction(value){
    var affilie= value;
    $.get('{{ route('researchAffilier') }}',
          {affilie:affilie},
          function(data){
            $("#prodReas").css('display','block');
            $('#Produit').html(data);
          });
   }
</script>