script.js

function mostrarSeccion(id) {
    const secciones = ['bienvenida', 'nosotros', 'contacto', 'juego', 'iniciar_sesion', 'registrar'];
    secciones.forEach(sec => {
        document.getElementById(sec).classList.add('hidden');
    });
    document.getElementById(id).classList.remove('hidden');
}

document.addEventListener('DOMContentLoaded', function() {
    const form = document.getElementById('loginForm');
    form.addEventListener('submit', function(e) {
        e.preventDefault(); 
    
        const formData = new FormData(this);
        const data = {
        email: formData.get('email'),
        password: formData.get('password')
        };
    
        fetch('http://localhost/api/auth/login', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify(data)
        })
        .then(res => res.json())
        .then(res => {
        if (res.userId) {
            console.log('Login OK, userId:', res.userId);

            const comprarJuego = document.getElementById('comprarJuego');
            const agregarJuego = document.getElementById('agregarJuego');
            const editIcon = document.getElementById('editIcon');
            const addFAQ = document.getElementById('addFAQ');
            const uploadPhoto = document.getElementById('uploadPhoto');

            comprarJuego.style.display = 'none';
            agregarJuego.style.display = 'flex';
            editIcon.style.display = 'flex';
            addFAQ.style.display = 'flex';
            uploadPhoto.style.display = 'flex';
            


        } else {
            alert('Usuario o contraseña incorrectos');
        }
        })
        .catch(err => {
        console.error('Error en login:', err);
        alert('Error al conectar con el servidor');
        });
    });
});