From 164bacd8703b750bff94fa1fa66b37eb6b173a48 Mon Sep 17 00:00:00 2001
From: Cedric <cedric.chagnaud@gmail.com>
Date: Mon, 22 Jun 2026 08:37:01 +0200
Subject: [PATCH] Actualiser admin/dashboard.html

---
 admin/dashboard.html | 75 +++++++++++++++++++++++++++-----------------
 1 file changed, 46 insertions(+), 29 deletions(-)

diff --git a/admin/dashboard.html b/admin/dashboard.html
index bddd54f..820b22e 100644
--- a/admin/dashboard.html
+++ b/admin/dashboard.html
@@ -98,39 +98,56 @@
         <div id="pagination-container" class="pagination"></div>
     </div>
 
-    <div class="overlay" id="config-modal">
-        <div class="modal">
-            <button class="modal-close" onclick="closeConfigModal()"><i class="ti ti-x"></i></button>
-            <h2 class="modal-h"><i class="ti ti-settings"></i> Configuration</h2>
-            <div class="form-grid">
-                <div class="form-group" style="grid-column: span 2;">
-                    <label>Clé API TMDB</label>
-                    <input type="text" id="tmdb-key-input" placeholder="Utilisée pour les critiques (réalisateur, streaming)">
-                </div>
-                <div class="form-group" style="grid-column: span 2;">
-                    <label>Clé API EAN-Search</label>
-                    <input type="text" id="ean-search-key-input" placeholder="Recherche par code-barres (Vidéothèque)">
-                </div>
-                <div class="form-group" style="grid-column: span 2;">
-                    <label>Clé API Barcode Lookup</label>
-                    <input type="text" id="barcode-lookup-key-input" placeholder="Recherche par code-barres (Vidéothèque)">
-                </div>
+    <!-- MODALE DE CONFIGURATION -->
+<div class="overlay" id="config-modal">
+    <div class="modal">
+        <button class="modal-close" onclick="closeConfigModal()">
+            <i class="ti ti-x"></i>
+        </button>
+        
+        <h2 class="modal-h">
+            <i class="ti ti-settings"></i>
+            Configuration
+        </h2>
+        
+        <!-- Clés API -->
+        <div class="form-grid">
+            <div class="form-group" style="grid-column: span 2;">
+                <label>Clé API TMDB</label>
+                <input type="text" id="tmdb-key-input" placeholder="Pour les critiques (réalisateur, streaming)">
             </div>
-            <div style="margin-top: 1.5rem; display: flex; gap: 1rem; justify-content: flex-end;">
-                <button class="btn-action outline" onclick="closeConfigModal()">Annuler</button>
-                <button class="btn-action primary" onclick="saveConfigKeys()">Sauvegarder</button>
+            <div class="form-group" style="grid-column: span 2;">
+                <label>Clé API EAN-Search</label>
+                <input type="text" id="ean-search-key-input" placeholder="Recherche par code-barres (Vidéothèque)">
+            </div>
+            <div class="form-group" style="grid-column: span 2;">
+                <label>Clé API Barcode Lookup</label>
+                <input type="text" id="barcode-lookup-key-input" placeholder="Recherche par code-barres (Vidéothèque)">
             </div>
-            
-            <hr class="divider">
-            <h3 style="font-size: 1rem; margin-bottom: 1rem; color: var(--text);">Importer un CSV</h3>
-            <label class="import-box" for="csv-file">
-                <i class="ti ti-file-upload"></i>
-                <p><strong>Cliquez ou déposez votre CSV</strong></p>
-                <p style="color: var(--muted); font-size: 0.8rem;">Les jaquettes seront recherchées via EAN/UPC</p>
-            </label>
-            <input type="file" id="csv-file" accept=".csv" style="display: none;">
         </div>
+        
+        <div style="margin-top: 1.5rem; display: flex; gap: 1rem; justify-content: flex-end;">
+            <button class="btn-action outline" onclick="closeConfigModal()">Annuler</button>
+            <button class="btn-action primary" onclick="saveConfigKeys()">Sauvegarder</button>
+        </div>
+        
+        <!-- Zone d'import CSV -->
+        <hr class="divider">
+        <h3 style="font-size: 1rem; margin: 1.5rem 0 1rem; color: var(--text);">
+            <i class="ti ti-file-upload" style="color: var(--gold);"></i>
+            Importer un CSV
+        </h3>
+        
+        <label class="import-box" for="csv-file">
+            <i class="ti ti-file-upload"></i>
+            <p><strong>Cliquez ou déposez votre CSV</strong></p>
+            <p style="color: var(--muted); font-size: 0.85rem;">
+                Les jaquettes seront recherchées via EAN/UPC
+            </p>
+        </label>
+        <input type="file" id="csv-file" accept=".csv" style="display: none;">
     </div>
+</div>
 
     <div class="overlay" id="config-modal">
         <div class="modal">