const form = document.getElementById('ajouterArticleForm');
const imgField = document.getElementById('articleImage');
const titleField = document.getElementById('articleTitle');
const categoryField = document.getElementById('articleCategory');
const publishedField = document.getElementById('articlePublished');

const errorEmpty = document.getElementById('errorEmpty');
const errorImage = document.getElementById('errorImage');
const errorExists = document.getElementById('errorExists');
const successMsg = document.getElementById('successMsg');

// Simulation BDD
const titreExistants = ['décoration noel', 'coupe de chien'];

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

    const titre = titleField.value.trim().toLowerCase();
    const fichierImage = imgField.files[0];
    const contenu = tinymce.get("articleContent").getContent();
    const categorie = categoryField.value;
    const published = publishedField.checked;   //  récupère la case cochée

    // Reset messages
    errorEmpty.classList.add('d-none');
    errorImage.classList.add('d-none');
    errorExists.classList.add('d-none');
    successMsg.classList.add('d-none');

    // Catégorie obligatoire
    if (categorie === "") {
        errorEmpty.textContent = "Veuillez choisir une catégorie.";
        errorEmpty.classList.remove('d-none');
        return;
    }

    // Titre obligatoire
    if (titre === "") {
        errorEmpty.textContent = "Le titre de l'article est obligatoire.";
        errorEmpty.classList.remove('d-none');
        return;
    }

    // Titre déjà existant
    if (titreExistants.includes(titre)) {
        errorExists.classList.remove('d-none');
        return;
    }

    // Contenu obligatoire
    if (contenu.trim() === "") {
        errorEmpty.textContent = "Le contenu de l'article ne peut pas être vide.";
        errorEmpty.classList.remove('d-none');
        return;
    }

    // Image invalide
    if (fichierImage) {
        const validFormats = ['image/jpeg', 'image/png'];
        if (!validFormats.includes(fichierImage.type)) {
            errorImage.classList.remove('d-none');
            return;
        }
    }

    // Simuler enregistrement 
    titreExistants.push(titre);

    
    //  CRÉATION DE L'ARTICLE
    
    const nouvelArticle = {
        id: Date.now(),
        titre: titleField.value.trim(),
        contenu: contenu,
        categorie: categorie,
        published: published,     //  valeur TRUE/FALSE pour afficher le badge Facebook
        date: new Date().toISOString()
    };


    // SAUVEGARDE DANS LOCALSTORAGE
    
    let articles = JSON.parse(localStorage.getItem("articles")) || [];
    articles.push(nouvelArticle);
    localStorage.setItem("articles", JSON.stringify(articles));

    console.log("Article enregistré :", nouvelArticle);

    // Succès
    successMsg.classList.remove('d-none');

    // Redirection
    setTimeout(() => {
        window.location.href = "../html/accueil_blog.html";
    }, 1000);
});

// TinyMCE INIT
tinymce.init({
    selector: '#articleContent',
    height: 400,
    language: 'fr',
    plugins: 'lists fullscreen',
    toolbar: 'undo redo | bold italic underline | bullist numlist | fullscreen'
});