${out.innerHTML} `); w.document.close(); setTimeout(() => w.print(), 300); } function init() { $('#lblProv').textContent = t('provName'); $('#lblProvBiz').textContent = t('provBiz'); $('#lblProvEmail').textContent = t('provEmail'); $('#lblClient').textContent = t('clientName'); $('#lblClientBiz').textContent = t('clientBiz'); $('#lblStart').textContent = t('startDate'); $('#lblType').textContent = t('feeType'); $('#lblFee').textContent = t('fee'); $('#lblPay').textContent = t('payTerms'); $('#lblLate').textContent = t('lateFee'); $('#lblScope').textContent = t('scope'); $('#lblConf').textContent = t('conf'); $('#lblTerm').textContent = t('term'); $('#provName').placeholder = 'Alex Johnson'; $('#provBiz').placeholder = 'Alex Design Studio'; $('#provEmail').placeholder = '[email protected]'; $('#clientName').placeholder = 'Sarah Lee'; $('#clientBiz').placeholder = 'Acme Co.'; $('#fee').placeholder = '$120/hour or $5,000 fixed'; $('#payTerms').placeholder = 'Net 14 days'; $('#lateFee').placeholder = '1.5% per month'; $('#term').placeholder = '14 days written notice'; $('#scope').placeholder = 'Brand identity design\nLogo variations (3)\nStyle guide (PDF)\n2 rounds of revisions'; $('#feeType').innerHTML = TYPES.map(ty => ``).join(''); // Default values for demo $('#provName').value = 'Alex Johnson'; $('#provBiz').value = 'Alex Design Studio'; $('#provEmail').value = '[email protected]'; $('#clientName').value = 'Sarah Lee'; $('#clientBiz').value = 'Acme Co.'; $('#startDate').value = new Date().toISOString().slice(0, 10); $('#fee').value = '$5,000 (USD)'; $('#payTerms').value = 'Net 14 days, 50% deposit on signing'; $('#scope').value = 'Brand identity package\nLogo design (primary, secondary, monogram)\nColor palette and typography system\nBrand guidelines (12-page PDF)\nSocial media kit (profile + cover)\n2 rounds of revisions'; document.querySelectorAll('.el-config input, .el-config textarea, .el-config select').forEach(el => el.addEventListener('input', render)); $('#toolbar').innerHTML = ` `; render(); } init(); GZ.renderToolPage({ category: 'text', titleKey: 'toolTitle', descKey: 'toolDesc', howToSteps: ['step1','step2','step3','step4'], related: [ {icon:'🤝', href:'/text/independent-contractor-agreement.html', name:'Contractor Agreement'}, {icon:'🧾', href:'/text/invoice-template-generator.html', name:'Invoice Generator'}, {icon:'💵', href:'/text/estimate-generator.html', name:'Estimate Generator'}, {icon:'📜', href:'/text/service-agreement.html', name:'Service Agreement'}, ] });