first

views/login.ejs

@@ -0,0 +1,27 @@
+<%- include('layouts/main', { hideNavbar: true, title: 'Connexion' }) %>
+
+<div class="min-vh-100 d-flex align-items-center justify-content-center bg-light">
+  <div class="card shadow-sm" style="width: 400px;">
+    <div class="card-body p-4">
+      <div class="text-center mb-4">
+        <i class="fas fa-envelope fa-3x text-primary mb-3"></i>
+        <h3>Mail Notifier</h3>
+        <p class="text-muted">Connexion à l'interface d'administration</p>
+      </div>
+      
+      <form action="/login" method="POST">
+        <div class="mb-3">
+          <label for="username" class="form-label">Nom d'utilisateur</label>
+          <input type="text" class="form-control" id="username" name="username" required>
+        </div>
+        <div class="mb-3">
+          <label for="password" class="form-label">Mot de passe</label>
+          <input type="password" class="form-control" id="password" name="password" required>
+        </div>
+        <div class="d-grid gap-2">
+          <button type="submit" class="btn btn-primary">Se connecter</button>
+        </div>
+      </form>
+    </div>
+  </div>
+</div>