suppr table ville

assets/js/show-lieu.js

@@ -0,0 +1,59 @@
+document.addEventListener("DOMContentLoaded", () => {
+    console.log("DOMContentLoaded");
+    const lieuSelect = document.getElementById("sortie_lieu");
+    const rueValue = document.getElementById("rue-value");
+    const codePostalValue = document.getElementById("codePostal-value");
+    const latitudeValue = document.getElementById("latitude-value");
+    const longitudeValue = document.getElementById("longitude-value");
+    const villeValue = document.getElementById("ville-value");
+
+    // Vérifier que le champ "lieu" existe
+    if (!lieuSelect) {
+        console.error("Le champ 'lieu-select' est introuvable.");
+        return;
+    }
+
+    console.log("Script chargé. En attente de la sélection d'un lieu.");
+
+    // Écouter les changements sur le champ "lieu"
+    lieuSelect.addEventListener("change", async () => {
+        const lieuId = lieuSelect.value;
+
+        console.log(`Lieu sélectionné : ${lieuId}`);
+
+        // Si aucun lieu sélectionné, réinitialiser les champs
+        if (!lieuId) {
+            console.warn("Aucun lieu sélectionné. Réinitialisation des champs.");
+            rueValue.textContent = "Renseigner avec le lieu";
+            codePostalValue.textContent = "Renseigner avec le lieu";
+            latitudeValue.textContent = "Renseigner avec le lieu";
+            longitudeValue.textContent = "Renseigner avec le lieu";
+            villeValue.textContent = "Renseigner avec le lieu";
+            return;
+        }
+
+        try {
+            // Requête vers l'API pour récupérer les données du lieu
+            console.log(`Envoi de la requête à l'API pour le lieu ID : ${lieuId}`);
+            const response = await fetch(`/lieux/${lieuId}`);
+            if (!response.ok) {
+                throw new Error(`Erreur lors de la récupération des informations (statut ${response.status})`);
+            }
+
+            const data = await response.json();
+            console.log("Données reçues depuis l'API :", data);
+
+            // Mise à jour des champs avec les données récupérées
+            rueValue.textContent = data.rue || "Non renseigné";
+            codePostalValue.textContent = data.codePostal || "Non renseigné";
+            latitudeValue.textContent = data.latitude || "Non renseigné";
+            longitudeValue.textContent = data.longitude || "Non renseigné";
+            villeValue.textContent = data.ville || "Non renseigné";
+
+            console.log("Champs mis à jour avec succès.");
+        } catch (error) {
+            console.error("Erreur lors de la récupération des données :", error);
+            alert("Une erreur s'est produite lors de la récupération des informations du lieu.");
+        }
+    });
+});