feat: reset password

2026-05-21 21:21:03 +02:00
parent 7f60bc756f
commit 19e65e36f3
9 changed files with 330 additions and 32 deletions
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Nouveau mot de passe</title>
+</head>
+<body style="margin: 0; min-height: 100vh; display: grid; place-items: center; background: #f5efe6; color: #232323; font-family: Arial, sans-serif;">
+    <main style="width: min(100% - 32px, 520px); background: #ffffff; border-radius: 8px; padding: 32px; box-sizing: border-box;">
+        <p style="margin: 0 0 8px; color: #426fb3; font-size: 14px; font-weight: 700; text-transform: uppercase;">
+            {{ $appName }}
+        </p>
+
+        <h1 style="margin: 0 0 16px; color: #000000; font-size: 28px; line-height: 34px;">
+            {{ $passwordReset ? 'Mot de passe modifié' : 'Nouveau mot de passe' }}
+        </h1>
+
+        @if ($passwordReset)
+            <p style="margin: 0; color: #232323; font-size: 16px; line-height: 24px;">
+                Ton mot de passe a bien été réinitialisé. Tu peux retourner dans l’application et te connecter.
+            </p>
+        @else
+            <p style="margin: 0 0 24px; color: #232323; font-size: 16px; line-height: 24px;">
+                Choisis un nouveau mot de passe pour sécuriser ton compte.
+            </p>
+
+            @if ($errors->any())
+                <div style="margin: 0 0 16px; padding: 12px 14px; border-radius: 8px; background: #fff2f2; color: #9f2d2d; font-size: 14px; line-height: 20px;">
+                    {{ $errors->first() }}
+                </div>
+            @endif
+
+            <form method="POST" action="{{ route('password.web-update') }}" style="display: grid; gap: 16px;">
+                @csrf
+
+                <input type="hidden" name="token" value="{{ $token }}">
+
+                <label style="display: grid; gap: 8px; color: #232323; font-size: 14px; font-weight: 700;">
+                    Email
+                    <input
+                        type="email"
+                        name="email"
+                        value="{{ old('email', $email) }}"
+                        required
+                        autocomplete="email"
+                        style="width: 100%; box-sizing: border-box; border: 1px solid #f5efe6; border-radius: 8px; padding: 12px 14px; color: #232323; font-size: 16px;"
+                    >
+                </label>
+
+                <label style="display: grid; gap: 8px; color: #232323; font-size: 14px; font-weight: 700;">
+                    Nouveau mot de passe
+                    <input
+                        type="password"
+                        name="password"
+                        required
+                        minlength="8"
+                        autocomplete="new-password"
+                        style="width: 100%; box-sizing: border-box; border: 1px solid #f5efe6; border-radius: 8px; padding: 12px 14px; color: #232323; font-size: 16px;"
+                    >
+                </label>
+
+                <label style="display: grid; gap: 8px; color: #232323; font-size: 14px; font-weight: 700;">
+                    Confirmer le mot de passe
+                    <input
+                        type="password"
+                        name="password_confirmation"
+                        required
+                        minlength="8"
+                        autocomplete="new-password"
+                        style="width: 100%; box-sizing: border-box; border: 1px solid #f5efe6; border-radius: 8px; padding: 12px 14px; color: #232323; font-size: 16px;"
+                    >
+                </label>
+
+                <button type="submit" style="min-height: 48px; border: 0; border-radius: 8px; background: #007f3a; color: #ffffff; font-size: 16px; font-weight: 700; cursor: pointer;">
+                    Modifier le mot de passe
+                </button>
+            </form>
+        @endif
+    </main>
+</body>
+</html>