chg: usr: add forgot password functionality #4

2026-04-12 08:10:36 +02:00
parent c0dcc2896a
commit e2b227ed7a
8 changed files with 512 additions and 69 deletions
--- a/templates/emails/reset_password.html.twig
+++ b/templates/emails/reset_password.html.twig
@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <title>Reset your MineSeeker password</title>
+  <style>
+    body {
+      margin: 0;
+      padding: 0;
+      background: #07090d;
+      font-family: Arial, sans-serif;
+      color: #ffffff;
+    }
+
+    .wrapper {
+      max-width: 560px;
+      margin: 0 auto;
+      padding: 40px 20px;
+    }
+
+    .logo {
+      text-align: center;
+      margin-bottom: 36px;
+    }
+
+    .logo img {
+      width: 200px;
+    }
+
+    .card {
+      background: #0f1923;
+      border: 1px solid rgba(35, 111, 135, 0.25);
+      border-radius: 10px;
+      padding: 40px 36px;
+    }
+
+    h1 {
+      font-size: 26px;
+      font-weight: 800;
+      letter-spacing: 1px;
+      margin: 0 0 10px;
+      color: #ffffff;
+    }
+
+    .sub {
+      font-size: 14px;
+      color: rgba(149, 207, 245, 0.7);
+      margin: 0 0 28px;
+    }
+
+    p {
+      font-size: 15px;
+      color: rgba(255, 255, 255, 0.65);
+      line-height: 1.7;
+      margin: 0 0 24px;
+    }
+
+    .btn {
+      display: inline-block;
+      background: linear-gradient(to bottom, #ad0a05, #f67d52);
+      color: #ffffff !important;
+      text-decoration: none;
+      font-size: 15px;
+      font-weight: bold;
+      letter-spacing: 2px;
+      text-transform: uppercase;
+      padding: 16px 48px;
+      border-radius: 5px;
+    }
+
+    .fallback {
+      margin-top: 24px;
+      font-size: 12px;
+      color: rgba(255, 255, 255, 0.3);
+      word-break: break-all;
+    }
+
+    .fallback a {
+      color: rgba(149, 207, 245, 0.5);
+    }
+
+    .footer {
+      text-align: center;
+      margin-top: 32px;
+      font-size: 12px;
+      color: rgba(255, 255, 255, 0.2);
+    }
+  </style>
+</head>
+<body>
+<div class="wrapper">
+  <div class="logo">
+    <img src="{{ absolute_url(asset('images/mine-logo-txt.png')) }}" alt="MineSeeker"/>
+  </div>
+  <div class="card">
+    <h1>Reset your password</h1>
+    <p class="sub">This link expires in 1 hour</p>
+    <p>
+      Hi <strong>{{ username }}</strong>,<br>
+      We received a request to reset the password for your MineSeeker account.
+      Click the button below to choose a new password.
+    </p>
+    <p>
+      <a class="btn" href="{{ reset_url }}">Reset Password</a>
+    </p>
+    <p class="fallback">
+      If the button doesn't work, copy and paste this link into your browser:<br>
+      <a href="{{ reset_url }}">{{ reset_url }}</a>
+    </p>
+    <p style="margin-top:24px; font-size:13px; color:rgba(255,255,255,0.35);">
+      If you didn't request a password reset, you can safely ignore this email.
+      Your password will not change.
+    </p>
+  </div>
+  <div class="footer">
+    &copy; {{ "now"|date("Y") }} MineSeeker &bull; This link expires in 1 hour.
+  </div>
+</div>
+</body>
+</html>