Jelajahi Sumber

add password reset email template

Daniel Bohry 3 minggu lalu
induk
melakukan
fd8679b6be
1 mengubah file dengan 109 tambahan dan 0 penghapusan
  1. 109 0
      src/main/resources/template/password-reset-email.html

+ 109 - 0
src/main/resources/template/password-reset-email.html

@@ -0,0 +1,109 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Password Reset Request</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            line-height: 1.6;
+            color: #333;
+            max-width: 600px;
+            margin: 0 auto;
+            padding: 20px;
+        }
+
+        .container {
+            background: #f9f9f9;
+            padding: 30px;
+            border-radius: 10px;
+        }
+
+        .header {
+            text-align: center;
+            margin-bottom: 30px;
+        }
+
+        .header h1 {
+            color: #667eea;
+            margin-bottom: 10px;
+        }
+
+        .content {
+            background: white;
+            padding: 25px;
+            border-radius: 8px;
+            margin-bottom: 20px;
+        }
+
+        .reset-button {
+            text-align: center;
+            margin: 30px 0;
+        }
+
+        .reset-button a {
+            background: linear-gradient(135deg, #667eea 0%%, #764ba2 100%%);
+            padding: 12px 30px;
+            text-decoration: none;
+            border-radius: 25px;
+            display: inline-block;
+            font-weight: bold;
+            font-size: 16px;
+        }
+
+        .security-note {
+            background: #fff3cd;
+            border: 1px solid #ffeaa7;
+            padding: 15px;
+            border-radius: 5px;
+            margin-top: 20px;
+        }
+
+        .footer {
+            text-align: center;
+            margin-top: 30px;
+            font-size: 12px;
+            color: #666;
+        }
+    </style>
+</head>
+<body>
+<div class="container">
+    <div class="header">
+        <h1>🔐 Auth Service</h1>
+        <p>Password Reset Request</p>
+    </div>
+
+    <div class="content">
+        <p>Hello <strong>%s</strong>,</p>
+
+        <p>We received a request to reset the password for your account. If you made this request, please click the
+            button below to reset your password:</p>
+
+        <div class="reset-button">
+            <a href="%s">Reset My Password</a>
+        </div>
+
+        <p>Alternatively, you can copy and paste this link into your browser:</p>
+        <p style="word-break: break-all; background: #f8f9fa; padding: 10px; border-radius: 4px; font-family: monospace;">
+            %s</p>
+
+        <div class="security-note">
+            <strong>Security Notice:</strong>
+            <ul>
+                <li>This link will expire in <strong>10 minutes</strong> for security reasons</li>
+                <li>If you did not request a password reset, please ignore this email</li>
+                <li>Never share this link with anyone</li>
+            </ul>
+        </div>
+
+        <p>Best regards,<br><strong>Auth Service Team</strong></p>
+    </div>
+
+    <div class="footer">
+        <p>This is an automated message. Please do not reply to this email.</p>
+        <p>© 2024 Auth Service. All rights reserved.</p>
+    </div>
+</div>
+</body>
+</html>