` ).join(''); document.getElementById('stepLabel').textContent = `Step ${curStep + 1} of ${steps.length}`; const s = steps[curStep]; let html = `

${s.title}

${s.desc}

`; s.fields.forEach(f => { html += `

${f.label}`; if (f.type === 'multi') { html += '

'; f.options.forEach(o => { const sel = (answers[f.id] || []).includes(o); html += `

${o}

`; }); html += '

'; } else if (f.type === 'textarea') { html += ``; } else if (f.type === 'text') { html += ``; } else if (f.type === 'date') { html += ``; } html += '

'; }); html += '

'; html += curStep > 0 ? '' : '

'; html += curStep < steps.length - 1 ? '' : ''; html += '

'; document.getElementById('stepCard').innerHTML = html; } function toggleOpt(fieldId, el, value) { if (!answers[fieldId]) answers[fieldId] = []; if (answers[fieldId].includes(value)) { answers[fieldId] = answers[fieldId].filter(v => v !== value); el.classList.remove('selected'); } else { answers[fieldId].push(value); el.classList.add('selected'); } } function showPreview() { document.getElementById('stepCard').style.display = 'none'; document.getElementById('progressBar').innerHTML = steps.map(() => '

').join(''); document.getElementById('stepLabel').textContent = '✅ Birth Plan Complete!'; const fmt = d => d ? new Date(d + 'T00:00').toLocaleDateString('en-US',{month:'long',day:'numeric',year:'numeric'}) : 'TBD'; let html = `

📋 ${answers.name || 'Your'}'s Birth Plan

Due Date: ${fmt(answers.dueDate)} · Provider: ${answers.provider || 'TBD'} · ${answers.hospital || 'TBD'}

`; const sections = [ {key:'environment',title:'🏥 Birth Environment',emoji:'🏥'}, {key:'support',title:'👥 Support People',emoji:'👥'}, {key:'pain',title:'💊 Pain Management',emoji:'💊'}, {key:'labor',title:'🤰 Labor Preferences',emoji:'🤰'}, {key:'positions',title:'🧘 Pushing Positions',emoji:'🧘'}, {key:'delivery',title:'✂️ Delivery',emoji:'✂️'}, {key:'csection',title:'🏥 C-Section (If Needed)',emoji:'🏥'}, {key:'newborn',title:'👶 Newborn Care',emoji:'👶'}, {key:'procedures',title:'💉 Newborn Procedures',emoji:'💉'}, ]; sections.forEach(s => { if (answers[s.key] && answers[s.key].length) { html += `

${s.title}

${answers[s.key].map(i => `${i}`).join('')}

`; } }); if (answers.painNote) html += `

📝 Pain Management Notes

${answers.painNote}

`; if (answers.notes) html += `

📝 Additional Notes

${answers.notes}

`; html += `

Generated with ❤️ by CheckPregnancy · ${new Date().toLocaleDateString()}

`; document.getElementById('previewCard').innerHTML = html; document.getElementById('preview').classList.add('show'); document.getElementById('preview').scrollIntoView({behavior:'smooth'}); } renderStep();

📋 Birth Plan Builder