From e43923611a461fb433608cc2ece807ce6357481c Mon Sep 17 00:00:00 2001
From: Rohan-uel <u2700818@uel.ac.uk>
Date: Thu, 5 Dec 2024 23:28:40 +0000
Subject: [PATCH] Create password_reset.html

---
 password_reset.html | 115 ++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 115 insertions(+)
 create mode 100644 password_reset.html
diff --git a/password_reset.html b/password_reset.html
new file mode 100644
index 0000000..ef27fc9
--- /dev/null
+++ b/password_reset.html
@@ -0,0 +1,115 @@
+<!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>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      padding: 20px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+    }
+    h2 {
+      color: #333;
+    }
+    input {
+      padding: 10px;
+      margin: 10px;
+      font-size: 16px;
+      width: 250px;
+      border-radius: 5px;
+      border: 1px solid #ccc;
+    }
+    button {
+      padding: 10px 20px;
+      font-size: 16px;
+      background-color: #007bff;
+      color: white;
+      border: none;
+      border-radius: 5px;
+      cursor: pointer;
+    }
+    button:hover {
+      background-color: #0056b3;
+    }
+    p {
+      margin-top: 15px;
+      font-size: 16px;
+    }
+    .error {
+      color: red;
+    }
+    .success {
+      color: green;
+    }
+  </style>
+</head>
+<body>
+
+  <h2>Reset Your Password</h2>
+
+  <form id="resetForm">
+    <input type="email" id="resetEmail" placeholder="Enter your email" required>
+    <button type="submit">Send Reset Link</button>
+  </form>
+
+  <p id="resetMessage"></p>
+
+  <!-- Firebase SDK -->
+  <script src="https://www.gstatic.com/firebasejs/6.0.2/firebase-app.js"></script>
+  <script src="https://www.gstatic.com/firebasejs/6.0.2/firebase-auth.js"></script>
+
+  <script>
+    // Initialize Firebase with your config
+    var firebaseConfig = {
+        apiKey: "AIzaSyBA2O5kze6cSrMqrUpDYoP5KZepBsNEa4k",
+        authDomain: "library-management-syste-37dc2.firebaseapp.com",
+        databaseURL: "https://library-management-syste-37dc2-default-rtdb.firebaseio.com",
+        projectId: "library-management-syste-37dc2",
+        storageBucket: "library-management-syste-37dc2.firebasestorage.app",
+        messagingSenderId: "962676782645",
+        appId: "1:962676782645:web:c008daf774bcee5a80e37c",
+        measurementId: "G-NZ9VJF0LJ2"
+
+    };
+    // Initialize Firebase
+    firebase.initializeApp(firebaseConfig);
+
+    // Get references to HTML elements
+    const resetForm = document.getElementById('resetForm');
+    const resetEmail = document.getElementById('resetEmail');
+    const resetMessage = document.getElementById('resetMessage');
+
+    // Event listener for form submission
+    resetForm.addEventListener('submit', function(event) {
+      event.preventDefault(); // Prevent default form submission
+
+      const email = resetEmail.value;
+
+      // Check if email is empty
+      if (email === "") {
+        resetMessage.textContent = "Please enter a valid email address.";
+        resetMessage.className = "error";
+        return;
+      }
+
+      // Send password reset email using Firebase Authentication
+      firebase.auth().sendPasswordResetEmail(email)
+        .then(function() {
+          resetMessage.textContent = "Password reset email sent! Please check your inbox.";
+          resetMessage.className = "success";
+        })
+        .catch(function(error) {
+          // Handle errors (e.g., email not registered)
+          const errorMessage = error.message;
+          resetMessage.textContent = `Error: ${errorMessage}`;
+          resetMessage.className = "error";
+        });
+    });
+  </script>
+
+</body>
+</html>
