`; } function initForm(cfg){ const box = document.getElementById(cfg.id); if(!box) return; const form = box.querySelector('form'); const status = box.querySelector('.status-line'); const key = cfg.storageKey; const title = box.getAttribute('data-form-title') || cfg.id; const downloadName = box.getAttribute('data-download-name') || 'completed-form.html'; function setStatus(msg){ if(status) status.textContent = msg; } function saveDraft(){ try{ const data = collectData(form); localStorage.setItem(key, JSON.stringify(data)); setStatus('Saved on this browser at '+new Date().toLocaleTimeString()+'.'); }catch(e){ setStatus('Could not save to this browser.'); } } function loadDraft(){ try{ const raw = localStorage.getItem(key); if(!raw) return; const data = JSON.parse(raw); applyData(form, data); setStatus('Draft loaded from this browser.'); }catch(e){} } function printForms(){ document.body.classList.add('print-mode'); const cleanup = ()=>{ document.body.classList.remove('print-mode'); window.removeEventListener('afterprint', cleanup); }; window.addEventListener('afterprint', cleanup); window.print(); setTimeout(cleanup,1200); } function downloadForm(){ const html = buildDownloadHtml(box, title); const blob = new Blob([html], {type:'text/html'}); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = downloadName; document.body.appendChild(a); a.click(); a.remove(); setTimeout(()=>URL.revokeObjectURL(url),1000); setStatus('Download started for this form.'); } box.querySelectorAll('[data-action]').forEach(btn=>{ btn.addEventListener('click', ()=>{ const action = btn.getAttribute('data-action'); if(action === 'save') saveDraft(); if(action === 'print') printForms(); if(action === 'download') downloadForm(); }); }); loadDraft(); } FORM_CONFIG.forEach(initForm); })();