document.addEventListener('DOMContentLoaded', () => {
    const musicBtn = document.getElementById('musicBtn');
    const bgMusic = document.getElementById('bgMusic');
    
    let isMusicPlaying = false;
    musicBtn.innerText = '🔇'; 

    if (bgMusic) {
        bgMusic.play()
        .then(() => {
            console.log("Auto-play sukses");
            isMusicPlaying = true;
            musicBtn.innerText = '🔊'; 
        })
        .catch((error) => {
            console.log("Auto-play diblokir browser, menunggu klik user.");
            isMusicPlaying = false;
            musicBtn.innerText = '🔇'; 
        });
    }

    musicBtn.addEventListener('click', () => {
        if (isMusicPlaying) {
            bgMusic.pause();
            musicBtn.innerText = '🔇';
            isMusicPlaying = false;
        } else {
            bgMusic.play();
            musicBtn.innerText = '🔊';
            isMusicPlaying = true;
        }
    });

});

// --- INIT AUDIO CLICK ---
// Pastikan path-nya sesuai dengan folder kamu
const sfxClick = new Audio('music/music-click.mp3'); 

// Fungsi helper biar rapi
function playClick() {
    sfxClick.currentTime = 0;
    sfxClick.play().catch(() => {});
}

function selectStage(stage) {
    playClick();
    // Kasih delay dikit (300ms) biar suara 'Ceklik' kedengeran sebelum pindah
    setTimeout(() => {
        window.location.href = "gameboard-" + stage + ".php";
    }, 300);
}

function openCredits() {
    playClick();
    document.getElementById('creditsOverlay').style.display = 'flex';
}

function closeCredits() {
    playClick();
    document.getElementById('creditsOverlay').style.display = 'none';
}

// --- LOGOUT ---
const logoutBtn = document.getElementById("logoutBtn");

if (logoutBtn) {
    logoutBtn.removeAttribute("onclick"); 
    logoutBtn.addEventListener("click", () => {
        playClick(); // Putar suara
        setTimeout(() => {
            window.location.href = "logout.php";
        }, 300); 
    });
}

// --- LEADERBOARD ---
const leaderboardBtn = document.getElementById("leaderboardBtn");

if (leaderboardBtn) {
    leaderboardBtn.removeAttribute("onclick");
    leaderboardBtn.addEventListener("click", () => {
        playClick(); 

        setTimeout(() => {
            window.location.href = "Leaderboard.php";
        }, 300);
    });
}