<!-- reset-password.ejs -->

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Password Reset</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
  <div class="container mt-5">
    <form action="/reset-password/<%= token %>" method="post">
      <div class="form-group">
        <label for="password">New Password:</label>
        <input type="password" class="form-control" id="password" name="password" required>
      </div>
      <div class="form-group">
        <label for="confirmPassword">Confirm Password:</label>
        <input type="password" class="form-control" id="confirmPassword" name="confirmPassword" required>
      </div>

      <% if (resetError) { %>
        <div class="alert alert-danger mb-3"><%= resetError %></div>
      <% } else if (passwordValidationError) { %>
        <div class="alert alert-danger mb-3"><%= passwordValidationError %></div>
      <% } %>

      <button type="submit" class="btn btn-primary">Reset Password</button>
    </form>
  </div>
</body>
</html>

