Update index.html

index.html

@@ -401,5 +401,76 @@
         </form>
     </div>
 </div>
+  <script>
+    // JavaScript for Capital Account Functionality
+
+    // ▼▼▼▼▼ CRITICAL STEP: CONFIGURE YOUR WORKER URL ▼▼▼▼▼
+    const WORKER_URL="YOUR_WORKER_URL_HERE";
+    // ▲▲▲▲▲ CRITICAL STEP: CONFIGURE YOUR WORKER URL ▲▲▲▲▲
+
+    const entryModal = document.getElementById('entryModal');
+    const addEntryBtn = document.getElementById('addEntryBtn');
+    const cancelBtn = document.getElementById('cancelBtn');
+    const ledgerForm = document.getElementById('ledgerForm');
+
+    // NOTE: This assumes the user is already logged in and a JWT is in localStorage.
+    // The floating button will only appear if a session token exists.
+    let sessionToken = localStorage.getItem('accessToken');
+    if (sessionToken) {
+        addEntryBtn.style.display = 'flex';
+    }
+    
+    addEntryBtn.addEventListener('click', () => {
+        entryModal.style.display = 'flex';
+    });
+
+    cancelBtn.addEventListener('click', () => {
+        entryModal.style.display = 'none';
+        ledgerForm.reset();
+    });
+
+    ledgerForm.addEventListener('submit', async (e) => {
+        e.preventDefault();
+        const entryData = {
+            date: document.getElementById('date').value,
+            description: document.getElementById('description').value,
+            ref: document.getElementById('ref').value,
+            debit: document.getElementById('debit').value || 0,
+            credit: document.getElementById('credit').value || 0,
+        };
+
+        // Re-check for session token before submitting
+        sessionToken = localStorage.getItem('accessToken');
+        if (!sessionToken) {
+            alert('Your session has expired. Please log in again.');
+            return;
+        }
+
+        try {
+            const response = await fetch(`${WORKER_URL}/api/ledger`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'Authorization': `Bearer ${sessionToken}`
+                },
+                body: JSON.stringify(entryData),
+            });
+            
+            if (!response.ok) {
+                // Try to get error message from backend
+                const errorResult = await response.json();
+                throw new Error(errorResult.error || 'Authorization failed. Please log in again.');
+            }
+
+            const result = await response.json();
+            alert(`${result.message}\nNew Balance: ${result.newBalance.toFixed(2)}`);
+            entryModal.style.display = 'none';
+            ledgerForm.reset();
+
+        } catch (error) {
+            alert(error.message);
+        }
+    });
+  </script>
 </body>
 </html>