<script>
        const audioPlayer = document.getElementById('audioPlayer');
        const playIcon = document.getElementById('playIcon');
        // Fungsi untuk toggle (pause atau play)
        function toggleMusic() {
          // Mulai memutar musik setelah interaksi pengguna
          if (audioPlayer.paused) {
            audioPlayer.play().then(() => {
            }).catch((error) => {
              console.error("Gagal memutar audio:", error);
            });
          } else {
            audioPlayer.pause();
          }
        }


        // Fungsi untuk memblokir scroll
function disableScroll() {
    window.addEventListener('scroll', preventScroll);
}

// Fungsi untuk mengaktifkan scroll
function enableScroll() {
    window.removeEventListener('scroll', preventScroll);
}

// Mencegah scroll dengan event listener
function preventScroll(event) {
    event.preventDefault();
    window.scrollTo(0, 0); // Mengunci posisi scroll
}

// Aktifkan blokir scroll
disableScroll();

// Tambahkan event listener pada tombol dengan ID "buka"
document.getElementById('buka-undangan').addEventListener('click', function() {
    enableScroll(); // Mengaktifkan kembali scroll
});
</script>

<script type="module">
    const firebaseConfig = {
    apiKey: "AIzaSyDXJ5f6VqLtTATKcOw4o5bDRFGRGV3xLdc",
    authDomain: "komentar-baf0c.firebaseapp.com",
    projectId: "komentar-baf0c",
    storageBucket: "komentar-baf0c.appspot.com",
    messagingSenderId: "1031127043839",
    appId: "1:1031127043839:web:6c48cf9a905978f28346ca",
    measurementId: "G-MDLJHZ7KNX"
};


// Import Firebase SDK
    import { initializeApp } from "https://www.gstatic.com/firebasejs/10.13.2/firebase-app.js";
  import { getFirestore, collection, addDoc, getDocs, serverTimestamp, onSnapshot } from "https://www.gstatic.com/firebasejs/10.13.2/firebase-firestore.js";


const app = initializeApp(firebaseConfig);
const db = getFirestore(app);


document.getElementById('rsvp-form').addEventListener('submit', async function(e) {
    e.preventDefault();

    const name = document.getElementById('name').value;
    const kehadiran = document.getElementById('kehadiran').value;
    const komentar = document.getElementById('komentar').value;

    try {
        await addDoc(collection(db, "rsvps"), {
            name: name,
            kehadiran: kehadiran,
            komentar: komentar,
            date: new Date().toLocaleDateString()
        });
        document.getElementById('rsvp-form').reset();
    } catch (error) {
        console.error("Error adding document: ", error);
    }
});

onSnapshot(collection(db, "rsvps"), function(snapshot) {
    const rsvpList = document.getElementById('rsvp-list');
    rsvpList.innerHTML = '';

    snapshot.forEach(function(doc) {
        const rsvp = doc.data();
        const rsvpItem = `
            <div class="col col-12">
                <div class="wpo-blog-item">
                    <div class="wpo-blog-content">
                        <ul>
                            <li>Dari ${rsvp.name}</li>
                            
                            <li>${rsvp.date}</li>
                        </ul>
                        <h6>Kehadiran</h6>
                        <p>${rsvp.kehadiran}</p>
                        <h6>Pesan</h6>
                        <p>${rsvp.komentar}</p>
                    </div>
                </div>
            </div>
        `;
        rsvpList.innerHTML += rsvpItem;
    });
});

</script>
<script>
    // Fungsi untuk mendapatkan parameter dari URL
    function getUrlParameter(name) {
        const urlParams = new URLSearchParams(window.location.search);
        return urlParams.get(name);
    }

    // Mendapatkan nama tamu undangan dari URL
    const firstName = getUrlParameter('kepada');
    
    // Menampilkan nama tamu pada elemen h3
    if (firstName) {
        const guestNameElement = document.getElementById('guest-name');
        guestNameElement.textContent = `Tamu Undangan, ${firstName}`;

        // Mengisi value dari input text dengan nama tamu
        const nameInput = document.getElementById('name');
        nameInput.value = firstName; // Mengisi value input dengan nama tamu
    }
</script>