IN WITNESS WHEREOF, the parties have executed this Agreement as of the Effective Date.

`; } /** * Displays a specific tab based on index 'n'. * Globally scoped for HTML onclick attributes. */ function showTab(n) { // Ensure elements are loaded before manipulating them if (!tabs || !tabButtons || !prevBtn || !nextBtn) return; tabs.forEach((tab, index) => { tab.style.display = (index === n) ? 'block' : 'none'; }); tabButtons.forEach((btn, index) => { btn.classList.toggle('active', index === n); }); prevBtn.disabled = (n === 0); nextBtn.style.display = (n === (tabs.length - 1)) ? 'none' : 'inline-block'; if (n === tabs.length - 1) { generateAgreementPreview(); } currentTab = n; } /** * Handles Next/Previous button clicks. * Globally scoped for HTML onclick attributes. */ function navigateTabs(n) { if(!tabs || !tabs[currentTab]) return; tabs[currentTab].style.display = 'none'; currentTab = currentTab + n; if (currentTab >= tabs.length) { currentTab = tabs.length - 1; } if (currentTab < 0) { currentTab = 0; } showTab(currentTab); } document.addEventListener('DOMContentLoaded', function() { // Assign DOM elements to the globally scoped variables tabs = document.querySelectorAll('.tab-content'); tabButtons = document.querySelectorAll('.tab-button'); prevBtn = document.getElementById('prevBtn'); nextBtn = document.getElementById('nextBtn'); const downloadPdfBtn = document.getElementById('downloadPdfBtn'); const agreementTermSelect = document.getElementById('agreementTerm'); const feeTypeSelect = document.getElementById('feeType'); // --- LOCAL HELPER FUNCTIONS --- function handleTermChange() { const endDateContainer = document.getElementById('endDateContainer'); if (!endDateContainer) return; if (agreementTermSelect.value === 'Fixed') { endDateContainer.style.display = 'block'; } else { endDateContainer.style.display = 'none'; } } function updateFeeDetails() { const feeDetailsContainer = document.getElementById('feeDetailsContainer'); if (!feeDetailsContainer || !feeTypeSelect) return; const feeType = feeTypeSelect.value; let html = ''; if (feeType === 'One-time Payment') { html = ` One-time Fee Amount ($) `; } else if (feeType === 'Royalty') { html = ` Royalty Percentage (%) Royalty Base (e.g., Net Sales, Gross Revenue) `; } else if (feeType === 'Recurring Fee') { html = ` Recurring Fee Amount ($) Recurring Period Annually Quarterly Monthly `; } feeDetailsContainer.innerHTML = html; } async function generatePdf() { const loader = document.getElementById('pdf-loader'); const downloadBtn = document.getElementById('downloadPdfBtn'); if (!loader || !downloadBtn) return; loader.classList.remove('hidden'); downloadBtn.disabled = true; const content = document.getElementById('pdf-content-area'); await new Promise(resolve => setTimeout(resolve, 100)); try { const canvas = await html2canvas(content, { scale: 2, useCORS: true, logging: false }); const imgData = canvas.toDataURL('image/png'); const { jsPDF } = window.jspdf; const pdf = new jsPDF({ orientation: 'portrait', unit: 'pt', format: 'letter' }); const pdfWidth = pdf.internal.pageSize.getWidth(); const pdfHeight = pdf.internal.pageSize.getHeight(); const margin = 40; const imgProps = pdf.getImageProperties(imgData); const imgWidth = pdfWidth - (margin * 2); const imgHeight = (imgProps.height * imgWidth) / imgProps.width; let heightLeft = imgHeight; let position = margin; pdf.addImage(imgData, 'PNG', margin, position, imgWidth, imgHeight); heightLeft -= (pdfHeight - (margin * 2)); while (heightLeft > 0) { position = heightLeft - imgHeight + margin; pdf.addPage(); pdf.addImage(imgData, 'PNG', margin, position, imgWidth, imgHeight); heightLeft -= (pdfHeight - (margin * 2)); } pdf.save('Licensing-Agreement.pdf'); } catch (error) { console.error("Error generating PDF:", error); } finally { loader.classList.add('hidden'); downloadBtn.disabled = false; } } // --- EVENT LISTENERS --- if(agreementTermSelect) agreementTermSelect.addEventListener('change', handleTermChange); if(feeTypeSelect) feeTypeSelect.addEventListener('change', updateFeeDetails); if (downloadPdfBtn) { downloadPdfBtn.addEventListener('click', generatePdf); } // --- INITIALIZATION --- showTab(currentTab); updateFeeDetails(); const effectiveDateEl = document.getElementById('effectiveDate'); if(effectiveDateEl) effectiveDateEl.valueAsDate = new Date(); });