import "./bootstrap";

// Modales : délégation d’événements pour que les boutons fonctionnent quel que soit le moment de chargement
document.addEventListener("click", function (e) {
    var openBtn = e.target.closest("[data-modal-toggle]");
    if (openBtn) {
        e.preventDefault();
        var id = openBtn.getAttribute("data-modal-toggle");
        var modal = document.getElementById(id);
        if (modal) {
            modal.classList.remove("hidden");
            modal.classList.add("flex", "items-center", "justify-center");
        }
        return;
    }
    var closeBtn = e.target.closest("[data-modal-close]");
    if (closeBtn) {
        var id = closeBtn.getAttribute("data-modal-close");
        var modal = document.getElementById(id);
        if (modal) {
            modal.classList.add("hidden");
            modal.classList.remove("flex", "items-center", "justify-center");
        }
    }
});
