@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;">ARTICLES</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 Articles
                              <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 d'un Produit </button>

                            
                            
                        </div>
                        </div>

                        <div class="panel-body">
                            <div class="table-responsive">
                                <table class="table table-striped table-hover" id="dataTables-example">
                                    <thead>
                                        <tr>
                                            <th>Code</th>
                                            <th>Description</th>
                                            <th>Categorie</th>
                                            <th>Cout Achat</th>
                                            <th>Prix Vente</th>
                                            <th>Taxe</th>
                                            <th>Unité Mesure</th>
                                            <th>Note Article</th>
                                            <th>Auteur</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                       @foreach($results as $result)
                                           <tr>
                                            <td>{{$result->Code}}</td>
                                            <td>{{$result->Description}}</td>
                                            <td>{{$result->Categorie}}</td>
                                            <td>{{$result->Coutachat}}</td>
                                            <td>{{$result->Prixvente}}</td>
                                            <td>{{$result->Taxe}}</td>
                                            <td>{{$result->Unitemesure}}</td>
                                            <td>{{$result->Notearticle}}</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 ARTICLE</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('Article.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>Code Article</label>
                          <div class="form-inline">
                            <input type="text" name="Code" class="form-control" value="{{old('Code')}}"> 
                          </div>

                         <label>Description</label>
                          <div class="form-inline">
                            <textarea name="Description" class="form-control" >{{old('Description')}}</textarea>

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


                          <label>Categorie</label>
                          <div class="form-inline">
                            <select name="Categorie" class="form-control">
                                <option></option>
                                @foreach($categories as $categorie)
                                  <option value="{{$categorie->Code}}">{{$categorie->Code}}</option>
                                @endforeach
                            </select>

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

                           <label>Cout Achat</label>
                          <div class="form-inline">
                            <input type="number" name="Coutachat" class="form-control" value="{{old('Coutachat')}}" min="1">

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


                      <div class="col-md-6">

                          <label>Prix Vente</label>
                          <div class="form-inline">
                            <input type="number" name="Prixvente" class="form-control" value="{{old('Prixvente')}}" min="1"> 

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


                           <label>Taxe</label>
                          <div class="form-inline">
                            <select name="Taxe" class="form-control">
                                <option></option>
                                @foreach($taxes as $taxe)
                                   <option value="{{$taxe->id}}">{{$taxe->Taxe}}</option>
                                @endforeach
                            </select>

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


                           <label>Unite Mesure</label>
                          <div class="form-inline">
                            <input type="text" name="Unitemesure" class="form-control" value="{{old('Unitemesure')}}">

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


                           <label>Note Article</label>
                          <div class="form-inline">
                            <textarea name="Notearticle" class="form-control">
                                 {{old('Nom')}}
                            </textarea> 
                               {!! $errors->first('Notearticle', '<span class="error">:message</span>') !!}
                          </div>
                      </div> 
                    </div><br />

                     <div class="col-md-12" style="text-align: center;">
                         <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>
                      </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>