document.addEventListener("DOMContentLoaded", () => {
    
    // 1. GÉRER LE TÉLÉVERSEMENT (UPLOAD) D'UNE NOUVELLE PHOTO
    const fileInputs = document.querySelectorAll('.file-input');
    
    fileInputs.forEach(input => {
        input.addEventListener('change', function(e) {
            const parkId = this.dataset.id;
            const file = e.target.files[0];
            
            if (!file) return;

            const formData = new FormData();
            formData.append('park_id', parkId);
            formData.append('cover_image', file);
            formData.append('action', 'upload');

            fetch('upload_handler.php', {
                method: 'POST',
                body: formData
            })
            .then(response => response.json())
            .then(data => {
                if (data.success) {
                    const previewImg = document.getElementById(`img-preview-${parkId}`);
                    const placeholder = document.getElementById(`placeholder-${parkId}`);
                    
                    // Utilisation d'un paramètre temporel anti-cache (?t=...)
                    previewImg.src = `../img/covers/${data.filename}?t=${new Date().getTime()}`;
                    previewImg.classList.remove('hidden');
                    
                    if (placeholder) {
                        placeholder.style.display = 'none';
                    }
                    
                    alert('Photo de couverture mise à jour avec succès !');
                    location.reload(); // Recommandé pour réactualiser l'état des overlays d'action
                } else {
                    alert('Erreur du serveur : ' + data.message);
                }
            })
            .catch(error => {
                console.error('Erreur:', error);
                alert("Erreur lors de l'envoi de l'image.");
            });
        });
    });

    // 2. GÉRER LA SUPPRESSION DE LA PHOTO ACTUELLE
    const deleteButtons = document.querySelectorAll('.delete-photo');
    
    deleteButtons.forEach(btn => {
        btn.addEventListener('click', function() {
            const parkId = this.dataset.id;
            
            if (confirm("Voulez-vous vraiment supprimer la photo de couverture de ce parc ?")) {
                const formData = new FormData();
                formData.append('park_id', parkId);
                formData.append('action', 'delete');

                fetch('upload_handler.php', {
                    method: 'POST',
                    body: formData
                })
                .then(response => response.json())
                .then(data => {
                    if (data.success) {
                        location.reload(); 
                    } else {
                        alert('Erreur : ' + data.message);
                    }
                })
                .catch(error => {
                    console.error('Erreur:', error);
                    alert("Erreur lors de la suppression.");
                });
            }
        });
    });
});