show the time tracking

index.html

@@ -350,7 +350,6 @@
 
     <script>
         feather.replace();
-        
         // Sample users database (in a real app, this would be server-side)
         const users = [
             { email: 'admin@example.com', password: 'admin123', role: 'admin', name: 'Admin User' },
@@ -372,18 +371,46 @@
                 
                 // Show appropriate dashboard
                 if (user.role === 'admin') {
-                    document.getElementById('admin-dashboard').classList.remove('hidden');
-                    // Update admin name in sidebar
-                    document.querySelector('#admin-dashboard .sidebar-link.active + div p').textContent = user.name;
+                    window.location.href = "admin-dashboard.html";
                 } else {
-                    document.getElementById('employee-dashboard').classList.remove('hidden');
-                    // Update employee name in sidebar
-                    document.querySelector('#employee-dashboard .sidebar-link.active + div p').textContent = user.name;
+                    window.location.href = "time-tracking.html";
                 }
             } else {
                 alert('Invalid email or password');
             }
         });
+
+        // Time tracking demo functionality
+        if (document.getElementById('employee-dashboard')) {
+            const clockInBtn = document.querySelector('#employee-dashboard button:first-child');
+            const clockOutBtn = document.querySelector('#employee-dashboard button:nth-child(2)');
+            const breakStartBtn = document.querySelector('#employee-dashboard button:nth-child(3)');
+            const breakEndBtn = document.querySelector('#employee-dashboard button:nth-child(4)');
+            
+            clockInBtn.addEventListener('click', function() {
+                alert('Clocked in at ' + new Date().toLocaleTimeString());
+                clockInBtn.disabled = true;
+                clockOutBtn.disabled = false;
+            });
+            
+            clockOutBtn.addEventListener('click', function() {
+                alert('Clocked out at ' + new Date().toLocaleTimeString());
+                clockOutBtn.disabled = true;
+                clockInBtn.disabled = false;
+            });
+            
+            breakStartBtn.addEventListener('click', function() {
+                alert('Break started at ' + new Date().toLocaleTimeString());
+                breakStartBtn.disabled = true;
+                breakEndBtn.disabled = false;
+            });
+            
+            breakEndBtn.addEventListener('click', function() {
+                alert('Break ended at ' + new Date().toLocaleTimeString());
+                breakEndBtn.disabled = true;
+                breakStartBtn.disabled = false;
+            });
+        }
 </script>
 </body>
 </html>