const form = document.getElementById("addSlideForm");
const messages = document.getElementById("messages");

const imgField = document.getElementById("slideImage");
const altField = document.getElementById("slideAlt");
const titleField = document.getElementById("slideTitle");

// Simulation BDD
let slides = [];


function showMessage(type, text) {
    messages.innerHTML = "";

    const div = document.createElement("div");
    div.className = `alert alert-${type}`;
    div.textContent = text;

    messages.appendChild(div);
}


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

    const image = imgField.files[0];
    const alt = altField.value.trim();
    const title = titleField.value.trim();

    // Image obligatoire
    if (!image) {
        showMessage("danger", "Merci de sélectionner une image.");
        return;
    }

    // ALT obligatoire
    if (!alt) {
        showMessage("danger", "Le texte ALT est obligatoire.");
        return;
    }

    // Vérification format
    const validFormats = ["image/jpeg", "image/png", "image/webp"];
    if (!validFormats.includes(image.type)) {
        showMessage(
            "danger",
            "Format d'image invalide. Formats acceptés : JPG, PNG, WEBP."
        );
        return;
    }

    // Enregistrement simulé
    slides.push({
        id: Date.now(),
        image: image.name,
        alt,
        title,
        order: slides.length + 1
    });

    console.log("Nouveau slide ajouté :", slides);

    // Succès
    showMessage("success", "Slide ajouté avec succès !");

    // Redirection
    setTimeout(() => {
        window.location.href = "/prestations/html/prestation_accueil.html";
    }, 1500);
});