@extends('layouts.appadmin')
<style>
  .modal-title-custom {
  font-size: 1.5rem; /* Tu peux ajuster la taille de la police selon ton besoin */
}
</style>
@section('content')
<div class="content-wrapper">
    <div class="content-header">
        <div class="container-fluid">
          <!-- Button trigger modal -->
      
            <div class="row mb-2">
                <div class="col-sm-12">
           
                    <h3 class="font-weight-bold">Liste A: rticles du Categorie : {{$topcat->topcat}}</h3>
                    <h3 class="font-weight-bold">Articles:{{$produitstot->count()}}</h3>
                    <a href="{{ asset('createproduit') }}" class="btn btn-success">
    <i class="fas fa-plus"></i> Ajouter nouveau article
</a>


            

         <form id="search-form" class="mb-3" method="Get" action="{{asset('/searchepc/'.$topcat->id)}}">        
    <div class="input-group">
        <input name="search" type="text" id="search" class="form-control" placeholder="Rechercher par référence" value="{{ request('search') }}">
        <button class="btn btn-success" type="submit">Chercher</button>
    </div>
</form>


                    <section class="content">
                        <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-header bg-info">
                                        <h4 class="text-white font-weight-bold"><i class="fas fa-users"></i> Liste Produits</h4>
                                    
                                      </div>

                                    <div class="card-body">
                                        <div class="table-responsive">
                                            <table class="table table-bordered" cellspacing="0" width="100%">
                                                <thead>
                                                    <tr>
                                                        <th>ID</th>
                                                        <th>Désignation</th>
                                                        <th>Prix de Vente</th> 
                                                        <th>Quantité</th>
                                                       
                                                        <th>mouvement</th>
                                                        <th>alimenter</th>
                                                        <th>Action</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    @foreach($produits as $produit)
                                                    <tr>
                                                        <td>{{ $produit->id }}</td>
                                                        <td><a class="text-primary font-weight-bold" href="">{{ $produit->nom }}</a></td>
                                                        <td class="text-success font-weight-bold">{{ $produit->prixvents }}</td>
                                                        <td>{{ $produit->stock }}</td>
                                                  

                                                        <td>  
                                            <a href="{{ asset('entrer/'.$produit->id) }}" class="btn btn-success btn-icon" title="Entrer">
                                                <i class="fas fa-plus"></i>
                                            </a>
                                            <a href="{{ asset('sortie/'.$produit->id) }}" class="btn btn-warning btn-icon" title="Sortir">
                                                <i class="fas fa-minus"></i>
                                            </a>
                                        </td>

                                        <!-- Inventaire -->
                                        <td>
<!-- Bouton alimenter remplacé par une icône -->
<button type="button" class="btn btn-primary btn-icon" data-toggle="modal" data-target="#exampleModal{{ $produit->id }}" title="Alimenter">
    <i class="fas fa-box-open"></i>
</button>


<!-- Modal -->
<div class="modal fade" id="exampleModal{{ $produit->id }}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Alimenter : {{ $produit->id }}</h5>
        <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="{{asset('qtyupdat/'.$produit->id)}}" enctype="multipart/form-data">

          @csrf  
          
            
              <div class="form-group">
              <label for="exampleInputEmail1">qty</label>
              <input  name="qty" type="text" class="form-control" placeholder="Enter categorie">
              </div>  
     
          
          
          
          <button type="button" class="btn btn-secondary" data-dismiss="modal">quitter</button>
            <button type="submit" class="btn btn-warning float-right">modifier</button> 
          </form>
      </div>
 
    </div>
  </div>
<
                                        </td>
                                                        <td>
                                                       
<button class="btn btn-primary btn-icon" data-toggle="modal" data-target="#modal-edit-{{$produit->id}}" title="Modifier">
    <i class="fas fa-edit"></i>
</button>


                                <!-- Modal d'édition -->
                                <div class="modal fade" id="modal-edit-{{$produit->id}}" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
                                  <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                      <div class="modal-header">
                                        <h5 class="modal-title" id="modalLabel">Modifier le produit</h5>
                                        <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="{{asset('updatproduit/'.$produit->id)}}" enctype="multipart/form-data">      
                                          @csrf
                                          <div class="row">
                                            <!-- Désignation -->
                                            <div class="col-md-6">
                                              <div class="form-group">
                                                <label for="designation">Désignation</label>
                                                <input name="nom" value="{{$produit->nom}}" type="text" class="form-control" placeholder="Désignation">
                                              </div>
                                            </div>

                                            <!-- Référence -->
                                            <div class="col-md-6">
                                              <div class="form-group">
                                                <label for="reference">Référence</label>
                                                <input name="ref" value="{{$produit->ref}}" type="text" class="form-control" placeholder="Référence">
                                              </div>
                                            </div>
                                       

                                            <!-- Catégorie -->
                                            <div class="col-md-6">
                                              <div class="form-group">
                                                <label for="categorie">Catégorie</label>
                                                <select name="cat" class="form-control">
                                                @foreach($categories as $cat)
    <option value="{{$cat->id}}" {{$cat->id == $produit->topcat_id ? 'selected' : ''}}>{{$cat->topcat}}</option>
@endforeach
                                                </select>
                                              </div>
                                            </div>

                                        <div class="col-md-6">
                                              <div class="form-group">
                                                <label for="categorie">taille</label>
                                                <select name="taille" class="form-control" id="exampleFormControlSelect1">
                                                  @foreach($tailles as $taille)
                                                  <option value="{{$taille->id}}">{{$taille->taille}}</option>
     
                                                     @endforeach
                                                         </select>
                                              </div>
                                            </div>
                                                <div class="col-md-6">
                                              <div class="form-group">
                                                <label for="categorie">couleur</label>
                                                <select name="couleur" class="form-control" id="exampleFormControlSelect1">
                                                  @foreach($couleurs as $coleur)
                                                  <option value="{{$coleur->id}}">{{$coleur->couleur}}</option>
     
                                                     @endforeach
                                                         </select>
                                              </div>
                                            </div>
                                 

                                            <!-- Prix Achat -->
                                            <div class="col-md-6">
                                              <div class="form-group">
                                                <label for="prixAchat">Prix Achat</label>
                                                <input name="prixun" value="{{$produit->prixun}}" type="text" class="form-control" placeholder="Prix Achat">
                                              </div>
                                            </div>

                                            <!-- Prix Vente -->
                                            <div class="col-md-6">
                                              <div class="form-group">
                                                <label for="prixVente">Prix de Vente</label>
                                                <input name="prixvente" value="{{$produit->prixvents}}" type="text" class="form-control" placeholder="Prix de Vente">
                                              </div>
                                            </div>

                                            <!-- Quantité -->
                                            <div class="col-md-6">
                                              <div class="form-group">
                                                <label for="quantite">Quantité</label>
                                                <input name="qty" value="{{$produit->stock}}" type="text" class="form-control" placeholder="Quantité">
                                              </div>
                                            </div>
                                               <div class="col-md-6">
                                              <div class="form-group">
                                                <label for="quantite">min Quantité</label>
                                                <input name="minqty" value="{{$produit->minqty}}" type="text" class="form-control" placeholder="Quantité">
                                              </div>
                                            </div>
                                            <!-- Image -->
                                            <div class="col-md-6">
                                              <div class="form-group">
                                                <label for="image">Image</label>
                                                <input type="file" name="image" class="form-control">
                                              </div>
                                            </div>
                                          </div>
                                          <div class="modal-footer">
                                            <button type="submit" class="btn btn-success">Enregistrer</button>
                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                                          </div>
                                        </form>
                                      </div>
                                    </div>
                                  </div>
                                </div>


 <button class="btn btn-success btn-icon" data-toggle="modal" data-target="#modal-edite-{{$produit->id}}" title="Détails">
    <i class="fas fa-info-circle"></i>
</button>

<!-- Modal d'édition -->
<div class="modal fade" id="modal-edite-{{$produit->id}}" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
      <h5 class="modal-title modal-title-custom" id="modalLabel">Détail du Produit:{{$produit->nom}}</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <!-- Carte de présentation du produit -->
        <div class="card">
          <div class="card-body d-flex">
            <!-- Informations à gauche -->
            <div class="col-md-6">
            
              <p><strong>Référence:</strong> {{$produit->ref}}</p>
              <p><strong>Catégorie:</strong> {{$produit->topcat->topcat}}</p>
            
              <p><strong>Prix Achat:</strong> {{$produit->prixun}} MAD</p>
              <p><strong>Prix de Vente:</strong> {{$produit->prixvente}} MAD</p>
              <p><strong>Quantité en Stock:</strong> {{$produit->stock}}</p>
              <p><strong>Commentair:</strong> {{$produit->com}}</p>
              <p><strong>Date de Facture:</strong> {{$produit->nb}}</p>
            </div>

            <!-- Image à droite -->
            <div class="col-md-6 text-center">
              <img src="{{ asset('img/'.$produit->img) }}" alt="Image du Produit" class="img-fluid" style="max-width: 250px;">
            </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
      </div>
    </div>
  </div>
</div>

<a href="{{ asset('deleteproduit/'.$produit->id) }}" class="btn btn-danger btn-icon" title="Supprimer">
    <i class="fas fa-trash"></i>
</a>

</div>
                              </td>
                           
                                                    </tr>
                                                    @endforeach
                                                </tbody>
                                            </table>

                                            <!-- Pagination stylisée avec Bootstrap -->
                                            <div class="d-flex justify-content-center mt-4">
                                                {{ $produits->links('pagination::bootstrap-4') }}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

<script src="{{ asset('dash/plugins/jquery/jquery.min.js') }}"></script>