gerenciar_eventos.js

// Variáveis globais
let eventosData = [];
let filtroAtual = 'todos';

// Carregar eventos quando a página carregar
document.addEventListener('DOMContentLoaded', function() {
    carregarEventos();
});

// Função para carregar eventos do servidor
async function carregarEventos() {
    try {
        mostrarCarregando();
        
        const response = await fetch('listar_eventos.php');
        const data = await response.json();
        
        if (data.sucesso) {
              eventosData = [...data.eventos_ativos, ...data.eventos_expirados];
            
            // Adicionar status e data de expiração aos eventos
            eventosData.forEach(evento => {
                const dataEvento = new Date(evento.data_evento);
                const dataExpiracao = new Date(dataEvento);
                dataExpiracao.setDate(dataExpiracao.getDate() + 30);
                
                evento.data_expiracao = dataExpiracao.toISOString().split("T")[0];
                evento.status = new Date() > dataExpiracao ? "expirado" : "ativo";
            });
            
            atualizarEstatisticas(data);
            exibirEventos();
        } else {
            mostrarErro("Erro ao carregar eventos: " + data.mensagem);
        }
    } catch (error) {
        console.error("Erro ao carregar eventos:", error);
        mostrarErro("Erro de conexão. Verifique sua internet e tente novamente.");
    }
}

// Função para atualizar as estatísticas
function atualizarEstatisticas(data) {
    document.getElementById("totalAtivos").textContent = data.total_ativos || 0;
    document.getElementById("totalExpirados").textContent = data.total_expirados || 0;
    document.getElementById("totalGeral").textContent = (data.total_ativos + data.total_expirados) || 0;
    document.getElementById("totalClientes").textContent = data.total_clientes || 0; // Nova estatística
}

// Função para exibir os eventos na tabela
function exibirEventos() {
    const conteudo = document.getElementById("conteudo");
    
    // Filtrar eventos baseado no filtro atual
    let eventosFiltrados = eventosData;
    if (filtroAtual === "ativos") {
        eventosFiltrados = eventosData.filter(evento => evento.status === "ativo");
    } else if (filtroAtual === "expirados") {
        eventosFiltrados = eventosData.filter(evento => evento.status === "expirado");
    }
    
    if (eventosFiltrados.length === 0) {
        conteudo.innerHTML = 
            `<div class="vazio">Nenhum evento encontrado.</div>`;
        return;
    }
    
    // Criar tabela
    let html = `
        <div class="tabela-container">
            <table>
                <thead>
                    <tr>
                        <th>Evento</th>
                        <th>Data do Evento</th>
                        <th>Data de Criação</th>
                        <th>Data de Expiração</th>
                        <th>Status</th>
                        <th>Convidados</th>
                        <th>Confirmados</th>
                        <th>Ações</th>
                    </tr>
                </thead>
                <tbody>
    `;
    
    eventosFiltrados.forEach(evento => {
        const dataEvento = formatarData(evento.data_evento);
        const dataCriacao = formatarData(evento.data_criacao);
        const dataExpiracao = formatarData(evento.data_expiracao);
        const whatsappLink = gerarLinkWhatsApp(evento.email);
        
        html += `
            <tr>
                <td>
                    <div class="evento-nome">${evento.nome}</div>
                    <div class="evento-organizador">Por: ${evento.organizador}</div>
                </td>
                <td>
                    <div class="data">${dataEvento}</div>
                </td>
                <td>
                    <div class="data">${dataCriacao}</div>
                </td>
                <td>
                    <div class="data">${dataExpiracao}</div>
                </td>
                <td>
                    <span class="status ${evento.status}">${evento.status === "ativo" ? "Ativo" : "Expirado"}</span>
                </td>
                <td>
                    <div class="convidados-info">
                        <span class="total-convidados">${evento.total_convidados !== undefined ? evento.total_convidados : '-'}</span>
                    </div>
                </td>
                <td>
                    <div class="confirmados-info">
                        <span class="total-confirmados">${evento.total_confirmados !== undefined ? evento.total_confirmados : '-'}</span>
                    </div>
                </td>
                <td>
                    <div class="acoes">
                        <a href="${whatsappLink}" target="_blank" class="btn btn-whatsapp">
                            📱 WhatsApp
                        </a>
                        <a href="eventos/admin.php?id=${evento.id}" target="_blank" class="btn btn-admin">
                            ⚙️ Admin
                        </a>
                        <a href="eventos/index.php?id=${evento.id}" target="_blank" class="btn btn-presenca">
                            📝 Presença
                        </a>
                        <button onclick="copiarSenhaAdmin("${evento.id}")" class="btn btn-copiar-senha">
                            🔒 Copiar Senha
                        </button>
                        <button onclick="excluirEvento("${evento.id}", "${evento.nome}")" class="btn btn-excluir">
                            🗑️ Excluir
                        </button>
                    </div>
                </td>
            </tr>
        `;
    });
    
    html += `
                </tbody>
            </table>
        </div>
    `;
    
    conteudo.innerHTML = html;
}

// Função para copiar a senha do admin
async function copiarSenhaAdmin(eventoId) {
    try {
        const response = await fetch(`get_admin_password.php?evento_id=${eventoId}`);
        const data = await response.json();

        if (data.sucesso) {
            const senha = data.senha;
            navigator.clipboard.writeText(senha).then(() => {
                alert("Senha copiada para a área de transferência!");
            }).catch(err => {
                console.error("Erro ao copiar senha: ", err);
                alert("Erro ao copiar senha. Por favor, copie manualmente: " + senha);
            });
        } else {
            alert("Erro ao obter a senha: " + data.mensagem);
        }
    } catch (error) {
        console.error("Erro ao obter a senha:", error);
        alert("Erro de conexão ao tentar obter a senha.");
    }
}

// Função para formatar data
function formatarData(dataString) {
    if (!dataString) return "-";
    
    const data = new Date(dataString);
    return data.toLocaleDateString("pt-BR", {
        day: "2-digit",
        month: "2-digit",
        year: "numeric"
    });
}

// Função para gerar link do WhatsApp
function gerarLinkWhatsApp(email) {
    const mensagem = encodeURIComponent(`Olá! Entrei em contato através do sistema de gerenciamento de eventos. Email: ${email}`);
    return `https://wa.me/?text=${mensagem}`;
}

// Função para filtrar eventos
function filtrarEventos(tipo) {
    filtroAtual = tipo;
    
    // Atualizar botões de filtro
    document.querySelectorAll(".filtro-btn").forEach(btn => {
        btn.classList.remove("ativo");
    });
    
    event.target.classList.add("ativo");
    
    // Reexibir eventos com o novo filtro
    exibirEventos();
}

// Função para excluir evento
async function excluirEvento(eventoId, nomeEvento) {
    if (!confirm(`Tem certeza que deseja excluir o evento "${nomeEvento}"?\n\nEsta ação não pode ser desfeita e todos os dados do evento serão perdidos.`)) {
        return;
    }
    
    try {
        const response = await fetch("excluir_evento.php", {
            method: "POST",
            headers: {
                "Content-Type": "application/json",
            },
            body: JSON.stringify({
                evento_id: eventoId
            })
        });
        
        const data = await response.json();
        
        if (data.sucesso) {
            alert("Evento excluído com sucesso!");
            // Recarregar a lista de eventos
            carregarEventos();
        } else {
            alert("Erro ao excluir evento: " + data.mensagem);
        }
    } catch (error) {
        console.error("Erro ao excluir evento:", error);
        alert("Erro de conexão. Tente novamente.");
    }
}

// Função para atualizar eventos
function atualizarEventos() {
    carregarEventos();
}

// Função para mostrar carregando
function mostrarCarregando() {
    document.getElementById("conteudo").innerHTML = `<div class="carregando">Carregando eventos...</div>`;
}

// Função para mostrar erro
function mostrarErro(mensagem) {
    document.getElementById("conteudo").innerHTML = `<div class="erro">${mensagem}</div>`;
}

// Função para mostrar confirmação de exclusão personalizada
function confirmarExclusao(nomeEvento) {
    return confirm(`⚠️ ATENÇÃO: Exclusão de Evento\n\nVocê está prestes a excluir o evento:\n"${nomeEvento}"\n\n❌ Esta ação irá:\n• Remover todos os dados do evento\n• Excluir a lista de convidados\n• Apagar o histórico de confirmações\n• Remover os arquivos do servidor\n\n🚨 ESTA AÇÃO NÃO PODE SER DESFEITA!\n\nTem certeza que deseja continuar?`);
}