const form = document.getElementById("editArticleForm");
const imgField = document.getElementById("articleImage");
const titleField = document.getElementById("articleTitle");
const contentField = document.getElementById("articleContent");
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 pour vérifier doublons
const titresExistants = [
  "article de test",
  "nouveautés chiens",
  "actualité du mois",
];

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

  const titre = titleField.value.trim().toLowerCase();
  const fichierImage = imgField.files[0];

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

  //Titre obligatoire
  if (titre === "") {
    errorEmpty.classList.remove("d-none");
    return;
  }

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

  //Vérification image
  if (fichierImage) {
    const validFormats = ["image/jpeg", "image/png", "image/gif"];
    if (!validFormats.includes(fichierImage.type)) {
      errorImage.classList.remove("d-none");
      return;
    }
  }

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

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