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

<div class="modal fade" id="listeDemandesModal" tabindex="-1" aria-labelledby="listeDemandesModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5" id="listeDemandesModalLabel">Demande de produit</h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <form action="">
            <div class="mb-3">
                <label for="produit" class="form-label">Demandeur :</label>
                <input type="text" class="form-control" id="demandeur" readonly>
            </div>
            <div class="mb-3">
                <label for="produit" class="form-label">Produit</label>
                <input type="text" class="form-control" id="produit" readonly>
            </div>
            <div class="mb-3">
                <label for="quantite" class="form-label">Quantité</label>
                <input type="number" class="form-control" id="quantite" readonly>
            </div>
            <div class="mb-3">
                <label for="motifs" class="form-label">Motifs</label>
                <textarea class="form-control" id="motifs" rows="3" readonly></textarea>
            </div>
            <div class="mb-3">
                <label for="date_demande" class="form-label">Date de mise à disposition souhaitée :</label>
                <input type="date" class="form-control" id="date_demande" readonly>
            </div>
            <div class="mb-3">
                <label for="a_rendre" class="form-label">À rendre ?</label>
                <input type="checkbox" class="form-check-input" id="a_rendre" disabled>
            </div>
            <div class="mb-3">
                <label for="">Valider par le supérieur hiérarchique</label>
                <input type="checkbox" class="form-check-input" id="valider_par_chef" disabled>
            </div>
            <hr>
            <h6 class="text-center">Décision de la logistique</h6>
            <div class="d-flex justify-content-around mb-3">
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="radioDefault" id="radioValider">
                    <label class="form-check-label" for="radioValider">
                        Valider la demande
                    </label>
                    </div>
                    <div class="form-check">
                    <input class="form-check-input" type="radio" name="radioDefault" id="radioRefuser" data-url="{% url 'gestion_produit:update-demande' %}">
                    <label class="form-check-label" for="radioRefuser">
                        Refuser la demande
                    </label>
                </div>
            </div>
            <div class="mb-3 d-none" id="box-motif-refus">
                <label for="motifs_refus" class="form-label">Motifs de refus</label>
                <textarea class="form-control" id="motifs_refus" rows="3"></textarea>
            </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="enregistrerModifs">Enregistrer les modifications</button>
      </div>
    </div>
  </div>
</div>