app.js

// ARQUIVO: app.js
// Lógica de Front-end para Dark Mode e Chatbot (com chamadas à API real)

document.addEventListener('DOMContentLoaded', () => {
    // ------------------------------------------
    // A. LÓGICA DE DARK MODE / THEME
    // ------------------------------------------
    const themeToggle = document.getElementById('theme-toggle');
    if (themeToggle) {
        themeToggle.addEventListener('click', () => {
            const currentTheme = document.body.getAttribute('data-theme');
            const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
            document.body.setAttribute('data-theme', newTheme);
            localStorage.setItem('theme', newTheme);
            themeToggle.textContent = newTheme === 'dark' ? '🌙' : '☀️';
        });

        // Aplica o tema salvo ao carregar
        const savedTheme = localStorage.getItem('theme') || 'dark';
        document.body.setAttribute('data-theme', savedTheme);
        themeToggle.textContent = savedTheme === 'dark' ? '🌙' : '☀️';
    }

    // ------------------------------------------
    // B. LÓGICA DE GERENCIAMENTO DE LOGIN/LOGOUT (UI)
    // ------------------------------------------
    
    // Função que altera os links no cabeçalho
    function updateAuthUI() {
        const nav = document.querySelector('header nav');
        const loggedIn = isUserLoggedIn();
        const user = getRegisteredUser();

        // Encontra e remove os links de autenticação antigos
        nav.querySelectorAll('.auth-link, .cta-button, .welcome-message').forEach(el => {
            if (el.tagName !== 'A' || el.textContent === 'Início' || el.textContent === 'Avaliação IA') {
                return; 
            }
            if (el.id !== 'theme-toggle') { 
                 el.remove();
            }
        });

        // Reinsere os links básicos que podem ter sido removidos
        // O código de nav.appendChild(homeLink) e nav.appendChild(assessmentLink) 
        // deve estar no seu HTML para funcionar corretamente, ou ser reconstruído aqui.
        
        // Reinsere o link de Avaliação (garantindo ordem)
        if (!nav.querySelector('a[href="assessment.html"]')) {
            const assessmentLink = document.createElement('a');
            assessmentLink.href = 'assessment.html';
            assessmentLink.textContent = 'Avaliação IA';
            // Insere antes do botão de tema se ele existir
            nav.insertBefore(assessmentLink, document.getElementById('theme-toggle'));
        }

        if (loggedIn && user) {
            // Se LOGADO
            const welcomeSpan = document.createElement('span');
            welcomeSpan.classList.add('welcome-message');
            welcomeSpan.textContent = `Olá, ${user.email.split('@')[0]}!`;
            nav.insertBefore(welcomeSpan, document.getElementById('theme-toggle'));

            const logoutButton = document.createElement('button');
            logoutButton.classList.add('cta-button', 'auth-link');
            logoutButton.textContent = 'Sair';
            logoutButton.onclick = () => {
                logoutUser();
                alert("Você saiu da sua conta.");
                window.location.href = 'index.html';
            };
            nav.insertBefore(logoutButton, document.getElementById('theme-toggle'));

        } else {
            // Se DESLOGADO
            
            // Link de Entrar (Login)
            const loginLink = document.createElement('a');
            loginLink.href = 'login.html';
            loginLink.classList.add('auth-link');
            loginLink.textContent = 'Entrar';
            nav.insertBefore(loginLink, document.getElementById('theme-toggle'));

            // Link de Cadastro (CTA Principal)
            const registerLink = document.createElement('a');
            registerLink.href = 'register.html';
            registerLink.classList.add('cta-button', 'auth-link');
            registerLink.textContent = 'Começar Agora';
            nav.insertBefore(registerLink, document.getElementById('theme-toggle'));
        }
    }
    
    // Chama a função ao carregar a página
    updateAuthUI();


    // ------------------------------------------
    // C. LÓGICA DO CHATBOT FUNCIONAL (SYNTHBOT)
    // ------------------------------------------
    const chatbotInput = document.getElementById('chatbot-input');
    if (chatbotInput) {
        chatbotInput.addEventListener('keypress', function(e) {
            if (e.key === 'Enter') {
                sendMessage();
            }
        });
    }
});

// Alterna a visibilidade do Chatbot
function toggleChatbot() {
    const container = document.getElementById('chatbot-container');
    container.classList.toggle('hidden');
}

// Adiciona mensagem ao histórico
function appendMessage(sender, text) {
    const messagesContainer = document.getElementById('chatbot-messages');
    const messageDiv = document.createElement('div');
    messageDiv.classList.add('message', sender);
    messageDiv.textContent = text;
    messagesContainer.appendChild(messageDiv);
    messagesContainer.scrollTop = messagesContainer.scrollHeight; // Scroll para o final
}

// Lógica de envio de mensagem
function sendMessage() {
    const inputField = document.getElementById('chatbot-input');
    const message = inputField.value.trim();

    if (message === '') return;

    appendMessage('user', message);
    inputField.value = '';

    getAIRobotResponse(message);
}

// ------------------------------------------
// D. FUNÇÃO REAL: CHAMADA À API GEMINI (CHATBOT)
// ------------------------------------------

async function getAIRobotResponse(userMessage) {
    // ESTA É A LINHA CORRIGIDA/ADICIONADA:
    const API_URL = 'https://ai-backend-temp.cloudfunctions.net/getChatbotResponse'; 
    
    appendMessage('bot', 'Digitando...'); 

    try {
        const response = await fetch(API_URL, {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({ message: userMessage })
        });
        
        const data = await response.json();
        
        // Remove a mensagem 'Digitando...'
        const messagesContainer = document.getElementById('chatbot-messages');
        const lastMessage = messagesContainer.lastElementChild;
        if (lastMessage && lastMessage.textContent === 'Digitando...') {
            messagesContainer.removeChild(lastMessage); 
        }

        if (response.ok) {
            appendMessage('bot', data.text);
        } else {
            appendMessage('bot', data.error || "Erro na resposta da IA.");
        }
        
    } catch (error) {
        appendMessage('bot', 'Erro de conexão de rede com o servidor de IA. Tente mais tarde.');
    }
}