From 03753083375b33b98e265a8d6316ddf84dee6565 Mon Sep 17 00:00:00 2001
From: Cedric <cedric.chagnaud@gmail.com>
Date: Sat, 20 Jun 2026 21:16:28 +0200
Subject: [PATCH] Actualiser admin/dashboard.html

---
 admin/dashboard.html | 160 +++++++++++++++++++++++--------------------
 1 file changed, 85 insertions(+), 75 deletions(-)
diff --git a/admin/dashboard.html b/admin/dashboard.html
index 17a9d48..c35002e 100644
--- a/admin/dashboard.html
+++ b/admin/dashboard.html
@@ -9,97 +9,107 @@
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/tabler-icons.min.css">
 </head>
 <body>
-
-<div class="site-wrap admin-wrap">
-
-  <div class="security-banner" id="security-banner" style="display:none;">
-    <div class="sec-text">
-      <i class="ti ti-alert-triangle"></i> 
-      <strong>Attention :</strong> Aucun mot de passe défini pour protéger l'administration.
+<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>
+            <span>Attention : Aucun mot de passe défini pour protéger l'administration.</span>
+        </div>
+        <button class="btn-action danger-solid btn-small" onclick="openPasswordModal()">
+            <i class="ti ti-lock"></i> Sécuriser le compte
+        </button>
     </div>
-    <button onclick="openPasswordModal()" class="btn-action danger-solid btn-small">Sécuriser le compte</button>
-  </div>
 
-  <header class="site-header admin-header">
-    <div class="header-titles">
-      <h1 class="site-title">Espace <span>Admin</span></h1>
-      <p class="site-subtitle">Gestion centralisée de votre cinémathèque</p>
-    </div>
-    <div class="header-actions">
-      <a href="../index.html" class="btn-action outline">
-        <i class="ti ti-external-link"></i> Voir le site
-      </a>
-      <button class="btn-action outline" onclick="openConfigModal()">
-        <i class="ti ti-settings"></i> Configuration
-      </button>
-      <button class="btn-action outline" onclick="openPasswordModal()">
-        <i class="ti ti-shield-lock"></i> Sécurité
-      </button>
-      <button class="btn-action danger outline" onclick="logout()">
-        <i class="ti ti-logout"></i> Quitter
-      </button>
-    </div>
-  </header>
+    <!-- En-tête -->
+    <header class="admin-header">
+        <div class="header-titles">
+            <h1>Espace <span>Admin</span></h1>
+            <p>Gestion centralisée de votre cinémathèque</p>
+        </div>
+        <div class="header-actions">
+            <a href="../index.html" class="btn-action">
+                <i class="ti ti-external-link"></i> Voir le site
+            </a>
+            <button class="btn-action" onclick="openConfigModal()">
+                <i class="ti ti-settings"></i> Configuration
+            </button>
+            <button class="btn-action" onclick="openPasswordModal()">
+                <i class="ti ti-lock"></i> Sécurité
+            </button>
+            <button class="btn-action" onclick="logout()">
+                <i class="ti ti-logout"></i> Quitter
+            </button>
+        </div>
+    </header>
 
-  <div class="pub-tabs-container">
-    <div class="pub-tabs">
-      <button id="btn-tab-critique" class="tab-btn active" onclick="switchAdminTab('critique')">
-        <i class="ti ti-message-star"></i> Mes Critiques
-      </button>
-      <button id="btn-tab-videotheque" class="tab-btn" onclick="switchAdminTab('videotheque')">
-        <i class="ti ti-device-tv"></i> Ma Vidéothèque
-      </button>
+    <!-- Onglets -->
+    <div class="pub-tabs-container">
+        <div class="pub-tabs">
+            <button class="tab-btn active" id="btn-tab-critique" onclick="switchAdminTab('critique')">
+                <i class="ti ti-star"></i> Mes Critiques
+            </button>
+            <button class="tab-btn" id="btn-tab-videotheque" onclick="switchAdminTab('videotheque')">
+                <i class="ti ti-disc"></i> Ma Vidéothèque
+            </button>
+        </div>
     </div>
-  </div>
 
-  <div class="admin-toolbar">
-    <div class="toolbar-left">
-      <span class="count" id="admin-count-label">0 élément</span>
+    <!-- Barre d'outils -->
+    <div class="admin-toolbar">
+        <span class="count" id="admin-count-label">0 élément(s)</span>
+        <div class="header-actions">
+            <button class="btn-action primary" onclick="openAddModal()">
+                <i class="ti ti-plus"></i> Ajouter une œuvre
+            </button>
+        </div>
     </div>
-    <div class="toolbar-right">
-      <button class="btn-action primary" onclick="openAddModal()">
-        <i class="ti ti-plus"></i> Ajouter une œuvre
-      </button>
-    </div>
-  </div>
 
-  <div class="bulk-actions-bar" id="bulk-actions-bar" style="display:none;">
-    <span><i class="ti ti-checkbox"></i> <strong id="bulk-count">0</strong> élément(s) sélectionné(s)</span>
-    <button class="btn-action danger-solid btn-small" onclick="executeBulkDelete()">
-      <i class="ti ti-trash"></i> Supprimer la sélection
-    </button>
-  </div>
+    <!-- Barre de recherche -->
     <div class="admin-filters">
         <div class="search-box">
             <i class="ti ti-search"></i>
             <input type="text" id="search-input" placeholder="Rechercher un titre, un réalisateur...">
         </div>
     </div>
-  <div class="table-container">
-    <table class="admin-table">
-        <thead>
-            <tr>
-                <th></th>
-                <th>Affiche</th>
-                <th>Titre</th>
-                <th>Année</th>
-                <th>Réalisateur</th>
-                <th>Informations</th>
-                <th>Actions</th>
-            </tr>
-        </thead>
-        <tbody id="admin-table-body">
-            <!-- Les lignes sont générées par JavaScript -->
-        </tbody>
-    </table>
-</div>
-  <div id="pagination-container" class="pagination"></div>
-  <footer style="text-align: center; margin-top: 3rem; color: var(--muted); font-size: 0.9rem;">
-    Mon Cinéma &mdash; Administration
-  </footer>
 
+    <!-- Barre bulk actions -->
+    <div id="bulk-actions-bar" class="bulk-actions-bar" style="display: none;">
+        <span><i class="ti ti-check"></i> <span id="bulk-count">0</span> élément(s) sélectionné(s)</span>
+        <button class="btn-action danger-solid btn-small" onclick="executeBulkDelete()">
+            <i class="ti ti-trash"></i> Supprimer la sélection
+        </button>
+    </div>
+
+    <!-- Tableau -->
+    <div class="table-container">
+        <table class="admin-table">
+            <thead>
+                <tr>
+                    <th></th>
+                    <th>Affiche</th>
+                    <th>Titre</th>
+                    <th>Année</th>
+                    <th>Réalisateur</th>
+                    <th>Informations</th>
+                    <th>Actions</th>
+                </tr>
+            </thead>
+            <tbody id="admin-table-body">
+                <!-- Les lignes sont générées par JavaScript -->
+            </tbody>
+        </table>
+    </div>
+
+    <!-- Pagination -->
+    <div id="pagination-container" class="pagination"></div>
 </div>
 
+<!-- Footer -->
+<footer>
+    <p>Mon Cinéma — Administration</p>
+</footer>
+    
 <div class="overlay" id="admin-modal">
   <div class="modal" style="max-width: 700px;">
     <button class="modal-close" onclick="closeAdminModal()"><i class="ti ti-x"></i></button>
