const form = document.getElementById("addCategoryForm");
const nameField = document.getElementById("categoryName");
const descField = document.getElementById("categoryDescription");

const errorEmpty = document.getElementById("errorEmpty");
const errorExists = document.getElementById("errorExists");
const successMessage = document.getElementById("successMessage");

// Catégories existantes ( à remplacer en BD si besoin)
const existingCategories = ["Actualités", "Chien", "Chat", "Boutique"];

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

    const nom = nameField.value.trim();

    //Remettre tout a zero
    errorEmpty.classList.add("d-none");
    errorExists.classList.add("d-none");
    successMessage.classList.add("d-none");

    //Erreur champs vide
    if (nom === "") {
        errorEmpty.classList.remove("d-none");
        return;
    }

    //Erreur catégorie existante
    if (existingCategories.includes(nom)) {
        errorExists.classList.remove("d-none");
        return;
    }

    //Succès
    successMessage.classList.remove("d-none");


    //Ajout d'une nouvelle catégorie en BDD
    categoriesExistantes.push(nom);

});