script.js

// Anderson Valadares Pinto, Antonio Carlos Davila, Leticia Heller Chioato, Thaina Farias da Silva, Polo SLS

// Carrega o script do Bootstrap 5 Bundle dinamicamente se necessário
if (!document.querySelector('script[src*="bootstrap.bundle"]')) {
    const bsScript = document.createElement('script');
    bsScript.src = 'https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js';
    document.head.appendChild(bsScript);
}

// Alternar Modo Escuro
document.addEventListener('DOMContentLoaded', () => {
    // Verifica as preferência salva
    const darkMode = localStorage.getItem('darkMode');
    const body = document.body;

    // Aplica preferência salva
    if (darkMode === 'enabled') {
        body.classList.add('dark-mode');
        document.documentElement.setAttribute('data-bs-theme', 'dark');
    } else {
        document.documentElement.setAttribute('data-bs-theme', 'light');
    }

    // Cria botão interruptor
    const headerActions = document.querySelector('.header-actions');
    if (headerActions) {
        const toggleBtn = document.createElement('button');
        toggleBtn.className = 'btn-toggle-theme';
        toggleBtn.innerHTML = darkMode === 'enabled' ? '☀️' : '🌙';
        toggleBtn.title = 'Alternar Modo Escuro';
        toggleBtn.style.background = 'none';
        toggleBtn.style.border = 'none';
        toggleBtn.style.fontSize = '1.2rem';
        toggleBtn.style.cursor = 'pointer';
        toggleBtn.style.marginLeft = '10px';
        toggleBtn.style.transition = 'transform 0.3s ease';

        // Adiciona efeito rollover
        toggleBtn.onmouseover = () => toggleBtn.style.transform = 'scale(1.1)';
        toggleBtn.onmouseout = () => toggleBtn.style.transform = 'scale(1)';

        // Alterna evento
        toggleBtn.addEventListener('click', () => {
            body.classList.toggle('dark-mode');
            const isDark = body.classList.contains('dark-mode');
            document.documentElement.setAttribute('data-bs-theme', isDark ? 'dark' : 'light');

            // Atualiza icone do botão
            toggleBtn.innerHTML = isDark ? '☀️' : '🌙';

            // Salva preferencia
            localStorage.setItem('darkMode', isDark ? 'enabled' : 'disabled');
        });

        // Insere icone ao lado icone usuario
        headerActions.appendChild(toggleBtn);
    }
});

// Formulário de Contato
const contactForm = document.querySelector('input#name') ? document.querySelector('input#name').closest('form') : null;
if (contactForm) {
    contactForm.addEventListener('submit', function (event) {
        event.preventDefault();

        const nameInput = document.getElementById('name');
        const emailInput = document.getElementById('email');
        const subjectInput = document.getElementById('subject');
        const messageInput = document.getElementById('message');

        const name = nameInput.value.trim();
        const email = emailInput.value.trim();
        const subject = subjectInput.value.trim();
        const message = messageInput.value.trim();

        // Validação nome completo
        let isValid = true;
        let errorMessage = '';

        // Valida nome (composto e mínimo de 3 caracteres)
        if (name.length < 3 || !name.includes(' ') || name.split(' ').filter(n => n).length < 2) {
            isValid = false;
            errorMessage += 'Por favor, insira seu nome completo (mínimo 3 caracteres).\n';
            nameInput.style.borderColor = 'red';
        } else {
            nameInput.style.borderColor = '#ddd';

        }

        //  Validação Email (@)
        if (!email.includes('@')) {
            isValid = false;
            errorMessage += 'Por favor, insira um endereço de e-mail válido com "@".\n';
            emailInput.style.borderColor = 'red';
        } else {
            emailInput.style.borderColor = '#ddd';
        }

        // Campos obrigatórios (redundante)
        if (!subject || !message) {
            isValid = false;
            errorMessage += 'Por favor, preencha todos os campos obrigatórios.\n';
        }

        if (!isValid) {
            alert(errorMessage);
            return;
        }

        // Se valido
        const formData = {
            name: name,
            email: email,
            subject: subject,
            message: message,
            date: new Date().toISOString()
        };

        console.log('Formulário enviado:', formData);

        // Substui o formulário por uma mensagem de sucesso.
        const contactFormContainer = document.querySelector('.contact-form');
        contactFormContainer.innerHTML = `
            <div class="success-message" style="text-align: center; padding: 20px;">
                <h2 style="color: var(--secondary); margin-bottom: 20px;">Obrigado, ${name}!</h2>
                <p style="font-size: 1.1rem; margin-bottom: 15px;">Sua mensagem foi enviada com sucesso.</p>
                <div style="background: var(--bg-body); padding: 15px; border-radius: 8px; text-align: left; margin-top: 20px;">
                    <p><strong>Assunto:</strong> ${subject}</p>
                    <p><strong>Email:</strong> ${email}</p>
                    <p><strong>Mensagem:</strong></p>
                    <p style="font-style: italic; margin-top: 5px;">"${message}"</p>
                </div>
                <button onclick="location.reload()" class="btn btn-primary" style="margin-top: 20px;">Enviar Nova Mensagem</button>
            </div>
        `;
    });
}

// ==========================================
// BANCO DE DADOS LOCAL (LocalStorage & Seeding)
// ==========================================

const defaultClientes = [
    {
        id: "c1",
        nome: "Maria do Carmo",
        cpf: "123.456.789-00",
        email: "maria@gmail.com",
        telefone: "(53) 99999-1111",
        cep: "96000-000",
        rua: "Rua XV de Novembro",
        numero: "123",
        complemento: "Apto 301",
        bairro: "Centro",
        cidade: "Pelotas",
        estado: "RS"
    },
    {
        id: "c2",
        nome: "João Silva",
        cpf: "987.654.321-11",
        email: "joao@hotmail.com",
        telefone: "(53) 98888-2222",
        cep: "96170-000",
        rua: "Avenida Getúlio Vargas",
        numero: "456",
        complemento: "",
        bairro: "Navegantes",
        cidade: "São Lourenço do Sul",
        estado: "RS"
    },
    {
        id: "c3",
        nome: "Carlos Eduardo Fonseca",
        cpf: "456.789.123-22",
        email: "carlos@outlook.com",
        telefone: "(51) 97777-3333",
        cep: "90000-000",
        rua: "Rua dos Andradas",
        numero: "789",
        complemento: "Bloco B",
        bairro: "Centro Histórico",
        cidade: "Porto Alegre",
        estado: "RS"
    },
    {
        id: "c4",
        nome: "Ana Beatriz Souza",
        cpf: "789.123.456-33",
        email: "ana@gmail.com",
        telefone: "(53) 96666-4444",
        cep: "96200-000",
        rua: "Rua Benjamin Constant",
        numero: "101",
        complemento: "",
        bairro: "Porto",
        cidade: "Rio Grande",
        estado: "RS"
    }
];

const defaultLivros = [
    {
        id: "l1",
        titulo: "A Chave de Ébano",
        autor: "Gustavo Lima",
        isbn: "978-85-12345-01-2",
        categoria: "ficcao",
        preco: 49.90,
        estoque: 15,
        descricao: "Uma aventura misteriosa repleta de magia e segredos do passado nas profundezas de uma floresta sagrada.",
        imagem: "./imagens/a_chave_de_ebano.png"
    },
    {
        id: "l2",
        titulo: "A Expedição Perdida de Atlântis",
        autor: "Carlos Eduardo Fonseca",
        isbn: "978-85-12345-02-9",
        categoria: "ficcao",
        preco: 39.90,
        estoque: 8,
        descricao: "A busca científica e arqueológica por uma civilização lendária esquecida no fundo do oceano Atlântico.",
        imagem: "./imagens/a_expedicao_perdida_de_atlantis.png"
    },
    {
        id: "l3",
        titulo: "A Sabedoria dos Nômades",
        autor: "Mariana Souza",
        isbn: "978-85-12345-03-6",
        categoria: "nao-ficcao",
        preco: 59.90,
        estoque: 22,
        descricao: "Lições práticas valiosas coletadas de povos nômades reais sobre minimalismo, resiliência e a verdadeira felicidade.",
        imagem: "./imagens/a_sabedoria_dos_nomades.png"
    }
];

const defaultPedidos = [
    {
        id: "10045",
        data: "2026-07-12",
        clienteId: "c1",
        clienteNome: "Maria do Carmo",
        status: "Pendente",
        itens: [
            { livroId: "l1", titulo: "A Chave de Ébano", preco: 49.90, quantidade: 2 }
        ],
        total: 99.80
    },
    {
        id: "10044",
        data: "2026-07-15",
        clienteId: "c2",
        clienteNome: "João Silva",
        status: "Enviado",
        itens: [
            { livroId: "l2", titulo: "A Expedição Perdida de Atlântis", preco: 39.90, quantidade: 1 }
        ],
        total: 39.90
    },
    {
        id: "10043",
        data: "2026-07-18",
        clienteId: "c3",
        clienteNome: "Carlos Eduardo Fonseca",
        status: "Entregue",
        itens: [
            { livroId: "l3", titulo: "A Sabedoria dos Nômades", preco: 59.90, quantidade: 2 },
            { livroId: "l2", titulo: "A Expedição Perdida de Atlântis", preco: 39.90, quantidade: 1 }
        ],
        total: 159.70
    },
    {
        id: "10042",
        data: "2026-07-20",
        clienteId: "c4",
        clienteNome: "Ana Beatriz Souza",
        status: "Cancelado",
        itens: [
            { livroId: "l1", titulo: "A Chave de Ébano", preco: 49.90, quantidade: 1 }
        ],
        total: 49.90
    }
];

// Métodos de acesso à "API" LocalStorage
const getClientes = () => JSON.parse(localStorage.getItem('clientes') || '[]');
const saveClientes = (c) => localStorage.setItem('clientes', JSON.stringify(c));
const getLivros = () => JSON.parse(localStorage.getItem('livros') || '[]');
const saveLivros = (l) => localStorage.setItem('livros', JSON.stringify(l));
const getPedidos = () => JSON.parse(localStorage.getItem('pedidos') || '[]');
const savePedidos = (p) => localStorage.setItem('pedidos', JSON.stringify(p));

function inicializarBancoDados() {
    if (!localStorage.getItem('clientes')) {
        saveClientes(defaultClientes);
    }
    if (!localStorage.getItem('livros')) {
        saveLivros(defaultLivros);
    }
    if (!localStorage.getItem('pedidos')) {
        savePedidos(defaultPedidos);
    }
}

// Inicializar BD ao carregar a página
inicializarBancoDados();

// ============================================================================
// As funções do Painel Administrativo foram movidas para arquivos na pasta js/
// ============================================================================