Update ui.js

ui.js

@@ -4,57 +4,6 @@ import { appState } from './state.js';
 import { attachAllListeners } from './events.js';
 import { getMonthlyProductionSummary, getMonthlyMaterialUsage } from './reportService.js';
 
-// ... (No changes to any other functions in this file) ...
-
-// The only change is in renderCustomPOModal
-export function renderCustomPOModal(materials) {
-    const modal = document.getElementById('custom-po-modal');
-    if (!modal) return;
-
-    const materialRows = materials.map(material => {
-        const suggestedQty = Math.max(1, (material.reorderPoint * 2) - material.currentStock);
-        return `
-            <div class="po-item-row" data-material-name="${material.name}">
-                <!-- MODIFICATION: Removed the 'checked' attribute to make items unselected by default -->
-                <input type="checkbox" class="po-item-select form-checkbox h-5 w-5 rounded bg-dark border-border-color text-accent-blue focus:ring-accent-blue">
-                <div>
-                    <span class="font-semibold">${material.name}</span>
-                    <span class="text-xs text-secondary block">Stock: ${material.currentStock} | Reorder: ${material.reorderPoint}</span>
-                </div>
-                <input type="number" class="po-item-qty input-field w-24 text-right" value="${suggestedQty}" min="0">
-            </div>
-        `;
-    }).join('');
-
-    modal.innerHTML = `
-        <div class="modal-content dashboard-card p-6 max-w-3xl w-full mx-4 flex flex-col">
-            <div class="flex justify-between items-center mb-4">
-                <h3 class="text-lg font-semibold">Create Custom Purchase Order</h3>
-                <button id="cancel-po-btn" class="text-secondary hover:text-primary text-2xl">×</button>
-            </div>
-            <div class="mb-4">
-                <label for="supplier-name" class="block text-sm font-medium text-secondary mb-1">Supplier Name (Optional)</label>
-                <input type="text" id="supplier-name" class="input-field w-full" placeholder="Enter supplier name...">
-            </div>
-            <div id="po-item-list" class="flex-grow overflow-y-auto pr-2" style="max-height: 40vh;">
-                ${materialRows}
-            </div>
-            <div class="flex justify-end space-x-2 mt-6">
-                <button id="cancel-po-btn-footer" class="btn btn-secondary">Cancel</button>
-                <button id="confirm-po-generation-btn" class="btn btn-primary">Generate PO PDF</button>
-            </div>
-        </div>
-    `;
-
-    modal.classList.remove('hidden');
-}
-
-
-// --- THE REST OF THE FILE REMAINS UNCHANGED ---
-// (refreshUI, showToast, animateValue, renderKpiCards, renderCharts, renderProductionHistoryChart,
-// renderInventoryStatusChart, renderModals, renderReport, renderProductInputs, renderInventory,
-// renderProductionLog, renderReorderList)
-// --- OMITTED FOR BREVITY ---
 let productionChart = null;
 let inventoryChart = null;
 
@@ -352,7 +301,7 @@ export function renderCustomPOModal(materials) {
         const suggestedQty = Math.max(1, (material.reorderPoint * 2) - material.currentStock);
         return `
             <div class="po-item-row" data-material-name="${material.name}">
-                <input type="checkbox" class="po-item-select form-checkbox h-5 w-5 rounded bg-dark border-border-color text-accent-blue focus:ring-accent-blue" checked>
+                <input type="checkbox" class="po-item-select form-checkbox h-5 w-5 rounded bg-dark border-border-color text-accent-blue focus:ring-accent-blue">
                 <div>
                     <span class="font-semibold">${material.name}</span>
                     <span class="text-xs text-secondary block">Stock: ${material.currentStock} | Reorder: ${material.reorderPoint}</span>