how can I login

index.html

@@ -351,12 +351,39 @@
     <script>
         feather.replace();
         
-        // This would be replaced with actual authentication logic
+        // 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' },
+            { email: 'employee@example.com', password: 'employee123', role: 'employee', name: 'John Doe' }
+        ];
+
         document.querySelector('form').addEventListener('submit', function(e) {
             e.preventDefault();
-            document.getElementById('auth-page').classList.add('hidden');
-            document.getElementById('employee-dashboard').classList.remove('hidden');
+            
+            const email = document.getElementById('email').value;
+            const password = document.getElementById('password').value;
+            
+            // Find user
+            const user = users.find(u => u.email === email && u.password === password);
+            
+            if (user) {
+                // Hide auth page
+                document.getElementById('auth-page').classList.add('hidden');
+                
+                // 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;
+                } 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;
+                }
+            } else {
+                alert('Invalid email or password');
+            }
         });
-    </script>
+</script>
 </body>
 </html>