`; }); document.getElementById('pdf-log-details').innerHTML = logHtml; // Generate PDF document.body.classList.add('pdf-generating'); await new Promise(resolve => setTimeout(resolve, 50)); // Small delay for DOM paint const { jsPDF } = window.jspdf; const pdf = new jsPDF({ orientation: 'p', unit: 'mm', format: 'a4' }); html2canvas(document.getElementById('pdf-report'), { scale: 2, useCORS: true, backgroundColor: '#ffffff' }) .then(canvas => { const imgData = canvas.toDataURL('image/png'); const pdfWidth = pdf.internal.pageSize.getWidth(); const pdfHeight = (canvas.height * pdfWidth) / canvas.width; pdf.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight); pdf.save('Arthritis-Report.pdf'); }).catch(err => { console.error("PDF Generation Error:", err); }).finally(() => { document.body.classList.remove('pdf-generating'); }); }; // --- Event Listeners --- tabs.forEach(tab => tab.addEventListener('click', () => switchTab(parseInt(tab.dataset.tab)))); prevBtn.addEventListener('click', () => { if (currentTab > 1) switchTab(currentTab - 1); }); nextBtn.addEventListener('click', () => { if (currentTab < 3) switchTab(currentTab + 1); }); painLevelSlider.addEventListener('input', (e) => { painLevelValue.textContent = e.target.value; }); stiffnessLevelSlider.addEventListener('input', (e) => { stiffnessLevelValue.textContent = e.target.value; }); logDateEl.addEventListener('change', (e) => loadLogForDate(e.target.value)); saveLogBtn.addEventListener('click', saveLog); downloadPdfBtn.addEventListener('click', generatePdf); // --- Initialization --- const today = getFormattedDate(new Date()); logDateEl.value = today; reportEndDateEl.value = today; const thirtyDaysAgo = new Date(); thirtyDaysAgo.setDate(thirtyDaysAgo.getDate() - 30); reportStartDateEl.value = getFormattedDate(thirtyDaysAgo); loadLogForDate(today); switchTab(1); });