🎉 All supplies are well-stocked! Nothing to order right now.

`; downloadPdfBtn.disabled = true; return; } downloadPdfBtn.disabled = false; const list = document.createElement('ul'); list.className = 'space-y-3'; toOrder.forEach(item => { const li = document.createElement('li'); li.className = 'bg-white p-4 rounded-lg shadow flex justify-between items-center'; li.innerHTML = ` NEEDS REPLENISHING `; list.appendChild(li); }); shoppingListContainer.appendChild(list); }; const resetForm = () => { itemForm.reset(); document.getElementById('item-id').value = ''; submitItemBtn.textContent = 'Add Item to Inventory'; itemForm.querySelector('h2').textContent = 'Add a New Supply Item'; }; // --- Event Handlers --- itemForm.addEventListener('submit', (e) => { e.preventDefault(); const id = document.getElementById('item-id').value; const newItem = { id: id ? parseInt(id) : Date.now(), name: document.getElementById('item-name').value, category: document.getElementById('item-category').value, stock: parseInt(document.getElementById('current-stock').value), reorder: parseInt(document.getElementById('reorder-point').value) }; if (id) { // Editing existing item inventory = inventory.map(item => item.id === newItem.id ? newItem : item); } else { // Adding new item inventory.push(newItem); } resetForm(); renderAll(); updateTabs(0); // Go back to dashboard }); clearFormBtn.addEventListener('click', resetForm); inventoryContainer.addEventListener('click', (e) => { const target = e.target; const id = parseInt(target.dataset.id); if (target.classList.contains('delete-btn')) { inventory = inventory.filter(item => item.id !== id); renderAll(); } else if (target.classList.contains('edit-btn')) { const item = inventory.find(i => i.id === id); if (item) { document.getElementById('item-id').value = item.id; document.getElementById('item-name').value = item.name; document.getElementById('item-category').value = item.category; document.getElementById('current-stock').value = item.stock; document.getElementById('reorder-point').value = item.reorder; submitItemBtn.textContent = 'Update Item'; itemForm.querySelector('h2').textContent = 'Edit Supply Item'; updateTabs(1); // Switch to form tab } } }); // --- PDF Download Logic --- downloadPdfBtn.addEventListener('click', () => { const toOrder = inventory.filter(item => item.stock <= item.reorder); if (toOrder.length === 0) return; const { jsPDF } = window.jspdf; const doc = new jsPDF(); const pdfContent = document.createElement('div'); pdfContent.style.padding = '20px'; pdfContent.style.fontFamily = 'Helvetica, Arial, sans-serif'; pdfContent.style.color = '#333'; pdfContent.innerHTML = `

Office Supplies Shopping List

Generated on: ${new Date().toLocaleDateString('en-US')}

${toOrder.map(item => ` `).join('')}

Item Name	Category	Current Stock
${item.name}	${item.category}	${item.stock}

`; document.body.appendChild(pdfContent); html2canvas(pdfContent).then(canvas => { const imgData = canvas.toDataURL('image/png'); const pdfWidth = doc.internal.pageSize.getWidth(); const pdfHeight = (canvas.height * pdfWidth) / canvas.width; doc.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight); doc.save('office-supplies-shopping-list.pdf'); document.body.removeChild(pdfContent); }); }); // --- Initial State & Render All --- const renderAll = () => { renderInventory(); renderShoppingList(); }; updateTabs(0); renderAll(); });