buttons are not working properly - Follow Up Deployment

index.html

@@ -231,7 +231,7 @@
                                         </td>
                                         <td class="px-4 py-4 whitespace-nowrap text-sm text-gray-500">2 days ago</td>
                                         <td class="px-4 py-4 whitespace-nowrap text-sm font-medium">
-                                            <button class="text-blue-600 hover:text-blue-900 mr-3"><i class="fas fa-eye"></i></button>
+                                            <button class="text-blue-600 hover:text-blue-900 mr-3" onclick="openClientModal()"><i class="fas fa-eye"></i></button>
                                             <button class="text-green-600 hover:text-green-900"><i class="fas fa-edit"></i></button>
                                         </td>
                                     </tr>
@@ -355,7 +355,7 @@
                                 </div>
                             </div>
                         </div>
-                        <button class="w-full mt-4 py-2 border border-dashed border-gray-300 rounded-lg text-gray-500 hover:text-gray-700 hover:border-gray-400">
+                        <button class="w-full mt-4 py-2 border border-dashed border-gray-300 rounded-lg text-gray-500 hover:text-gray-700 hover:border-gray-400" onclick="alert('Add task functionality would open a form here')">
                             <i class="fas fa-plus mr-1"></i> Add Task
                         </button>
                     </div>
@@ -440,7 +440,7 @@
                             </button>
                         </div>
                         <div class="grid grid-cols-2 gap-4">
-                            <button class="flex flex-col items-center justify-center p-4 rounded-lg border border-gray-200 hover:border-blue-500 hover:bg-blue-50">
+                            <button class="flex flex-col items-center justify-center p-4 rounded-lg border border-gray-200 hover:border-blue-500 hover:bg-blue-50" onclick="openClientModal()">
                                 <div class="bg-blue-100 p-3 rounded-full mb-2">
                                     <i class="fas fa-user-plus text-blue-600"></i>
                                 </div>
@@ -616,9 +616,25 @@
     </div>
 
     <script>
+        // DOM Elements
+        const clientModal = document.getElementById('clientModal');
+        const closeModal = document.getElementById('closeModal');
+        
         // Authentication state
         let currentUser = null;
         const authToken = localStorage.getItem('authToken');
+
+        // Modal functions
+        function openClientModal() {
+            clientModal.classList.remove('hidden');
+        }
+
+        function closeClientModal() {
+            clientModal.classList.add('hidden');
+        }
+
+        // Event listeners for modal
+        closeModal.addEventListener('click', closeClientModal);
         
         // Check if user is logged in
         if (authToken) {
@@ -629,10 +645,21 @@
         }
 
         // Toggle sidebar
-        document.getElementById('sidebarToggle').addEventListener('click', function() {
-            document.querySelector('.sidebar').classList.toggle('collapsed');
+        const sidebarToggle = document.getElementById('sidebarToggle');
+        const sidebar = document.querySelector('.sidebar');
+        
+        sidebarToggle.addEventListener('click', function() {
+            sidebar.classList.toggle('collapsed');
+            // Store sidebar state in localStorage
+            const isCollapsed = sidebar.classList.contains('collapsed');
+            localStorage.setItem('sidebarCollapsed', isCollapsed);
         });
 
+        // Initialize sidebar state from localStorage
+        if (localStorage.getItem('sidebarCollapsed') === 'true') {
+            sidebar.classList.add('collapsed');
+        }
+
         // Navigation functions
         function showLogin() {
             document.getElementById('loginPage').classList.remove('hidden');