From b140e8647e5fb5c3705a559810b93b7ddcf1de93 Mon Sep 17 00:00:00 2001
From: Cedric <cedric.chagnaud@gmail.com>
Date: Thu, 18 Jun 2026 17:11:05 +0200
Subject: [PATCH] Actualiser admin/login.html

---
 admin/login.html | 80 +++++++++++++++++-------------------------------
 1 file changed, 28 insertions(+), 52 deletions(-)
diff --git a/admin/login.html b/admin/login.html
index b7b8819..3dae0f4 100644
--- a/admin/login.html
+++ b/admin/login.html
@@ -4,31 +4,37 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Connexion | Administration</title>
-    <link rel="stylesheet" href="../css/admin.css">
     <style>
-        /* Styles spécifiques à la page de login pour centrer le tout */
+        /* Variables de design (les mêmes que votre projet) */
+        :root {
+            --background: #0a0a0a;
+            --surface-card: #1e1e1e;
+            --border: #2e2e2e;
+            --gold: #C9A84C;
+            --text: #ffffff;
+            --muted: #aaaab8;
+            --gold-glow: rgba(201, 168, 76, 0.2);
+        }
         body {
             display: flex;
             align-items: center;
             justify-content: center;
             min-height: 100vh;
             background: var(--background);
+            font-family: 'DM Sans', sans-serif;
+            margin: 0;
         }
         .login-wrap {
-            width: 100%;
+            width: 90%;
             max-width: 400px;
             padding: 2.5rem;
             background: var(--surface-card);
             border: 1px solid var(--border);
             border-radius: 16px;
             text-align: center;
-            box-shadow: var(--shadow-overlay);
-        }
-        .login-wrap h2 {
-            font-size: 1.8rem;
-            margin-bottom: 2rem;
-            color: var(--text);
+            box-shadow: 0 30px 70px rgba(0,0,0,0.9);
         }
+        .login-wrap h2 { font-size: 1.8rem; margin-bottom: 2rem; color: var(--text); }
         .login-wrap h2 span { color: var(--gold); }
         .login-wrap input {
             width: 100%;
@@ -40,73 +46,51 @@
             color: var(--text);
             text-align: center;
             font-size: 1rem;
-        }
-        .login-wrap input:focus {
-            border-color: var(--gold);
-            outline: none;
+            box-sizing: border-box;
         }
         .btn-gold {
             width: 100%;
             padding: 0.9rem;
             background: var(--gold);
-            color: var(--background);
+            color: #000;
             border: none;
             border-radius: 8px;
             font-weight: 600;
             cursor: pointer;
             transition: all 0.2s;
         }
-        .btn-gold:hover {
-            box-shadow: 0 0 15px var(--gold-glow);
-        }
+        .btn-gold:hover { box-shadow: 0 0 15px var(--gold-glow); }
     </style>
 </head>
 <body>
 
 <div class="login-wrap">
     <h2>Mon <span>Cinéma</span></h2>
-
     <div id="login-form-block">
         <input type="password" id="login-pwd" placeholder="Mot de passe" onkeydown="if(event.key==='Enter') doLogin()">
         <button class="btn-gold" onclick="doLogin()">Se connecter</button>
     </div>
-
     <div id="blank-setup-block" style="display:none;">
-        <p style="color: var(--muted); margin-bottom: 1.5rem; font-size: 0.9rem;">
-            Système initialisé. Cliquez pour définir votre mot de passe administrateur.
-        </p>
+        <p style="color: var(--muted); margin-bottom: 1.5rem; font-size: 0.9rem;">Système prêt. Cliquez pour définir votre mot de passe.</p>
         <button class="btn-gold" onclick="doLoginBlank()">Initialiser le compte</button>
     </div>
 </div>
 
 <script>
     const API_URL = '../api.php';
-
     document.addEventListener('DOMContentLoaded', async () => {
-        const formBlock  = document.getElementById('login-form-block');
-        const blankBlock = document.getElementById('blank-setup-block');
-
         try {
             const res = await fetch(`${API_URL}?action=check_security_status`);
             const data = await res.json();
-            
             if (data.is_blank) {
-                formBlock.style.display = 'none';
-                blankBlock.style.display = 'block';
+                document.getElementById('login-form-block').style.display = 'none';
+                document.getElementById('blank-setup-block').style.display = 'block';
             }
-        } catch (e) {
-            console.error("Erreur d'initialisation", e);
-        }
+        } catch (e) { console.error("Erreur API", e); }
     });
 
-    async function doLogin() {
-        const pwd = document.getElementById('login-pwd').value;
-        await performLogin(pwd);
-    }
-
-    async function doLoginBlank() {
-        await performLogin('');
-    }
+    async function doLogin() { await performLogin(document.getElementById('login-pwd').value); }
+    async function doLoginBlank() { await performLogin(''); }
 
     async function performLogin(pwd) {
         try {
@@ -116,7 +100,6 @@
                 body: JSON.stringify({ password: pwd })
             });
             const data = await res.json();
-            
             if (data.success) {
                 localStorage.setItem('token', data.token);
                 if (data.blank === true) {
@@ -127,19 +110,12 @@
                             headers: { 'Content-Type': 'application/json', 'Authorization': data.token },
                             body: JSON.stringify({ password: newPwd })
                         });
-                        alert("Mot de passe configuré ! Redirection...");
-                    } else {
-                        alert("Initialisation annulée.");
-                        return;
-                    }
+                        alert("Configuré !");
+                    } else return;
                 }
                 window.location.href = 'dashboard.html';
-            } else {
-                alert("Erreur : " + (data.error || "Mot de passe incorrect"));
-            }
-        } catch(e) {
-            alert("Erreur technique : " + e.message);
-        }
+            } else { alert("Erreur : " + data.error); }
+        } catch(e) { alert("Erreur technique"); }
     }
 </script>
 </body>
