`;
document.getElementById('dashboard-date').textContent = `Analysis as of: ${new Date().toLocaleDateString()}`;
}
// --- Tab & Navigation Logic ---
function switchTab(targetTabId) {
if (targetTabId === 'dashboard') {
const products = analyzeProducts();
if (products === null) return;
renderDashboard(products);
}
currentTab = targetTabId;
tabs.forEach(tab => tab.classList.toggle('active', tab.dataset.tab === currentTab));
tabContents.forEach(content => content.classList.toggle('active', content.id === currentTab));
updateNavButtons();
}
tabs.forEach(tab => tab.addEventListener('click', () => switchTab(tab.dataset.tab)));
nextBtn.addEventListener('click', () => currentTab === 'dashboard' ? switchTab('config') : switchTab('dashboard'));
prevBtn.addEventListener('click', () => currentTab === 'config' ? switchTab('dashboard') : switchTab('config'));
function updateNavButtons() {
if (currentTab === 'dashboard') {
nextBtn.textContent = 'Configure Data';
prevBtn.style.display = 'none';
pdfButtonContainer.style.display = 'block';
} else {
nextBtn.textContent = 'Update Dashboard';
prevBtn.style.display = 'inline-flex';
pdfButtonContainer.style.display = 'none';
}
}
// --- PDF Download ---
downloadPdfBtn.addEventListener('click', async () => {
const { jsPDF } = window.jspdf;
const doc = new jsPDF({ orientation: 'l', unit: 'mm', format: 'a4' });
const content = document.getElementById('pdf-content');
await new Promise(r => setTimeout(r, 100)); // Allow DOM to update
const canvas = await html2canvas(content, { scale: 2 });
const imgData = canvas.toDataURL('image/jpeg', 1.0);
doc.setFont('helvetica', 'bold');
doc.setFontSize(18);
doc.text('High-Margin Product Finder Report', 14, 22);
const imgProps = doc.getImageProperties(imgData);
const pdfWidth = doc.internal.pageSize.getWidth() - 28;
const pdfHeight = (imgProps.height * pdfWidth) / imgProps.width;
doc.addImage(imgData, 'JPEG', 14, 30, pdfWidth, pdfHeight);
doc.save(`Product-Finder-Report-${new Date().toISOString().slice(0,10)}.pdf`);
});
// --- Initial Load ---
function populateSampleData() {
[
{ name: 'Portable Mini Projector', sourcing: '45.00', shipping: '8.50', selling: '129.99' },
{ name: 'Ergonomic Laptop Stand', sourcing: '12.50', shipping: '5.00', selling: '39.99' },
{ name: 'LED Ring Light Kit', sourcing: '22.00', shipping: '7.50', selling: '54.99' },
{ name: 'Smartwatch Charging Dock', sourcing: '8.00', shipping: '3.50', selling: '24.99' }
].forEach(p => createProductRow(p));
}
populateSampleData();
switchTab('dashboard'); // Analyze and show dashboard on load
});
