Your standard filing deadline is: ${formattedDeadline} (Note: Extensions are possible via Form 8868)

`; trackerHTML += '

Key Compliance Review Checklist

'; trackerHTML += '

Check the boxes below after reviewing these important areas for the tax year:

'; trackerHTML += '

'; complianceAreas.forEach(area => { // Check if checkbox state exists in local storage or default to false const checkboxId = `checkbox-${area.id}`; const isChecked = localStorage.getItem(checkboxId) === 'true'; trackerHTML += `
• ${area.text}
`; }); trackerHTML += '

'; trackerOutput.innerHTML = trackerHTML; // Add event listeners to the newly created checkboxes complianceAreas.forEach(area => { const checkboxId = `checkbox-${area.id}`; const checkbox = document.getElementById(checkboxId); if (checkbox) { checkbox.addEventListener('change', function() { localStorage.setItem(checkboxId, this.checked); // Save state to local storage }); } }); downloadPdfButton.style.display = 'inline-block'; // Show download button }); // Load saved checkbox states on tab click if already on tracker tab document.querySelector('.np-tax-tab-button[data-tab="tracker"]').addEventListener('click', function() { // This will be handled by the main tab click listener which calls display function if needed. // No extra code needed here, but good to note this is where you'd load state if not // calculating on every tab switch. Since calculate IS on tab switch, state is loaded/applied then. }); // --- PDF Download Functionality --- downloadPdfButton.addEventListener('click', async function() { // The element to convert to PDF is the tracker output div const element = document.getElementById('np-tax-tracker-output'); // Create a clone of the element to avoid modifying the visible DOM const elementToPrint = element.cloneNode(true); elementToPrint.style.width = '800px'; // Set a specific width for PDF rendering elementToPrint.style.padding = '20px'; elementToPrint.style.backgroundColor = '#fff'; // Ensure background is white in PDF elementToPrint.style.color = '#333'; // Ensure text color is dark elementToPrint.style.fontSize = '10pt'; // Adjust font size for PDF // Apply styles to cloned output sections const sections = elementToPrint.querySelectorAll('h3'); sections.forEach(h3 => { let nextElement = h3.nextElementSibling; while (nextElement && !nextElement.tagName.startsWith('H3')) { // Apply margin/padding to paragraphs/lists etc. nextElement.style.marginBottom = '10px'; nextElement.style.fontSize = '10pt'; if (nextElement.tagName === 'UL') { nextElement.style.listStyle = 'none'; nextElement.style.padding = '0'; } nextElement = nextElement.nextElementSibling; } }); // Style the checklist items specifically const checklistItems = elementToPrint.querySelectorAll('#np-tax-tracker-output li'); checklistItems.forEach(li => { li.style.marginBottom = '10px'; li.style.paddingBottom = '8px'; li.style.borderBottom = '1px dashed #e9ecef'; li.style.display = 'flex'; // Ensure flex layout for checkbox + text li.style.alignItems = 'center'; // Remove the input element itself, replace with a symbol const checkbox = li.querySelector('input[type="checkbox"]'); if (checkbox) { const isChecked = checkbox.checked; const label = li.querySelector('label'); if (label) { label.style.fontWeight = 'normal'; label.style.cursor = 'default'; // No cursor in PDF label.style.marginLeft = '5px'; // Space after symbol const symbol = document.createElement('span'); symbol.textContent = isChecked ? '☑' : '☐'; // Unicode checkbox symbols symbol.style.marginRight = '5px'; // Space before text symbol.style.fontSize = '12pt'; // Larger symbol li.insertBefore(symbol, label); // Insert symbol before label } checkbox.remove(); // Remove the actual checkbox input } }); // Append cloned element to body temporarily for html2canvas document.body.appendChild(elementToPrint); try { const canvas = await html2canvas(elementToPrint, { scale: 2, // Increase scale for better resolution logging: false, // Disable logging useCORS: true // Enable CORS if images are involved (unlikely here) }); const imgData = canvas.toDataURL('image/png'); const pdf = new window.jspdf.jsPDF({ orientation: 'p', unit: 'mm', format: 'a4' }); const imgWidth = 210 - 20; // A4 width minus margins (10mm each side) const pageHeight = 297; // A4 height const imgHeight = canvas.height * imgWidth / canvas.width; let heightLeft = imgHeight; let position = 10; // Top margin pdf.addImage(imgData, 'PNG', 10, position, imgWidth, imgHeight); heightLeft -= pageHeight - 10; // Deduct height of the first page content while (heightLeft >= 0) { position = heightLeft - imgHeight + 10; // Calculate position for next page pdf.addPage(); pdf.addImage(imgData, 'PNG', 10, position, imgWidth, imgHeight); heightLeft -= pageHeight; } pdf.save('Nonprofit_Compliance_Tracker.pdf'); } catch (error) { console.error('Error generating PDF:', error); alert('Could not generate PDF. Please try again.'); } finally { // Remove the temporary cloned element document.body.removeChild(elementToPrint); } }); });