document.addEventListener('DOMContentLoaded', () => {
    const loginContainer = document.querySelector('.login-container');
    const registerContainer = document.querySelector('.register-container');
    const showRegisterBtn = document.getElementById('showRegisterBtn');
    const showLoginBtn = document.getElementById('showLoginBtn');

    // Função para mostrar o formulário de registro
    showRegisterBtn.addEventListener('click', () => {
        loginContainer.classList.remove('active');
        registerContainer.classList.add('active');
    });

    // Função para mostrar o formulário de login
    showLoginBtn.addEventListener('click', () => {
        registerContainer.classList.remove('active');
        loginContainer.classList.add('active');
    });

    // Você pode adicionar aqui a lógica de validação dos formulários se quiser
    const loginBtn = document.getElementById('loginBtn');
    const registerBtn = document.getElementById('registerBtn');

    loginBtn.addEventListener('click', (e) => {
        // e.preventDefault(); // Descomente para evitar o envio do formulário padrão
        const username = document.getElementById('loginUsername').value;
        const password = document.getElementById('loginPassword').value;

        if (username === "" || password === "") {
            alert("Por favor, preencha todos os campos de login.");
        } else {
            console.log("Login tentado com:", { username, password });
            // Aqui você adicionaria a lógica de envio para o servidor
        }
    });

    registerBtn.addEventListener('click', (e) => {
        // e.preventDefault(); // Descomente para evitar o envio do formulário padrão
        const username = document.getElementById('registerUsername').value;
        const email = document.getElementById('registerEmail').value;
        const password = document.getElementById('registerPassword').value;

        if (username === "" || email === "" || password === "") {
            alert("Por favor, preencha todos os campos de registro.");
        } else {
            console.log("Registro tentado com:", { username, email, password });
            // Aqui você adicionaria a lógica de envio para o servidor
        }
    });
});