<!-- Modal pour la modification des informations des produits -->
<div class="modal fade" id="modifierProduitModal" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5" id="modifierProduitTitre">Modifier un produit</h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div id="messageZone"></div>
      <div class="modal-body">
        <form id="modification-produit" data-url="{% url 'gestion_produit:enregistrement_modification_produit' %}" method="post" enctype="multipart/form-data">
          {% csrf_token %}
          <input type="hidden" id="modifIdProduit" name="id_produit">
          <div class="form-group mb-2">
            <label for="" class="form-label">Libellé :</label>
            <input type="text" class="form-control" id="modifLibelle" name="libelle">
          </div>
          <div class="form-group mb-2">
            <label for="" class="form-label">Quantité stock :</label>
            <input type="number" class="form-control" id="modifQuantiteStock" name="quantite_stock">
          </div>
          <div class="form-group mb-2">
            <label for="" class="form-label">Conditionnement :</label>
            <select id="modifCondi" class="form-select" name="conditionnement">
              <option value="boite">Boite</option>
              <option value="paquet">Paquet</option>
              <option value="piece">Pièce</option>
              <option value="rouleau">Rouleau</option>
              <option value="carton">Carton</option>
            </select>
          </div>
          <div class="form-group mb-2">
            <label for="" class="form-label">Seuil de pré-rupture :</label>
            <input type="number" class="form-control" id="modifSeuilPreRupture" name="seuil_pre_rupture">
          </div>
          <div class="form-group mb-2">
            <label for="" class="form-label">Catégorie :</label>
            <select id="modifCategorie" class="form-select" name="categorie"></select>
          </div>

          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
          <button type="submit" class="btn btn-outline-primary">Enregistrer</button>
        </form>
      </div>
    </div>
  </div>
</div>