<!-- ---------------------------------------- Modal confirmer sortie de la voiture -----------------------  -->
 <div class="modal fade" id="confirmerDemandeModal" tabindex="-1" aria-labelledby="confirmerDemandeModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5" id="confirmerDemandeModalLabel">Détail de la demande</h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <form action="{% url 'gestion_vehicule:statut_demande' %}" method="post">
            {% csrf_token %}
            <h5 class="text-center">Décision du logistique</h5>
            <div class="d-flex justify-content-around">
              <div class="form-check">
                  <input class="form-check-input" type="radio" name="radioValider" id="radioValider" value="Valider">
                  <label class="form-check-label" for="radioValider">
                      Valider la demande
                  </label>
              </div>
              <div class="form-check">
                  <input class="form-check-input" type="radio" name="radioValider" id="radioRefuser" value="Refuser">
                  <label class="form-check-label" for="radioRefuser">
                      Refuser la demande
                  </label>
              </div>
            </div>
            <div id="affichage-formulaire">
              <h5 class="text-center mt-3">Détail de la demande</h5>
                <input type="hidden" name="id-demande" id="id-demande">
                <div class="form-group mt-2">
                    <label for="">Nom du passager :</label>
                    <input type="text" class="form-control" id="nom-passager" readonly>
                </div>
                <div class="form-group mt-2">
                    <label for="">Lieu de départ</label>
                    <input type="text" class="form-control" id="lieu-depart" readonly>
                </div>
                <div class="form-group mt-2">
                    <label for="">Lieu d'arrivé :</label>
                    <input type="text" class="form-control" id="lieu-arrivee" readonly>
                </div>
                <div class="form-group mt-2">
                    <label for="">Date et heure de départ :</label>
                    <input type="text" class="form-control" id="date-heure-depart" readonly>
                </div>
                <h5 class="text-center mt-3">Attribution</h5>
                <div class="form-group">
                    <label for="">Véhicule : </label>
                    <select name="vehicule" id="vehicule" class="form-select"></select>
                </div>
                <div class="form-group mt-2">
                    <label for="">Chauffeur :</label>
                    <select name="chauffeur" id="chauffeur" class="form-select"></select>
                </div>
                <!-- <h5 class="text-center mt-3">Fin de course</h5>
                <div class="form-check">
                  <input class="form-check-input" name="course_termine" type="checkbox" role="switch" id="courseTermine">
                  <label class="form-check-label" for="courseTermine">Course terminée</label>
                </div>
                <div class="form-group mt-2">
                    <label for="">Date et heure de retour :</label>
                    <input type="datetime-local" name="date_heure_retour" id="date_heure_retour" class="form-control">
                </div> -->
            </div>
            <div class="form-group mt-2" id="refus">
                <label for="">Motifs du refus :</label>
                <textarea class="form-control" name="motif" id="motif-refus"></textarea>
            </div>
            <div class="modal-footer" id="validation-sortie-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
                <button type="submit" class="btn btn-primary" id="demanderValiderEnregistrer">Enregistrer</button>
            </div>
        </form>
      </div>
    </div>
  </div>
</div>
