Data Mempelai
Detail Acara
Kisah Cinta
Love Gift
Preview

Data Mempelai

Mempelai Pria
Mempelai Wanita

Detail Acara

Kisah Cinta

Awal Pertemuan
Perjalanan Cinta
Menuju Pernikahan

Love Gift

Preview Undangan

'; html += ''; return html; } function saveInvitation() { const data = getFormData(); console.log('Saving invitation with data:', data); alert('Undangan berhasil disimpan!'); } window.addEventListener('load', function() { document.querySelector('input[name="wedding_date"]').value = defaultData.event.date; document.querySelector('input[name="akad_time"]').value = defaultData.event.akad_time; document.querySelector('input[name="resepsi_time"]').value = defaultData.event.resepsi_time; document.querySelector('input[name="groom_name"]').value = defaultData.groom.name; document.querySelector('input[name="bride_name"]').value = defaultData.bride.name; document.querySelector('input[name="groom_parents"]').value = defaultData.groom.parents; document.querySelector('input[name="bride_parents"]').value = defaultData.bride.parents; document.querySelector('textarea[name="location"]').value = defaultData.event.location; document.querySelector('textarea[name="story_1"]').value = defaultData.story.part1; document.querySelector('textarea[name="story_2"]').value = defaultData.story.part2; document.querySelector('textarea[name="story_3"]').value = defaultData.story.part3; const forms = document.querySelectorAll('form'); forms.forEach(form => { form.addEventListener('input', function() { if (currentStep === 5) { const activeBtn = document.querySelector('.btn-group .btn.active'); if (activeBtn.textContent === 'Desktop') { previewDesktop(); } else { previewMobile(); } } }); }); }); function handleFileInput(input, previewElement) { if (input.files && input.files[0]) { const reader = new FileReader(); reader.onload = function(e) { previewElement.src = e.target.result; previewElement.classList.remove('d-none'); if (currentStep === 5) { const activeBtn = document.querySelector('.btn-group .btn.active'); if (activeBtn.textContent === 'Desktop') { previewDesktop(); } else { previewMobile(); } } } reader.readAsDataURL(input.files[0]); } } document.querySelectorAll('input[type="file"]').forEach(input => { const preview = input.parentElement.querySelector('img'); if (preview) { input.addEventListener('change', function() { handleFileInput(this, preview); }); } });