const form = document.getElementById("modifierCategorie");
const nameField = document.getElementById("categoryName");
const descField = document.getElementById("categorieDescription");

// Fonction pour afficher un message Bootstrap
function showMessage(type, message) {
    // Création de l'alert
    const alert = document.createElement("div");
    alert.className = `alert alert-${type} mt-3`;
    alert.textContent = message;

    // Ajout en haut du formulaire
    form.prepend(alert);

    // Suppression automatique après 2 secondes
    setTimeout(() => {
        alert.remove();
    }, 2000);
}

form.addEventListener("submit", function (e) {
    e.preventDefault();

    // Vérification des champs obligatoires
    if (nameField.value.trim() === "" || descField.value.trim() === "") {
        showMessage("danger", "Veuillez remplir tous les champs obligatoires");
        return;
    }

    // Message succès
    showMessage("success", "La catégorie a été modifiée avec succès !");

    // Redirection après succès
    setTimeout(() => {
        window.location.href = "../html/accueil_blog.html";
    }, 1500);
});