Actualiser login.php

login.php

@@ -3,6 +3,11 @@ session_start();
 $usersFile = 'users.json';
 $users = file_exists($usersFile) ? json_decode(file_get_contents($usersFile), true) : [];
 $message = '';
+$success = '';
+
+if (isset($_GET['registered'])) {
+    $success = "Compte créé avec succès ! Connectez-vous.";
+}
 
 if ($_SERVER['REQUEST_METHOD'] === 'POST') {
     $username = trim($_POST['username']);
@@ -19,9 +24,36 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
 }
 
 include 'include/header.php';
+?>
 
-$action = 'login.php';
+<div class="form-box">
-$buttonText = 'Se connecter';
+    <h2>Connexion</h2>
-include 'form_login_register.php';
+    <?php if ($success): ?>
+        <p class="form-success"><?php echo htmlspecialchars($success); ?></p>
+    <?php endif; ?>
+    <?php if ($message): ?>
+        <p class="form-error"><?php echo htmlspecialchars($message); ?></p>
+    <?php endif; ?>
+    <form method="POST" action="login.php">
+        <label class="field-label" for="username">Nom d'utilisateur</label>
+        <input id="username" type="text" name="username" placeholder="Nom d'utilisateur" required>
 
-include 'include/footer.php';
+        <label class="field-label" for="password">Mot de passe</label>
+        <div class="password-wrapper">
+            <input id="password" type="password" name="password" placeholder="Mot de passe" required>
+            <button type="button" class="toggle-password" onclick="togglePassword()">👁️</button>
+        </div>
+
+        <button type="submit">Se connecter</button>
+    </form>
+    <p class="form-link">Pas encore de compte ? <a href="register.php">S'inscrire</a></p>
+</div>
+
+<script>
+function togglePassword() {
+    const input = document.getElementById('password');
+    input.type = input.type === 'password' ? 'text' : 'password';
+}
+</script>
+
+<?php include 'include/footer.php'; ?>