Upload 2 files

static/script.js

@@ -44,6 +44,46 @@ document.getElementById('create-form').addEventListener('submit', async (e) => {
     }
 });
 
+document.getElementById('login-form').addEventListener('submit', async (e) => {
+    e.preventDefault();
+    
+    const messageContainer = document.getElementById('message-container');
+    messageContainer.innerHTML = '<div style="background:#fff3cd;border:2px solid #ffc107;padding:1rem;margin-bottom:1rem;border-radius:4px;text-align:center;">Logging in...</div>';
+    
+    try {
+        const res = await fetch('/login', {
+            method: 'POST',
+            headers: {'Content-Type': 'application/json'},
+            body: JSON.stringify({
+                username: document.getElementById('username').value,
+                password: document.getElementById('password').value
+            }),
+            credentials: 'include'  // Important! Include cookies
+        });
+        
+        const contentType = res.headers.get('content-type');
+        if (!contentType || !contentType.includes('application/json')) {
+            throw new Error('Server returned HTML instead of JSON. Check backend logs.');
+        }
+        
+        const data = await res.json();
+        
+        if (res.ok) {
+            messageContainer.innerHTML = '<div class="success-message">✅ Login successful! Redirecting...</div>';
+            
+            // Force redirect to dashboard
+            setTimeout(() => {
+                window.location.href = '/';
+            }, 1000);
+        } else {
+            messageContainer.innerHTML = `<div class="error-message">❌ ${data.message}</div>`;
+        }
+    } catch (error) {
+        console.error('Login error:', error);
+        messageContainer.innerHTML = `<div class="error-message">❌ ${error.message}</div>`;
+    }
+});
+
 async function loadLogs() {
     const res = await fetch('/api/cms/logs');
     const logs = await res.json();