Update events.js

events.js

@@ -2,26 +2,22 @@
 
 import { appState, saveState } from './state.js';
 import { handleUpdateStock, handleRestock } from './services.js';
-import { refreshUI, showToast, renderReport } from './ui.js';
+import { refreshUI, showToast, renderReport, renderCustomPOModal } from './ui.js';
 import { generatePurchaseOrder } from './purchaseOrderService.js';
 
-/**
- * Attaches listeners to elements that are frequently re-rendered.
- */
 export function attachAllListeners() {
     attachProductInputListeners();
-    attachCurrentStockEditListeners(); // REPLACED max stock editor
+    attachCurrentStockEditListeners();
     attachRestockListeners();
     attachPurchaseOrderListener();
 }
 
-/**
- * Attaches listeners to static elements, like modals, only once on startup.
- */
 export function attachOneTimeListeners() {
     attachModalListeners();
 }
 
+// ... (keep attachProductInputListeners, attachCurrentStockEditListeners, attachRestockListeners) ...
+
 function attachProductInputListeners() {
     document.querySelectorAll('.update-btn').forEach(btn => {
         if (btn.dataset.listenerAttached) return;
@@ -48,7 +44,7 @@ function attachCurrentStockEditListeners() {
             const input = document.createElement('input');
             input.type = 'number';
             input.value = material.currentStock;
-            input.className = 'input-field w-24 text-2xl font-bold'; // Match styling
+            input.className = 'input-field w-24 text-2xl font-bold';
             
             valueDiv.replaceWith(input);
             input.focus();
@@ -62,7 +58,7 @@ function attachCurrentStockEditListeners() {
                     refreshUI();
                 } else {
                     showToast('Stock must be a valid positive number.', 'error');
-                    refreshUI(); // Re-render to discard bad input
+                    refreshUI();
                 }
             };
 
@@ -98,26 +94,25 @@ function attachRestockListeners() {
 }
 
 function attachPurchaseOrderListener() {
-    const poButton = document.getElementById('generate-full-po-btn');
+    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);
+            const materialsToOrder = appState.materials.filter(m => m.currentStock <= m.reorderPoint * 1.5);
             if (materialsToOrder.length > 0) {
-                generatePurchaseOrder(materialsToOrder);
-                showToast(`Generated consolidated PO for ${materialsToOrder.length} items.`, 'success');
+                renderCustomPOModal(materialsToOrder);
             } else {
-                showToast('No items to reorder.', 'info');
+                showToast('No items need reordering.', 'info');
             }
         });
     }
 }
 
 function attachModalListeners() {
+    // Standard Modals (Reset, Reports)
     const resetModal = document.getElementById('reset-modal');
     const reportsModal = document.getElementById('reports-modal');
     
-    // Reset Modal
     document.getElementById('show-reset-modal-btn').addEventListener('click', () => resetModal.classList.remove('hidden'));
     resetModal.addEventListener('click', (e) => {
         const target = e.target.closest('button');
@@ -130,7 +125,6 @@ function attachModalListeners() {
         }
     });
 
-    // Reports Modal
     document.getElementById('show-reports-modal-btn').addEventListener('click', () => reportsModal.classList.remove('hidden'));
     reportsModal.addEventListener('click', (e) => {
         const target = e.target.closest('button');
@@ -140,4 +134,39 @@ 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')) {
+            customPOModal.classList.add('hidden');
+        }
+
+        // Generate PDF action
+        if (target.id === 'confirm-po-generation-btn') {
+            const supplierName = document.getElementById('supplier-name').value.trim();
+            const selectedItems = [];
+            
+            document.querySelectorAll('.po-item-select:checked').forEach(checkbox => {
+                const row = checkbox.closest('.po-item-row');
+                const materialName = row.dataset.materialName;
+                const material = appState.materials.find(m => m.name === materialName);
+                const quantity = parseInt(row.querySelector('.po-item-qty').value, 10);
+
+                if (material && !isNaN(quantity) && quantity > 0) {
+                    selectedItems.push({ material, quantity });
+                }
+            });
+
+            if (selectedItems.length > 0) {
+                generatePurchaseOrder(selectedItems, supplierName);
+                showToast(`Generated PO for ${selectedItems.length} items.`, 'success');
+                customPOModal.classList.add('hidden');
+            } else {
+                showToast('No items selected or quantities are invalid.', 'error');
+            }
+        }
+    });
 }