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

---
 admin/dashboard.html | 71 +++++++++++++++++---------------------------
 1 file changed, 27 insertions(+), 44 deletions(-)

diff --git a/admin/dashboard.html b/admin/dashboard.html
index f45d3ca..3543ffa 100644
--- a/admin/dashboard.html
+++ b/admin/dashboard.html
@@ -98,54 +98,37 @@
         <div id="pagination-container" class="pagination"></div>
     </div>
 
-    <div class="overlay" id="admin-modal">
+    <div class="overlay" id="config-modal">
         <div class="modal">
-            <button class="modal-close" onclick="closeAdminModal()"><i class="ti ti-x"></i></button>
-            <h2 class="modal-h"><i class="ti ti-edit"></i> Éditer l'œuvre</h2>
-            <form id="film-form">
-                <input type="hidden" id="f-id">
-                <div class="form-grid">
-                    <div class="form-group"><label>Titre *</label><input type="text" id="f-title" required></div>
-                    <div class="form-group"><label>Année</label><input type="number" id="f-year"></div>
-                    <div class="form-group" style="grid-column: span 2;"><label>Réalisateur</label><input type="text" id="f-director"></div>
-                    <div class="form-group" style="grid-column: span 2;"><label>URL Affiche</label><input type="url" id="f-poster"></div>
+            <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 id="form-critique-fields">
-                    <div class="divider">Champs Critiques</div>
-                    <div class="form-grid">
-                        <div class="form-group"><label>Note (sur 5)</label><input type="number" step="0.5" min="0" max="5" id="f-rating"></div>
-                        <div class="form-group"><label>Lien Streaming</label><input type="url" id="f-streaming"></div>
-                        <div class="form-group" style="grid-column: span 2;"><label>Critique</label><textarea id="f-review" rows="4"></textarea></div>
-                    </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 id="form-videotheque-fields" style="display: none;">
-                    <div class="divider">Champs Vidéothèque</div>
-                    <div class="form-grid">
-                        <div class="form-group">
-                            <label>Format</label>
-                            <select id="f-format">
-                                <option value="Blu-ray 4K">Blu-ray 4K</option>
-                                <option value="Blu-ray">Blu-ray</option>
-                                <option value="DVD">DVD</option>
-                                <option value="VHS">VHS</option>
-                            </select>
-                        </div>
-                        <div class="form-group"><label>Éditeur</label><input type="text" id="f-publisher"></div>
-                        <div class="form-group"><label>Durée (min)</label><input type="number" id="f-length"></div>
-                        <div class="form-group"><label>Ratio Image</label><input type="text" id="f-aspect" placeholder="ex: 2.39:1"></div>
-                        <div class="form-group"><label>Code Barre (EAN)</label><input type="text" id="f-ean"></div>
-                        <div class="form-group"><label>Nb disques</label><input type="number" id="f-discs" value="1"></div>
-                        <div class="form-group" style="grid-column: span 2;"><label>Description / État</label><textarea id="f-description" rows="3"></textarea></div>
-                    </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>
-
-                <div style="margin-top: 2rem; display: flex; justify-content: flex-end; gap: 1rem;">
-                    <button type="button" class="btn-action outline" onclick="closeAdminModal()">Annuler</button>
-                    <button type="submit" class="btn-action primary">Enregistrer</button>
-                </div>
-            </form>
+            </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>
+            
+            <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>