/**
 * 
 * Preview image when selected in input field
 */

document.getElementById("imageInput").addEventListener("change", function (e) {
    const file = e.target.files[0];
    const preview = document.querySelector(".preview-img-container");
    if (file && ["image/jpeg", "image/png"].includes(file.type)) {
        const reader = new FileReader();
        reader.onload = function (event) {
            preview.innerHTML = `<img src="${event.target.result}" alt="Aperçu de l'image" class="img-fluid">`;
        };
        reader.readAsDataURL(file);
        preview.style.backgroundColor = "transparent";
    } else {
        preview.innerHTML = `<p class="text-muted">Aucun aperçu disponible <br> Le format n'est pas autorisé</p>`;
    }
})