@extends('layout.base', ['title' => 'StockApps - Liste Produits'])
@section('content')

 <!-- /. NAV SIDE  -->
<div id="page-wrapper" onload="A()">
<div id="page-inner">
    <div class="row">
        <div class="col-md-12">
         <h2 style="color: blue;font-weight: bold;">CLIENTS</h2>   
                       
        </div>
    </div>
     <!-- /. ROW  -->
     <hr />
       
            <div class="row">
                <div class="col-md-12">
                    <!-- Advanced Tables -->
                    
                  
                    <div class="panel panel-default">
                        <div class="panel-heading">
                             Liste des Clients
                              <button class="btn btn-info pull-right" data-toggle="modal" data-target="#modal-default" style="text-decoration: none;color: white; margin-top: -5px"> <i class="fa fa-plus"></i> Ajouter un Client </button>

                            
                            
                        </div>
                        </div>

                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-hover" id="dataTables-example">
                                    <thead>
                                        <tr>
                                            <th>Nom</th>
                                            <th>P.Conctact Nom</th>
                                            <th>P.Conctact Prenom</th>
                                            <th>Telephone Principal</th>
                                            <th>Telephone Autre</th>
                                            <th>Adresse</th>
                                            <th>Auteur</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                       @foreach($results as $result)
                                           <tr>
                                            <td>{{$result->Nom}}</td>
                                            <td>{{$result->Personnecontactnom}}</td>
                                            <td>{{$result->Personnecontactprenom}}</td>
                                            <td>{{$result->Telephoneprincipal}}</td>
                                            <td>{{$result->Telephoneautre}}</td>
                                            <td>{{$result->Adresse}}</td>
                                            <td>{{$result->Auteur}}</td>
                                            <td></td>
                                        </tr>
                                       @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </div>


      <div class="modal fade" id="modal-default">
        <div class="modal-dialog modal-md">
          <div class="modal-content">
            <div class="modal-header">
              <h4 class="modal-title" style="text-align: center;">ENREGISTREMENT D'UN NOUVEAU CLIENT</h4>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
              <form method="POST" action="{{route('Clients.store')}}" enctype="multipart/form-data" onsubmit='return confirm("Etez - vous sur de cette Operation ?")'>
                {{ csrf_field() }}
                  <div class="card-body">
                    <div class="row">

                      <div class="col-md-6">
                        <label>Nom du Client</label>
                          <div class="form-inline">
                            <input type="text" name="Nom" class="form-control" value="{{old('Nom')}}"> 
                          </div>

                         <label>Personne Contact Nom</label>
                          <div class="form-inline">
                            <input type="text" name="Personnecontactnom" class="form-control" value="{{old('Personnecontactnom')}}"> 
                          </div>


                          <label>Personne Contact Prenom</label>
                          <div class="form-inline">
                            <input type="text" name="Personnecontactprenom" class="form-control" value="{{old('Personnecontactprenom')}}"> 
                          </div> 

                           <label>Telephone Principal</label>
                          <div class="form-inline">
                            <input type="text" name="Telephoneprincipal" class="form-control" value="{{old('Telephoneprincipal')}}"> 
                          </div> 


                           <label>Telephone Autre</label>
                          <div class="form-inline">
                            <input type="text" name="Telephoneautre" class="form-control" value="{{old('Telephoneautre')}}"> 
                          </div> 


                           <label>Email du Client</label>
                          <div class="form-inline">
                            <input type="email" name="Email" class="form-control" value="{{old('Email')}}"> 
                          </div> 


                           <label>Adresse du Client</label>
                          <div class="form-inline">
                            <input type="text" name="Adresse" class="form-control" value="{{old('Adresse')}}"> 
                          </div> 


                           <label>Ville du Client</label>
                          <div class="form-inline">
                            <input type="text" name="Ville" class="form-control" value="{{old('Ville')}}">
                          </div> 


                           <label>Province du Client</label>
                          <div class="form-inline">
                            <input type="text" name="Province" class="form-control" value="{{old('Province')}}"> 
                          </div> 

                          <label>Code Postal du Client</label>
                          <div class="form-inline">
                            <input type="text" name="Codepostal" class="form-control" value="{{old('Codepostal')}}"> 
                          </div> 

                          {!! $errors->first('action', '<span class="error">:message</span>') !!}
                      </div>


                      <div class="col-md-6">
                        <label>Pays du Client</label>
                          <div class="form-inline">
                            <input type="text" name="Pays" class="form-control" value="{{old('Pays')}}"> 
                          </div>

                         <label>Fax du Client</label>
                          <div class="form-inline">
                            <input type="text" name="Fax" class="form-control" value="{{old('Fax')}}"> 
                          </div>


                          <label>Adresse Courier du Client</label>
                          <div class="form-inline">
                            <input type="text" name="Adressecourier" class="form-control" value="{{old('Adressecourier')}}"> 
                          </div> 

                           <label>Adresse Expedition du Client</label>
                          <div class="form-inline">
                            <input type="text" name="Adresseexpedition" class="form-control" value="{{old('Adresseexpedition')}}"> 
                          </div> 


                           <label>Ville Expedition du Client</label>
                          <div class="form-inline">
                            <input type="text" name="Villeexpedition" class="form-control" value="{{old('Villeexpedition')}}"> 
                          </div> 


                           <label>Province Expedition du Client</label>
                          <div class="form-inline">
                            <input type="text" name="Provinceexpedition" class="form-control" value="{{old('Provinceexpedition')}}"> 
                          </div> 


                           <label>Code Postal Expedition du Client</label>
                          <div class="form-inline">
                            <input type="text" name="Codepostalexpedition" class="form-control" value="{{old('Codepostalexpedition')}}"> 
                          </div> 


                           <label>Pays Expedition du Client</label>
                          <div class="form-inline">
                            <input type="text" name="Paysexpedition" class="form-control" value="{{old('Paysexpedition')}}"> 
                          </div> 


                          <label>Representant Commercial du Client</label>
                          <div class="form-inline">
                            <select name="Representantcommercial" class="form-control">
                              <option value="1">1</option>
                            </select>
                             
                          </div> <br/>

                         <div class="card-footer">
                          <button type="submit" class="btn btn-success swalDefaultSuccess" onclick='return confirm("Etez -vous sur d\'effectuer cette Operation ?")'><i class="fas fa-save"></i> Enregistrer</button>

                           <button type="submit" class="btn btn-danger" onclick='return confirm("Etez -vous sur d\'effectuer cette Operation ?")'><i class="fas fa-save"></i> Annuler</button>
                        </div>

                          {!! $errors->first('action', '<span class="error">:message</span>') !!}
                      </div>
                    </div>
                  </div>

              </form>
            </div>
            <div class="modal-footer justify-content-between">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
          </div>
          <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
      </div>
    

@stop

<script type="text/javascript"> 

          // displaySuccess('SUCCESS','Voila!!!','success');
    // swal('SUCCESS','Voila!!!','success');
        // body...
 
    
</script>