<!-- ------------- Modal pour la liste des commandes en cours ---------------------- -->

<div class="modal fade" id="listeCommandesModal" tabindex="-1" aria-labelledby="listeCommandesModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5" id="listeCommandesModalLabel">Commande de produit</h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <form action="">
            {% csrf_token %}
            <div class="mb-3">
                <label for="produit" class="form-label">Produit</label>
                <input type="text" class="form-control" id="produitCommande" readonly>
            </div>
            <div class="mb-3">
                <label for="quantite" class="form-label">Fournisseur :</label>
                <input type="text" class="form-control" id="fournisseur" readonly>
            </div>
            <div class="mb-3">
                <label for="motifs" class="form-label">Quantité</label>
                <input class="form-control" id="quantiteCommande" readonly></input>
            </div>
            <div class="mb-3">
                <label for="date_commande" class="form-label">Date de commande</label>
                <input type="date" class="form-control" id="date_commande" readonly>
            </div>
            <div class="mb-3">
                <label for="date_livraison" class="form-label">Date de Livraison</label>
                <input type="date" class="form-control" id="date_livraison" readonly>
            </div>
            <hr>
            <h6 class="text-center">Confirmation de la livraison du produit</h6>
            <div class="form-check form-switch">
                <input class="form-check-input" type="checkbox" role="switch" id="produit_livre">
                <label class="form-check-label" for="produit_livre">Le produit a été livré</label>
            </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
        <button type="button" class="btn btn-primary" id="enregistrerModifsCommande" data-url="{% url 'enregistrer_livraison_produit' %}">Enregistrer les modifications</button>
      </div>
    </div>
  </div>
</div>