script.js

const CORRECT_PIN = "0512";
let currentPin = "";

function updateDots() {
    const dots = document.querySelectorAll('.dot');
    dots.forEach((dot, index) => {
        if (index < currentPin.length) {
            dot.classList.add('filled');
        } else {
            dot.classList.remove('filled');
        }
    });
}

function pressKey(num) {
    const errorMsg = document.getElementById('error-message');
    errorMsg.classList.remove('show');
    const lockContainer = document.querySelector('.lock-container');
    lockContainer.classList.remove('shake');
    
    const audio = document.getElementById("main-music");
    if (audio && audio.paused) audio.play().catch(e => console.log(e));

    if (currentPin.length < 4) {
        currentPin += num;
        updateDots();
    }
}

function clearPin() {
    currentPin = currentPin.slice(0, -1);
    updateDots();
    const errorMsg = document.getElementById('error-message');
    errorMsg.classList.remove('show');
}

function submitPin() {
    if (currentPin.length === 0) return;
    
    if (currentPin === CORRECT_PIN) {
        // Unlock success
        const lockScreen = document.getElementById('lock-screen');
        lockScreen.classList.add('unlock-anim');
        
        setTimeout(() => {
            lockScreen.classList.remove('active');
            lockScreen.classList.remove('unlock-anim');
            
            const welcomeScreen = document.getElementById('welcome-screen');
            welcomeScreen.classList.add('active');
            
            setTimeout(() => {
                welcomeScreen.classList.add('fade-out');
                
                setTimeout(() => {
                    welcomeScreen.classList.remove('active');
                    welcomeScreen.classList.remove('fade-out');
                    document.getElementById('main-screen').classList.add('active');
                    
                    const mainMusic = document.getElementById('main-music');
                    if (mainMusic) {
                        mainMusic.volume = 0.5;
                        mainMusic.play().catch(e => console.log('Autoplay prevented', e));
                    }
                }, 800);
            }, 2000);
        }, 800);
    } else {
        // Unlock failed
        const errorMsg = document.getElementById('error-message');
        errorMsg.classList.add('show');
        
        const lockContainer = document.querySelector('.lock-container');
        lockContainer.classList.add('shake');
        
        // Vibrate if supported
        if (navigator.vibrate) {
            navigator.vibrate([100, 50, 100]);
        }
        
        currentPin = "";
        setTimeout(() => {
            updateDots();
        }, 400);
    }
}

function openMenu(menuName) {
    window.location.href = `pages/${menuName}.html`;
}