// ===============================
// Données simulées (sera remplacée par BDD )
// ===============================
let galleryPairs = [
    {
        id: 1,
        titre: "Petit chien poils longs",
        type: "Chien",
        avant: "../../img/avant1.jpg",
        apres: "../../img/apres1.jpg"
    },
    {
        id: 2,
        titre: "Coupe ciseaux",
        type: "Chat",
        avant: "../../img/avant2.jpg",
        apres: "../../img/apres2.jpg"
    }
];

// Sélecteurs
const form = document.getElementById("addPairForm");
const titleInput = document.getElementById("pairTitle");
const typeInput = document.getElementById("pairType");
const beforeInput = document.getElementById("beforeImage");
const afterInput = document.getElementById("afterImage");

const beforePreview = document.getElementById("beforePreview");
const afterPreview = document.getElementById("afterPreview");

const successMsg = document.getElementById("successMsg");
const errorMsg = document.getElementById("errorMsg");

// ===============================
// Prévisualisation images
// ===============================
beforeInput.addEventListener("change", function () {
    const file = this.files[0];
    if (!file) return;

    const reader = new FileReader();
    reader.onload = e => {
        beforePreview.src = e.target.result;
        beforePreview.style.display = "block";
    };
    reader.readAsDataURL(file);
});

afterInput.addEventListener("change", function () {
    const file = this.files[0];
    if (!file) return;

    const reader = new FileReader();
    reader.onload = e => {
        afterPreview.src = e.target.result;
        afterPreview.style.display = "block";
    };
    reader.readAsDataURL(file);
});

// ===============================
// Soumission formulaire
// ===============================
form.addEventListener("submit", function (e) {
    e.preventDefault();

    // Reset messages
    errorMsg.classList.add("d-none");
    successMsg.classList.add("d-none");

    // Validation simple
    if (!titleInput.value.trim() || !typeInput.value.trim() || !beforeInput.files[0] || !afterInput.files[0]) {
        errorMsg.classList.remove("d-none");
        return;
    }

    // Nouvelle entrée (simulation)
    const newPair = {
        id: galleryPairs.length + 1,
        titre: titleInput.value.trim(),
        type: typeInput.value.trim(),
        avant: URL.createObjectURL(beforeInput.files[0]),
        apres: URL.createObjectURL(afterInput.files[0])
    };

    galleryPairs.push(newPair);

    successMsg.classList.remove("d-none");

    // Redirige après 1 seconde
    setTimeout(() => {
        window.location.href = "../liste_avant_apres/liste_avant_apres.html";
    }, 1000);
});