// Script JavaScript

// Função para lidar com a tecla Enter
function handleKeyPress(event) {
    if (event.key === 'Enter') {
        checkPassword();
    }
}

// Função para mostrar a tela de portfólio e ocultar a tela de login
function showPortfolioScreen() {
    const loginScreen = document.querySelector('.login-screen');
    const portfolioScreen = document.querySelector('.portfolio-screen');

    loginScreen.style.display = 'none';
    portfolioScreen.style.display = 'flex';
}

// Função para mostrar o conteúdo da categoria selecionada
function showCategory(categoryId) {
    // Esconda todos os conteúdos de categoria
    const categoryContents = document.querySelectorAll('.category-content');
    categoryContents.forEach(content => {
        content.style.display = 'none';
    });

    // Mostre o conteúdo da categoria selecionada
    const selectedCategory = document.getElementById(categoryId);
    if (selectedCategory) {
        selectedCategory.style.display = 'block';
    }
}

// Função para verificar a senha
function checkPassword() {
    const passwordInput = document.getElementById('password');
    const enteredPassword = passwordInput.value;

    const currentDate = new Date();
    const day = currentDate.getDate();
    const month = currentDate.getMonth() + 1;
    const year = currentDate.getFullYear();

    const correctPassword = `${day.toString().padStart(2, '0')}/${month.toString().padStart(2, '0')}/${year}`;

    const errorElement = document.querySelector('.error-message');

    if (enteredPassword === correctPassword) {
        // Chama a função para mostrar a tela de portfólio
        showPortfolioScreen();

        // Clicar no botão F11
        document.documentElement.requestFullscreen();
    } else {
        // Exibir mensagem de erro
        if (!errorElement) {
            const loginBox = document.querySelector('.login-box');
            const newErrorElement = document.createElement('p');
            newErrorElement.className = 'error-message';
            newErrorElement.style.color = '#d3d3d3';
            newErrorElement.style.marginTop = '10px';
            loginBox.appendChild(newErrorElement);
        }

        errorElement.textContent = 'Dica sobre a senha: Data atual';
    }
}

// Função para alternar a visibilidade da senha
function togglePasswordVisibility() {
    const passwordInput = document.getElementById('password');
    const passwordToggle = document.querySelector('.password-toggle img');

    if (passwordInput.type === 'password') {
        passwordInput.type = 'text';
        passwordToggle.src = 'https://res.cloudinary.com/dudanet/image/upload/v1701915178/icon_ver_senha2-removebg-preview_xf8lf1.png';
    } else {
        passwordInput.type = 'password';
        passwordToggle.src = 'https://res.cloudinary.com/dudanet/image/upload/v1701915177/icon_ocultar_senha2-removebg-preview_tkvpv0.png';
    }
}

// Variável para controlar o modo escuro
let darkMode = false;

// Função para alternar o modo escuro
function toggleDarkMode() {
    darkMode = !darkMode;

    const body = document.body;
    const backgroundImageUrl = darkMode ? 'https://res-console.cloudinary.com/dudanet/thumbnails/v1/image/upload/v1701885797/bWlzdC1zdHJlZXQtbGlnaHQtYmxhY2stbWluaW1hbGlzbS13YWxscGFwZXItcHJldmlld19vc3J2dDA=/grid_landscape' : 'https://res-console.cloudinary.com/dudanet/thumbnails/v1/image/upload/v1701885797/Y29sb3JpZG9zLWF6dWlzLWFydGUtZGlnaXRhbC1pbWFnZW0tZGUtZnVuZG9fdWU5ZXBz/grid_landscape';
    body.style.backgroundImage = `url('${backgroundImageUrl}')`;

    // Alterar estilo dos botões
    const buttons = document.querySelectorAll('button');
    buttons.forEach(button => {
        button.style.backgroundColor = darkMode ? '#333' : '#0078d4';
        button.style.borderColor = darkMode ? '#666' : '#0078d4';
    });

    // Alterar estilo do ícone
    const darkModeIcon = document.querySelector('.dark-mode-icon');
    darkModeIcon.src = 'https://cdn-icons-png.flaticon.com/512/5262/5262027.png';

    // Alterar rótulo do modo
    const modeLabel = document.querySelector('.mode-label');
    modeLabel.textContent = darkMode ? 'Dark Mode' : 'Light Mode';

    // Atualizar a foto de perfil
    const profilePicture = document.getElementById('profile-picture');
    profilePicture.style.backgroundImage = `url('${darkMode ? 'https://res.cloudinary.com/dudanet/image/upload/v1701974234/dark_img_profile_qoh7l9.png' : 'https://res-console.cloudinary.com/dudanet/thumbnails/v1/image/upload/v1701839344/V2hhdHNBcHBfSW1hZ2VfMjAyMy0xMi0wNl9hdF8wMi4wNy4yNV9kZHZqanI=/grid_landscape'}')`;
}

// Função para fechar a aba (Ctrl + W)
function closeTab() {
    window.close();
}

// Função para criar os botões de categorias
function createCategoryButtons() {
    const categoriesContainer = document.querySelector('.categories');

    // Adicione quantos botões de categoria forem necessários
    const categoriesData = [
        { id: 'category1', label: 'Categoria 1', image: 'URL_DA_IMAGEM1', url: 'URL_DA_CATEGORIA1' },
        { id: 'category2', label: 'Categoria 2', image: 'URL_DA_IMAGEM2', url: 'URL_DA_CATEGORIA2' },
        { id: 'category3', label: 'Categoria 3', image: 'URL_DA_IMAGEM3', url: 'URL_DA_CATEGORIA3' },
        // Adicione mais categorias conforme necessário
    ];

    categoriesData.forEach(category => {
        const button = document.createElement('button');
        button.innerHTML = `
            <img src="${category.image}" alt="${category.label}">
            <span>${category.label}</span>
        `;
        button.addEventListener('click', () => {
            // Chama a função para mostrar o conteúdo da categoria
            showCategory(category.id);
            // Adicione aqui a lógica para redirecionar para a URL da categoria
            window.location.href = category.url;
        });

        categoriesContainer.appendChild(button);
    });
}

// Chamada da função para criar os botões de categoria
createCategoryButtons();