Update web/index.html

web/index.html

@@ -101,9 +101,9 @@
         <ul class="hidden md:flex space-x-6 font-medium text-gray-800">
           <li><a href="index.html" class="nav-link">Home</a></li>
           <li><a href="analyzer.html" class="nav-link">Analyzer</a></li>
+          <li><a href="past_data.html" class="nav-link">Past Reports</a></li>
           <li><a href="profile.html" class="nav-link">Profile</a></li>
-          <li><a href="login.html" class="nav-link">Login</a></li>
-          <li><a href="about.html" class="nav-link">About</a></li>
+          <li id="authNavItem"><a href="login.html" class="nav-link">Login</a></li>
         </ul>
 
         <!-- Hamburger Menu -->
@@ -283,7 +283,49 @@
       </div>
     </footer>
 
-    <script>
+    <script type="module">
+      import { initializeApp } from 'https://www.gstatic.com/firebasejs/9.22.0/firebase-app.js';
+      import { getAuth, onAuthStateChanged, signOut } from 'https://www.gstatic.com/firebasejs/9.22.0/firebase-auth.js';
+      import { getFirestore, doc, getDoc, updateDoc } from 'https://www.gstatic.com/firebasejs/9.22.0/firebase-firestore.js';
+
+      const firebaseConfig = {
+        apiKey: "AIzaSyAPhM_Ee7cLzyKHs5zyFy8g5ZOk9-pubRI",
+        authDomain: "login-tutorial-7a9e1.firebaseapp.com",
+        projectId: "login-tutorial-7a9e1",
+        storageBucket: "login-tutorial-7a9e1.firebasestorage.app",
+        messagingSenderId: "491093197824",
+        appId: "1:491093197824:web:9f866..."
+      };
+
+      const app = initializeApp(firebaseConfig);
+      const auth = getAuth(app);
+      const db = getFirestore(app);
+
+      let currentUser = null;
+
+      onAuthStateChanged(auth, (user) => {
+        const authNavItem = document.getElementById('authNavItem');
+        if (authNavItem) {
+          if (user) {
+            authNavItem.innerHTML = '<button onclick="logout()" class="hover:text-[#6B9080] text-red-600">Logout</button>';
+          } else {
+            authNavItem.innerHTML = '<a href="login.html" class="hover:text-[#6B9080]">Login</a>';
+          }
+        }
+      });
+
+     
+      window.logout = async () => {
+        try {
+          await signOut(auth);
+          localStorage.clear();
+          window.location.href = 'login.html';
+        } catch (error) {
+          console.error("Error signing out:", error);
+        }
+      };
+
+
       // Fade-in on scroll
       const fadeObserver = new IntersectionObserver(
         (entries) => {