update with password reset avalable

2023-12-20 17:07:11 +08:00
parent e543c855d6
commit 68ba9f8f67
6 changed files with 867 additions and 1160 deletions
--- a/Sean/views/forgot-password.ejs
+++ b/Sean/views/forgot-password.ejs
@ -0,0 +1,89 @@
+<!-- forgot-password.ejs -->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Forgot Password - Your Website</title>
+  <style>
+    body {
+      font-family: 'Arial', sans-serif;
+      background-color: #f4f4f4;
+      margin: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100vh;
+    }
+
+    h1 {
+      text-align: center;
+      color: #333;
+    }
+
+    form {
+      background-color: #fff;
+      padding: 20px;
+      border-radius: 8px;
+      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+      width: 300px;
+    }
+
+    label {
+      display: block;
+      margin-bottom: 8px;
+      color: #555;
+    }
+
+    input {
+      width: 100%;
+      padding: 8px;
+      margin-bottom: 16px;
+      border: 1px solid #ccc;
+      border-radius: 4px;
+    }
+
+    button {
+      background-color: #4caf50;
+      color: #fff;
+      padding: 10px;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      width: 100%;
+    }
+
+    button:hover {
+      background-color: #45a049;
+    }
+    .error-message {
+      color: red;
+      margin-top: 10px;
+    }
+    .success-message {
+      color: green;
+      margin-top: 10px;
+    }
+  </style>
+</head>
+<body>
+  <div id="forgotPasswordForm">
+    <form action="/forgot-password" method="post">
+      <% if (typeof error !== 'undefined' && error !== null && error !== '') { %>
+        <div class="error-message"><%= error %></div>
+      <% } else if (typeof success !== 'undefined' && success !== null && success !== '') { %>
+        <div class="success-message"><%= success %></div>
+      <% } %>
+
+      <div class="input-box">
+        <span class="details">Username or Email</span>
+        <input type="text" name="usernameOrEmail" placeholder="Enter your username or email" required>
+      </div>
+
+      <div class="button">
+        <input type="submit" value="Submit">
+      </div>
+    </form>
+  </div>
+</body>
+</html>