feat: reset password
This commit is contained in:
@@ -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>
|
||||
@@ -0,0 +1,63 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Réinitialise ton mot de passe Bowli</title>
|
||||
</head>
|
||||
<body style="margin: 0; padding: 0; background: #f5efe6; color: #232323; font-family: Arial, sans-serif;">
|
||||
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background: #f5efe6; padding: 32px 16px;">
|
||||
<tr>
|
||||
<td align="center">
|
||||
<table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="max-width: 560px; background: #ffffff; border-radius: 8px; overflow: hidden;">
|
||||
<tr>
|
||||
<td style="padding: 32px;">
|
||||
<p style="margin: 0 0 8px; color: #007f3a; font-size: 14px; font-weight: 700; text-transform: uppercase;">
|
||||
Bowli
|
||||
</p>
|
||||
|
||||
<h1 style="margin: 0 0 16px; color: #000000; font-size: 28px; line-height: 34px;">
|
||||
Réinitialise ton mot de passe
|
||||
</h1>
|
||||
|
||||
<p style="margin: 0 0 16px; color: #232323; font-size: 16px; line-height: 24px;">
|
||||
Bonjour {{ $userName ?: 'à toi' }},
|
||||
</p>
|
||||
|
||||
<p style="margin: 0 0 24px; color: #232323; font-size: 16px; line-height: 24px;">
|
||||
Clique sur le bouton ci-dessous pour créer un nouveau mot de passe. Le lien ouvre une page sécurisée de l’API Bowli.
|
||||
</p>
|
||||
|
||||
<table role="presentation" cellpadding="0" cellspacing="0" style="margin: 0 0 24px;">
|
||||
<tr>
|
||||
<td style="background: #007f3a; border-radius: 999px;">
|
||||
<a href="{{ $resetUrl }}" style="display: inline-block; padding: 14px 24px; color: #ffffff; font-size: 16px; font-weight: 700; text-decoration: none;">
|
||||
Choisir un nouveau mot de passe
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<p style="margin: 0 0 16px; color: #666666; font-size: 14px; line-height: 22px;">
|
||||
Ce lien expire dans {{ $expiresInMinutes }} minutes.
|
||||
</p>
|
||||
|
||||
<p style="margin: 0 0 16px; color: #666666; font-size: 14px; line-height: 22px;">
|
||||
Si le bouton ne fonctionne pas, copie ce lien dans ton navigateur :
|
||||
</p>
|
||||
|
||||
<p style="margin: 0 0 16px; word-break: break-all; color: #007f3a; font-size: 14px; line-height: 22px;">
|
||||
<a href="{{ $resetUrl }}" style="color: #007f3a;">{{ $resetUrl }}</a>
|
||||
</p>
|
||||
|
||||
<p style="margin: 0; color: #666666; font-size: 14px; line-height: 22px;">
|
||||
Si tu n’as pas demandé de réinitialisation, tu peux ignorer cet email.
|
||||
</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user