Update events.js

events.js

@@ -1,9 +1,9 @@
 // events.js - Manages all event listeners
-
-import { appState, saveState } from './state.js';
-import { handleUpdateStock, handleRestock } from './services.js';
+import { appState } from './state.js';
+import { handleUpdateStock, handleRestock, handleSetStock } from './services.js';
 import { refreshUI, showToast, renderReport, renderCustomPOModal } from './ui.js';
 import { generatePurchaseOrder } from './purchaseOrderService.js';
+import { supabase } from './supabaseClient.js';
 
 export function attachAllListeners() {
     attachProductInputListeners();
@@ -13,11 +13,10 @@ export function attachAllListeners() {
 }
 
 export function attachOneTimeListeners() {
+    attachAuthListeners();
     attachModalListeners();
 }
 
-// ... (keep attachProductInputListeners, attachCurrentStockEditListeners, attachRestockListeners) ...
-
 function attachProductInputListeners() {
     document.querySelectorAll('.update-btn').forEach(btn => {
         if (btn.dataset.listenerAttached) return;
@@ -39,11 +38,10 @@ function attachCurrentStockEditListeners() {
             const card = e.target.closest('.dashboard-card');
             const valueDiv = card.querySelector('.current-stock-value');
             const materialName = card.dataset.materialName;
-            const material = appState.materials.find(m => m.name === materialName);
             
             const input = document.createElement('input');
             input.type = 'number';
-            input.value = material.currentStock;
+            input.value = valueDiv.textContent;
             input.className = 'input-field w-24 text-2xl font-bold';
             
             valueDiv.replaceWith(input);
@@ -52,14 +50,7 @@ function attachCurrentStockEditListeners() {
 
             const saveChange = () => {
                 const newValue = parseInt(input.value, 10);
-                if (!isNaN(newValue) && newValue >= 0) {
-                    material.currentStock = newValue;
-                    saveState();
-                    refreshUI();
-                } else {
-                    showToast('Stock must be a valid positive number.', 'error');
-                    refreshUI();
-                }
+                handleSetStock(materialName, newValue);
             };
 
             input.addEventListener('blur', saveChange);
@@ -94,38 +85,72 @@ function attachRestockListeners() {
 }
 
 function attachPurchaseOrderListener() {
-    const poButton = document.getElementById('open-po-modal-btn');
-    if (poButton && !poButton.dataset.listenerAttached) {
-        poButton.dataset.listenerAttached = 'true';
-        poButton.addEventListener('click', () => {
-            const materialsToOrder = appState.materials.filter(m => m.currentStock <= m.reorderPoint * 1.5);
-            if (materialsToOrder.length > 0) {
-                renderCustomPOModal(materialsToOrder);
-            } else {
-                showToast('No items need reordering.', 'info');
+    // This listener is now attached dynamically in renderReorderList in ui.js
+    // We can use event delegation on the header to make it more robust.
+    const reorderHeader = document.getElementById('reorder-header');
+    if (reorderHeader && !reorderHeader.dataset.listenerAttached) {
+        reorderHeader.dataset.listenerAttached = 'true';
+        reorderHeader.addEventListener('click', (e) => {
+            if (e.target.id === 'open-po-modal-btn') {
+                const materialsToOrder = appState.materials.filter(m => m.currentStock <= m.reorderPoint * 1.5);
+                if (materialsToOrder.length > 0) {
+                    renderCustomPOModal(materialsToOrder);
+                } else {
+                    showToast('No items need reordering.', 'info');
+                }
             }
         });
     }
 }
 
+function attachAuthListeners() {
+    const loginForm = document.getElementById('login-form');
+    const logoutBtn = document.getElementById('logout-btn');
+
+    if (loginForm) {
+        loginForm.addEventListener('submit', async (e) => {
+            e.preventDefault();
+            const email = document.getElementById('email').value;
+            const password = document.getElementById('password').value;
+            
+            const { error } = await supabase.auth.signInWithPassword({ email, password });
+            
+            if (error) {
+                showToast(`Login failed: ${error.message}`, 'error');
+            }
+            // onAuthStateChange in main.js will handle success
+        });
+    }
+
+    if (logoutBtn) {
+        logoutBtn.addEventListener('click', async () => {
+            await supabase.auth.signOut();
+            // onAuthStateChange in main.js will handle UI changes
+        });
+    }
+}
+
 function attachModalListeners() {
-    // Standard Modals (Reset, Reports)
     const resetModal = document.getElementById('reset-modal');
     const reportsModal = document.getElementById('reports-modal');
+    const customPOModal = document.getElementById('custom-po-modal');
+
+    document.getElementById('show-reset-modal-btn')?.addEventListener('click', () => resetModal.classList.remove('hidden'));
     
-    document.getElementById('show-reset-modal-btn').addEventListener('click', () => resetModal.classList.remove('hidden'));
-    resetModal.addEventListener('click', (e) => {
+    resetModal.addEventListener('click', async (e) => {
         const target = e.target.closest('button');
         if ((target && target.id === 'cancel-reset-btn') || e.target === resetModal) {
             resetModal.classList.add('hidden');
         }
         if (target && target.id === 'confirm-reset-btn') {
-            localStorage.removeItem('antennaTrackerState');
+            showToast('Resetting data... please wait.', 'info');
+            await supabase.from('production_log').delete().neq('id', '00000000-0000-0000-0000-000000000000');
+            await supabase.from('materials').delete().neq('id', '00000000-0000-0000-0000-000000000000');
             window.location.reload();
         }
     });
 
-    document.getElementById('show-reports-modal-btn').addEventListener('click', () => reportsModal.classList.remove('hidden'));
+    document.getElementById('show-reports-modal-btn')?.addEventListener('click', () => reportsModal.classList.remove('hidden'));
     reportsModal.addEventListener('click', (e) => {
         const target = e.target.closest('button');
         if ((target && target.id === 'close-reports-modal-btn') || e.target === reportsModal) {
@@ -134,17 +159,13 @@ function attachModalListeners() {
         if (target && target.id === 'report-prod-summary') renderReport('production');
         if (target && target.id === 'report-mat-usage') renderReport('material');
     });
-
-    // Custom PO Modal
-    const customPOModal = document.getElementById('custom-po-modal');
+    
     customPOModal.addEventListener('click', e => {
         const target = e.target;
-        // Close modal actions
-        if (target.id === 'custom-po-modal' || target.id === 'cancel-po-btn' || target.id === 'cancel-po-btn-footer' || target.closest('#cancel-po-btn')) {
+        if (target.id === 'custom-po-modal' || target.closest('#cancel-po-btn') || target.id === 'cancel-po-btn-footer') {
             customPOModal.classList.add('hidden');
         }
 
-        // Generate PDF action
         if (target.id === 'confirm-po-generation-btn') {
             const supplierName = document.getElementById('supplier-name').value.trim();
             const selectedItems = [];