From e0deb3481ba08f55efab1d2641f0e3afb88d458f Mon Sep 17 00:00:00 2001
From: morgane <enagore@gmail.com>
Date: Wed, 17 Jun 2026 17:21:02 +0000
Subject: [PATCH] Actualiser test2.html

---
 test2.html | 41 +++++++++++++++++++++++++++++++----------
 1 file changed, 31 insertions(+), 10 deletions(-)
diff --git a/test2.html b/test2.html
index a6cea76..1855a83 100644
--- a/test2.html
+++ b/test2.html
@@ -2,10 +2,11 @@
 <html lang="fr">
 <head>
     <meta charset="UTF-8">
-    <title>⚡ Sandbox - Fixe</title>
+    <title>⚡ Sandbox - Debug Catégories</title>
     <style>
-        body { font-family: sans-serif; background: #333; padding: 50px; }
-        .modal { background: white; padding: 20px; border-radius: 12px; width: 400px; margin: 0 auto; box-shadow: 0 4px 15px rgba(0,0,0,0.3); }
+        body { font-family: sans-serif; background: #333; padding: 50px; color: white; }
+        .modal { background: white; padding: 20px; border-radius: 12px; width: 400px; margin: 0 auto; color: black; box-shadow: 0 4px 15px rgba(0,0,0,0.3); }
+        .debug-panel { margin-top: 20px; padding: 15px; background: #222; border-radius: 8px; border: 1px solid #444; font-size: 12px; }
         .btn { padding: 10px 20px; border-radius: 8px; border: none; cursor: pointer; margin: 5px; font-weight: bold; }
         .btn-blue { background: #1976d2; color: white; }
     </style>
@@ -18,19 +19,39 @@
         <button class="btn btn-blue" onclick="editCategory()">✏️ Modifier la catégorie</button>
     </div>
 
+    <div class="debug-panel">
+        <strong>Debug - État de CATEGORY_LABELS :</strong>
+        <pre id="debug-log">Chargement...</pre>
+    </div>
+
     <script>
-        // On force les données ici pour ne plus dépendre de l'onglet EverShelf
-        const VRAIES_CATEGORIES = [
-            "Produits laitiers", "Viande", "Poisson", "Fruits", 
-            "Légumes", "Boissons", "Épicerie", "Surgelés"
-        ];
+        // Fonction pour afficher ce qui est trouvé dans la variable
+        function updateDebugView() {
+            const log = document.getElementById('debug-log');
+            if (typeof CATEGORY_LABELS !== 'undefined') {
+                log.innerText = JSON.stringify(CATEGORY_LABELS, null, 2);
+            } else {
+                log.innerText = "ERREUR : CATEGORY_LABELS non trouvé dans cet onglet.";
+            }
+        }
+
+        // On vérifie toutes les secondes si la variable apparaît
+        setInterval(updateDebugView, 1000);
 
         function editCategory() {
             const container = document.getElementById('app-container');
+            const rawData = typeof CATEGORY_LABELS !== 'undefined' ? CATEGORY_LABELS : {};
+            const categories = Object.values(rawData);
+
+            if (categories.length === 0) {
+                alert("La liste est vide, vérifie le Debug en bas de page !");
+                return;
+            }
+
             container.innerHTML = `
                 <h3>Changer la catégorie</h3>
                 <select id="cat-select" style="width:100%; padding:10px; margin: 10px 0;">
-                    ${VRAIES_CATEGORIES.map(c => `<option value="${c}">${c}</option>`).join('')}
+                    ${categories.map(c => `<option value="${c}">${c}</option>`).join('')}
                 </select>
                 <br>
                 <button class="btn btn-blue" onclick="save()">Enregistrer</button>
@@ -40,7 +61,7 @@
 
         function save() {
             const selected = document.getElementById('cat-select').value;
-            alert("Simulation : Appel de la fonction réelle d'EverShelf avec la valeur : " + selected);
+            alert("Réconciliation : Envoi de " + selected + " vers EverShelf");
             location.reload();
         }
     </script>
