@app.route("/ajouter_evenement", methods=["POST"])
def ajouter_evenement():
    connexionbd = ConnexionBD()
    evenementbd = EvenementBD(connexionbd)
    nom_evenement = request.form["nom_nouvel_evenement"]
    date_debut = request.form["date_debut_ajouter"]
    date_fin = request.form["date_fin_ajouter"]
    heure_debut = request.form["heure_debut_ajouter"]
    heure_fin = request.form["heure_fin_ajouter"]
    evenement = Evenement(None, None, nom_evenement, heure_debut, heure_fin, date_debut, date_fin)
    evenementbd.insert_evenement(evenement)
    return redirect(url_for("evenements_festival")) 
{% block styles %}
    <link rel="stylesheet" href="{{ url_for('static', filename='admin_evenements.css') }}">
{% endblock %}

{% block content %}
    <a id="retour" href="{{ url_for('menu_admin') }}" class="btn-retour">Retour</a>
    <h1>Les événements du festival</h1>
    <table>
        <thead>
            <tr>
                <th>id Evenement</th>
                <th>id Groupe</th>
                <th>nom Evenement</th>
                <th>heure de début</th>
                <th>heure de fin</th>
                <th>Date de début</th>
                <th>Date de fin</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for evenement in liste_evenements %}
                <tr>
                    <td>{{ evenement.get_idE() }}</td>
                    <td>{{ evenement.get_idG() }}</td>
                    <td>{{ evenement.get_nomE() }}</td>
                    <td>{{ evenement.get_heureDebutE() }}</td>
                    <td>{{ evenement.get_heureFinE() }}</td>
                    <td>{{ evenement.get_dateDebutE() }}</td>
                    <td>{{ evenement.get_dateFinE() }}</td>
                    <td> 
                        <button class="btn-modifier"
                            data-id="{{ evenement.get_idE() }}"
                            data-nom = "{{ evenement.get_nomE() }}"
                            data-heureDebut = "{{ evenement.get_heureDebutE() }}"
                            data-heureFin = "{{ evenement.get_heureFinE() }}"
                            data-dateDebut = "{{ evenement.get_dateDebutE() }}"
                            data-dateFin = "{{ evenement.get_dateFinE() }}">Modifier</button>
                        <button class="btn-supprimer" data-id="{{ evenement.get_idE() }}">Supprimer</button>
                    </td>
                </tr>
            {% endfor %}
        </tbody>
    </table>

    <!-- Modale pour modifier un évènement -->
    <div id="modal-modifier" class="modal">
        <div class="modal-content">
            <span class="close-button">x</span>
            <form action="/modifier_evenement" method="post">
                <!-- ID Evenement (caché) -->
                <input type="hidden" name="id_evenement" id="id_evenement_modifier" value="">
                <!-- Nom de l'événement -->
                <label for="nom_evenement_modifier">Nom de l'événement:</label>
                <input type="text" name="nom_evenement" id="nom_evenement_modifier" placeholder="Nom de l'événement">
                <!-- Horaire de début -->
                <label for="heure_debut_modifier">Heure de début:</label>
                <input type="time" name="heure_debut" id="heure_debut_modifier">
                <!-- Horaire de fin -->
                <label for="heure_fin_modifier">Heure de fin:</label>
                <input type="time" name="heure_fin" id="heure_fin_modifier">
                <!-- Date de début -->
                <label for="date_debut_modifier">Date de début:</label>
                <input type="date" name="date_debut" id="date_debut_modifier" max="2023-07-23" min="2023-07-21">
                <!-- Date de fin -->
                <label for="date_fin_modifier">Date de fin:</label>
                <input type="date" name="date_fin" id="date_fin_modifier" max="2023-07-23" min="2023-07-21">   
                <button id="modifier" type="submit">Modifier</button>
            </form>
        </div>
    </div>

    <!-- Modale pour supprimer un évènement -->
    <div id="modal-supprimer" class="modal">
        <div class="modal-content">
            <span class="close-button">x</span>
            <form action="/supprimer_evenement" method="post">
                <!-- ID Evenement (caché) -->
                <input type="hidden" name="id_evenement" id="id_evenement_supprimer" value="">
                <p>Êtes-vous sûr de vouloir supprimer cet évènement ?</p>
                <button id="supprimer" type="submit">Supprimer</button>
            </form>
        </div>
    </div>

    <!-- Modale pour ajouter un groupe -->
    <div id="modal-ajouter" class="modal">
        <div class="modal-content">
            <span class="close-button">x</span>
            <form action="/ajouter_evenement" method="post">
                <!-- Nom de l'événement -->
                <label for="nom_evenement_ajouter">Nom de l'événement:</label>
                <input type="text" name="nom_nouvel_evenement" id="nom_evenement_ajouter" placeholder="Nom de l'événement">
                <!-- Horaire de début -->
                <label for="heure_debut_ajouter">Heure de début:</label>
                <input type="time" name="heure_debut_ajouter" id="heure_debut_ajouter">
                <!-- Horaire de fin -->
                <label for="heure_fin_ajouter">Heure de fin:</label>
                <input type="time" name="heure_fin_ajouter" id="heure_fin_ajouter">
                <!-- Date de début -->
                <label for="date_debut_ajouter">Date de début:</label>
                <input type="date" name="date_debut_ajouter" id="date_debut_ajouter" max="2023-07-23" min="2023-07-21">
                <!-- Date de fin -->
                <label for="date_fin_ajouter">Date de fin:</label>
                <input type="date" name="date_fin_ajouter" id="date_fin_ajouter" max="2023-07-23" min="2023-07-21">   
                <button class="btn-ajouter" type="submit">Ajouter</button>
            </form>
        </div>
    </div>
    <button id="ajouter">Ajouter</button>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            var modalModifier = document.getElementById("modal-modifier");
            var modalSupprimer = document.getElementById("modal-supprimer");
            var modalAjouter = document.getElementById("modal-ajouter");
            var btnClose = document.querySelectorAll(".close-button");

            btnClose.forEach(function(btn) {
                btn.onclick = function() {
                    btn.closest(".modal").style.display = "none";
                };
            });

            document.querySelectorAll(".btn-modifier").forEach(function(btn) {
                btn.onclick = function() {
                    document.getElementById("id_evenement_modifier").value = btn.getAttribute("data-id");
                    document.getElementById("nom_evenement_modifier").value = btn.getAttribute("data-nom");
                    document.getElementById("heure_debut_modifier").value = btn.getAttribute("data-heureDebut");
                    document.getElementById("heure_fin_modifier").value = btn.getAttribute("data-heureFin");
                    document.getElementById("date_debut_modifier").value = btn.getAttribute("data-dateDebut");
                    document.getElementById("date_fin_modifier").value = btn.getAttribute("data-dateFin");
                    modalModifier.style.display = "block";
                };
            });

            document.querySelectorAll(".btn-supprimer").forEach(function(btn) {
                btn.onclick = function() {
                    document.getElementById("id_evenement_supprimer").value = btn.getAttribute("data-id");
                    modalSupprimer.style.display = "block";
                };
            });

            document.getElementById("ajouter").onclick = function() {
                modalAjouter.style.display = "block";
            };

            window.onclick = function(event) {
                if (event.target.classList.contains("modal")) {
                    event.target.style.display = "none";
                }
            }
        });
    </script>

{% endblock %} 
corrige cette erreur : werkzeug.exceptions.BadRequestKeyError: 400 Bad Request: The browser (or proxy) sent a request that this server could not understand.
KeyError: 'nom_nouvel_evenement'