From 38446566caf8d5171dac7275f9ba8d711d40fc92 Mon Sep 17 00:00:00 2001
From: Cedric <cedric.chagnaud@gmail.com>
Date: Sun, 21 Jun 2026 09:33:46 +0200
Subject: [PATCH] Actualiser admin/dashboard.html

---
 admin/dashboard.html | 167 ++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 156 insertions(+), 11 deletions(-)
diff --git a/admin/dashboard.html b/admin/dashboard.html
index 97e5cb5..d755493 100644
--- a/admin/dashboard.html
+++ b/admin/dashboard.html
@@ -10,7 +10,6 @@
 </head>
 <body>
 <div class="admin-wrap">
-    <!-- Bandeau de sécurité -->
     <div id="security-banner" class="security-banner" style="display: none;">
         <div class="sec-text">
             <i class="ti ti-alert-triangle"></i>
@@ -21,7 +20,6 @@
         </button>
     </div>
 
-    <!-- En-tête -->
     <header class="admin-header">
         <div class="header-titles">
             <h1>Espace <span>Admin</span></h1>
@@ -43,7 +41,6 @@
         </div>
     </header>
 
-    <!-- Barre de contrôles unifiée -->
     <div class="admin-controls-bar">
         <div class="pub-tabs">
             <button class="tab-btn active" id="btn-tab-critique" onclick="switchAdminTab('critique')">
@@ -66,7 +63,6 @@
         </div>
     </div>
 
-    <!-- Informations et Bulk Actions -->
     <div class="admin-sub-toolbar">
         <span class="count" id="admin-count-label">0 élément(s)</span>
         
@@ -78,7 +74,6 @@
         </div>
     </div>
 
-    <!-- Tableau -->
     <div class="table-container">
         <table class="admin-table">
             <thead>
@@ -95,21 +90,171 @@
                 </tr>
             </thead>
             <tbody id="admin-table-body">
-                <!-- Les lignes seront générées par JS -->
-            </tbody>
+                </tbody>
         </table>
     </div>
     
     <div id="pagination-container" class="pagination"></div>
 
-    <!-- Footer -->
-    <footer>
+    <footer style="text-align: center; margin-top: 2rem; color: var(--muted); font-size: 0.9rem;">
         <p>Mon Cinéma — Administration</p>
     </footer>
 </div>
 
-<!-- Les Modales restent inchangées dans leur structure, le nouveau CSS va les sublimer -->
-<!-- [Le code des modales de votre source 1 s'insère ici à l'identique] -->
+<div id="admin-modal" class="overlay">
+    <div class="modal">
+        <button class="modal-close" onclick="closeAdminModal()"><i class="ti ti-x"></i></button>
+        <h2 class="modal-h"><i class="ti ti-movie"></i> Éditer l'œuvre</h2>
+        <form id="film-form">
+            <input type="hidden" id="f-id">
+            <div class="form-grid">
+                <div class="form-group" style="grid-column: span 2;">
+                    <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">
+                    <label>Réalisateur</label>
+                    <input type="text" id="f-director">
+                </div>
+                <div class="form-group" style="grid-column: span 2;">
+                    <label>URL de l'Affiche</label>
+                    <input type="url" id="f-poster">
+                </div>
+            </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 / Avis</label>
+                        <textarea id="f-review" rows="4"></textarea>
+                    </div>
+                </div>
+            </div>
+
+            <div id="form-videotheque-fields" style="display: none;">
+                <div class="divider">Champs Vidéothèque (Physique)</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/ISBN)</label>
+                        <input type="text" id="f-ean">
+                    </div>
+                    <div class="form-group">
+                        <label>Nombre de 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>
+
+            <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>
+
+<div id="config-modal" class="overlay">
+    <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 globale</h2>
+        
+        <div class="form-group" style="margin-bottom: 2rem;">
+            <label>Clé API TMDB (The Movie Database)</label>
+            <div style="display: flex; gap: 0.5rem; margin-top: 0.5rem;">
+                <input type="text" id="tmdb-key-input" placeholder="Entrez votre clé v3 auth...">
+                <button class="btn-action primary" onclick="saveTmdbKey()">Sauvegarder</button>
+            </div>
+        </div>
+        
+        <div class="divider">Importer un fichier CSV</div>
+        <div class="import-box" onclick="document.getElementById('csv-file').click()">
+            <i class="ti ti-file-upload"></i>
+            <p style="margin:0; font-weight: 600;">Cliquez pour parcourir ou déposez votre CSV</p>
+            <p style="margin: 0.5rem 0 0 0; font-size: 0.85rem; color: var(--muted);">Les données seront ajoutées dans l'onglet actuel.</p>
+            <input type="file" id="csv-file" accept=".csv">
+        </div>
+    </div>
+</div>
+
+<div id="password-modal" class="overlay">
+    <div class="modal" style="max-width: 450px;">
+        <button class="modal-close" onclick="closePasswordModal()"><i class="ti ti-x"></i></button>
+        <h2 class="modal-h"><i class="ti ti-lock"></i> Sécurité du compte</h2>
+        <div class="form-group" style="margin-bottom: 1rem;">
+            <label>Nouveau mot de passe</label>
+            <input type="password" id="new-password-input">
+        </div>
+        <div class="form-group" style="margin-bottom: 1.5rem;">
+            <label>Confirmer le mot de passe</label>
+            <input type="password" id="new-password-confirm">
+        </div>
+        <div id="pwd-error" style="color: #ff4757; font-size: 0.85rem; margin-bottom: 1rem; display: none;"></div>
+        <button class="btn-action primary" style="width: 100%; justify-content: center;" onclick="saveNewPassword()">Mettre à jour</button>
+    </div>
+</div>
+
+<div id="confirm-modal" class="overlay">
+    <div class="modal" style="max-width: 400px; text-align: center;">
+        <div style="font-size: 3rem; color: #ff6b6b; margin-bottom: 1rem;">
+            <i class="ti ti-alert-circle"></i>
+        </div>
+        <h3 style="color:var(--text); margin-bottom: 1rem; font-size: 1.2rem;">Suppression définitive</h3>
+        <p style="margin-bottom: 2rem; color:var(--muted); font-size: 0.95rem;">Êtes-vous sûr de vouloir supprimer ces éléments ? Cette action est irréversible.</p>
+        <div style="display: flex; gap: 1rem; justify-content: center;">
+            <button class="btn-action outline" onclick="closeConfirmModal()">Annuler</button>
+            <button class="btn-action danger-solid" id="confirm-btn">Oui, supprimer</button>
+        </div>
+    </div>
+</div>
+
+<div id="progress-overlay" class="overlay">
+    <div class="modal" style="max-width: 500px; text-align: center;">
+        <h3 class="modal-h" style="justify-content: center;"><i class="ti ti-download"></i> Import en cours...</h3>
+        <p id="progress-text" style="margin-bottom: 1.5rem; color: var(--muted);">Préparation et récupération TMDB...</p>
+        <div style="background: var(--surface); border-radius: 8px; height: 12px; overflow: hidden; border: 1px solid var(--border);">
+            <div id="progress-bar" style="width: 0%; height: 100%; background: var(--gold); transition: width 0.3s ease;"></div>
+        </div>
+        <p id="progress-count" style="margin-top: 0.5rem; font-size: 0.85rem; font-weight: bold; color: var(--text);">0 / 0</p>
+    </div>
+</div>
 
 <script src="../js/admin.js"></script>
 </body>
