Rework login process & implement MFA

views/totp_enroll.html

@@ -5,7 +5,7 @@
 	<div id="login-card" class="my-5">
 		<div class="card">
 			<div class="card-header">
-				Vérification multifacteur (TOTP)
+				Enregistrement multifacteur (TOTP)
 			</div>
 			<div class="card-body">
 				{% if MfaError %}

views/totp_verify.html

@@ -0,0 +1,43 @@
+{% extends "layouts/main.html" %}
+
+{% block main %}
+<div class="container">
+	<div id="login-card" class="my-5">
+		<div class="card">
+			<div class="card-header">
+				Vérification multifacteur (TOTP)
+			</div>
+			<div class="card-body">
+				{% if MfaError %}
+					<div class="alert alert-danger">
+						{{ MfaError }}
+					</div>
+				{% endif %}
+
+				<form id="login" method="post">
+					<div class="mb-3">
+						<label for="otp" class="form-label">
+							Code temporaire
+						</label>
+						<input
+							id="otp"
+							class="form-control"
+							type="text"
+							name="otp"
+							required
+							placeholder="000000"
+							pattern="[0-9]{6}"
+						>
+					</div>
+					<div class="text-end">
+						<button class="btn btn-primary" type="submit">
+							<i class="me-1" data-feather="check-circle"></i>
+							Vérifier
+						</button>
+					</div>
+				</form>
+			</div>
+		</div>
+	</div>
+</div>
+{% endblock %}