Estimated Net Investment Income Tax (3.8%): ${estimatedNiit.toFixed(2)} $

`; resultsHTML += `

Excess Wages / Self-Employment Income (over Threshold): ${excessWagesSeIncome.toFixed(2)} $

`; resultsHTML += `

Estimated Additional Medicare Tax (0.9%): ${estimatedAddtlMedicareTax.toFixed(2)} $

`; resultsHTML += `

Estimated Total Medicare Surtax: ${estimatedTotalSurtax.toFixed(2)} $

`; estimatedImpactOutput.innerHTML = resultsHTML; downloadPdfButton.style.display = 'inline-block'; // Show download button }); // --- PDF Download Functionality --- downloadPdfButton.addEventListener('click', async function() { // The element to convert to PDF is the estimated impact output div const element = document.getElementById('mst-estimated-impact'); // 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 block elementToPrint.style.border = '1px solid #dee2e6'; // Use light gray border for consistency elementToPrint.style.borderRadius = '5px'; elementToPrint.style.backgroundColor = '#f8f9fa'; // Use light gray background // Apply styles to paragraphs const paragraphs = elementToPrint.querySelectorAll('p'); paragraphs.forEach(p => { p.style.marginBottom = '8px'; p.style.paddingBottom = '4px'; p.style.borderBottom = '1px dashed #e9ecef'; }); // Remove border from the last paragraph if (paragraphs.length > 0) { paragraphs[paragraphs.length - 1].style.borderBottom = 'none'; paragraphs[paragraphs.length - 1].style.marginBottom = '0'; paragraphs[paragraphs.length - 1].style.paddingBottom = '0'; } // Apply styles to spans with amount classes const amountSpans = elementToPrint.querySelectorAll('span.mst-amount'); amountSpans.forEach(span => { span.style.color = '#28a745'; // Success green span.style.fontWeight = 'bold'; }); // Apply styles to the total surtax span const totalSurtaxSpan = elementToPrint.querySelector('span.mst-total-surtax'); if (totalSurtaxSpan) { totalSurtaxSpan.style.color = '#dc3545'; // Danger red totalSurtaxSpan.style.fontWeight = 'bold'; totalSurtaxSpan.style.fontSize = '1.1em'; } // Apply styles to the total row paragraph const totalSurtaxParagraph = elementToPrint.querySelector('p').parentNode.lastElementChild; // Get the last paragraph if (totalSurtaxParagraph) { totalSurtaxParagraph.style.fontWeight = 'bold'; totalSurtaxParagraph.style.marginTop = '15px'; totalSurtaxParagraph.style.paddingTop = '8px'; totalSurtaxParagraph.style.borderTop = '2px solid #dc3545'; } // Apply styles to strong tags const strongTags = elementToPrint.querySelectorAll('strong'); strongTags.forEach(strong => { strong.style.color = '#0056b3'; // Darker primary blue for strong tags in PDF }); // 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('Medicare_Surtax_Estimate.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); } }); });