<?php
/**
 * Selflix Newsletter - Gestão de Leads
 * Versão: Alinhamento de Texto Fixo + Botões Centralizados no Mobile
 */

if (session_status() == PHP_SESSION_NONE) { session_start(); }

// Ajuste de caminhos para a raiz
require_once dirname(__DIR__) . '/conexao.php';
require_once dirname(__DIR__) . '/env.php';

// Filtros via GET
$data_inicio = filter_input(INPUT_GET, 'data_inicio', FILTER_SANITIZE_SPECIAL_CHARS);
$data_fim    = filter_input(INPUT_GET, 'data_fim', FILTER_SANITIZE_SPECIAL_CHARS);
$perfil      = filter_input(INPUT_GET, 'perfil', FILTER_SANITIZE_SPECIAL_CHARS);
$segmento    = filter_input(INPUT_GET, 'segmento', FILTER_SANITIZE_SPECIAL_CHARS);
$busca       = filter_input(INPUT_GET, 'busca', FILTER_SANITIZE_SPECIAL_CHARS);

$segmentos = ["Administração", "Agronegócio", "Alimentos", "Animação", "Armazenagem", "Arquitetura", "Artes", "Atacado", "Atendimento", "Auto Peças", "Automação Industrial", "Automobilístico", "Aviação / Aeroespacial", "Bancos", "Bebidas", "Belas-Artes", "Bem-Estar", "Bibliotecas", "Bio Engenharia", "Biotecnologia", "Borracha", "Calçados / Couro", "Capital", "Cerâmica / Vidro", "Cimento / Concreto", "Cinema", "Comércio Atacadista", "Comércio e Desenvolvimento Internacional", "Comércio Varejista", "Composição e Revisão de Textos", "Comunicações", "Confecção", "Construções", "Consultoria", "Contabilidade", "Cosméticos", "Decoração", "Design", "Editoração", "Educação a Distância", "Educação Física / Academia", "Eletro Eletrônica", "Embalagens", "Energia", "Engenharia", "Ensino", "Entretenimento", "Esportes", "Farmácia", "Financeira", "Fotografia", "Games", "Gráfica", "Hardware", "Hospitalar", "Hotelaria", "Imobiliária", "Importação e Exportação", "Impressão", "Indústria Automotiva", "Indústria Farmacêutica", "Indústria Química", "Indústria Têxtil", "Instituições Religiosas", "Instituições Sem Fins Lucrativos", "Internet", "Investimentos", "Jogos", "Jornais", "Judiciário", "Laboratórios", "Lazer", "Logística", "Marketing", "Medicina", "Metalúrgico", "Mineração", "Motociclístico", "Móveis", "Museus", "Música", "Nanotecnologia", "Náutico", "Óleo / Gás", "Ótico", "Papel / Celulose", "Pesca", "Pesquisa / Desenvolvimento", "Petróleo", "Plástico", "Pneus", "Prestação de Serviços", "Propaganda e Publicidade", "Rádio", "Recrutamento e Seleção", "Relações Públicas", "Restaurantes", "Saúde", "Segurança", "Seguros", "Serviços Individuais e Familiares", "Serviços Jurídicos", "Serviços para Eventos", "Serviços Públicos", "Siderurgia / Geologia", "Sistemas / Softwares", "Supermercados", "Suprimentos", "Tabaco", "Tecnologia", "Telecomunicações", "Telefonia", "Televisão", "Terceirização e Outsourcing", "Terraplenagem", "Têxtil / Tingimento", "TI e Segurança da Informação", "Tradução e Localização", "Transporte / Caminhões / Trens", "Transporte de Passageiros", "Treinamento", "Turismo/ Hoteleiro/ Hospedagem", "Varejo", "Veterinária", "Viagens e Turismo", "Não informado"];

try {
    $query = "SELECT * FROM newsletter_selflix WHERE 1=1";
    $params = [];

    if ($data_inicio) { $query .= " AND DATE(data_inscricao) >= :inicio"; $params[':inicio'] = $data_inicio; }
    if ($data_fim)    { $query .= " AND DATE(data_inscricao) <= :fim"; $params[':fim'] = $data_fim; }
    if ($perfil)      { $query .= " AND perfil = :perfil"; $params[':perfil'] = $perfil; }
    if ($segmento)    { $query .= " AND info_extra = :segmento"; $params[':segmento'] = $segmento; }
    if ($busca) {
        $query .= " AND (nome LIKE :busca OR email LIKE :busca OR cidade LIKE :busca)";
        $params[':busca'] = "%$busca%";
    }

    $query .= " ORDER BY data_inscricao DESC";
    $stmt = $pdo->prepare($query);
    $stmt->execute($params);
    $leads = $stmt->fetchAll(PDO::FETCH_ASSOC);

} catch (PDOException $e) {
    die("Erro ao carregar leads.");
}
?>
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Newsletter | Selflix Vagas</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        :root { --selflix-teal: #12929e; }
        body { background-color: #f4f6f9; font-family: 'Segoe UI', sans-serif; color: #333; }
        .wrapper { padding: 30px 0; }
        
        .main-card { border-radius: 15px; border: none; box-shadow: 0 5px 20px rgba(0,0,0,0.05); background: #fff; overflow: hidden; }
        .filter-section { background: #fdfdfd; border-bottom: 1px solid #eee; padding: 25px; }
        
        .form-select-sm, .form-control-sm { border-radius: 8px; border: 1px solid #ddd; padding: 8px 12px; }
        
        /* Estilo Desktop */
        .btn-group-actions { border: 1px solid #dee2e6; border-radius: 10px; overflow: hidden; display: inline-flex; background-color: #f8f9fa; }
        .btn-group-actions .btn { border: none; border-right: 1px solid #dee2e6; padding: 8px 14px; font-size: 0.8rem; font-weight: 600; display: flex; align-items: center; gap: 6px; color: #444; background: transparent; transition: 0.2s; }
        .btn-group-actions .btn:hover { background: #eee; }
        .btn-group-actions .btn:last-child { border-right: none; }

        /* Responsividade Mobile */
        @media (max-width: 768px) {
            .wrapper { padding: 15px !important; }
            
            /* Header */
            .card-header { flex-direction: column; align-items: flex-start !important; }
            .header-buttons { flex-direction: column; width: 100%; margin-top: 15px; }
            .header-buttons .btn { width: 100%; margin-bottom: 5px; text-align: center; }

            .filter-section { border-radius: 15px; margin-bottom: 15px; border: 1px solid #eee; }
            
            /* Tabela para Cards */
            thead { display: none; }
            table, tbody, tr, td { display: block; width: 100%; }
            tr { background: #fff !important; margin-bottom: 20px; border-radius: 15px; padding: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.06); border: 1px solid #eee; }
            
            /* Alinhamento de dados sem indentação */
            td { border: none !important; padding: 8px 0 !important; text-align: left !important; padding-left: 0 !important; }
            td::before { content: attr(data-label); display: block; font-size: 0.65rem; font-weight: 800; color: #999; text-transform: uppercase; margin-bottom: 2px; }
            
            /* Botões Centralizados no Mobile */
            .btn-group-actions { display: flex; flex-direction: column; width: 100%; border-radius: 8px; border: 1px solid #dee2e6; }
            .btn-group-actions .btn { border-right: none !important; border-bottom: 1px solid #dee2e6; width: 100%; justify-content: center !important; padding: 14px; }
            .btn-group-actions .btn:last-child { border-bottom: none; }
        }
    </style>
</head>
<body>

    <div class="container wrapper">
        <div class="card main-card">
            
            <div class="card-header p-4 border-bottom d-flex justify-content-between align-items-center bg-white">
                <h3 class="mb-0" style="color: var(--selflix-teal); font-weight: 700;">
                    <i class="fas fa-envelope-open-text me-2"></i> Leads Newsletter
                </h3>
                <div class="d-flex gap-2 header-buttons">
                    <a href="exportar-csv.php?<?= $_SERVER['QUERY_STRING'] ?>" class="btn btn-success btn-sm rounded-pill px-4">
                        <i class="fas fa-file-csv me-1"></i> Exportar
                    </a>
                    <a href="../painel-adm.php" class="btn btn-outline-secondary btn-sm rounded-pill px-4">Painel</a>
                </div>
            </div>

            <div class="filter-section">
                <form method="GET" action="lista-cadastro.php">
                    <div class="row g-3">
                        <div class="col-md-3">
                            <label class="small fw-bold text-muted mb-1">Buscar</label>
                            <input type="text" name="busca" class="form-control form-control-sm" value="<?= htmlspecialchars($busca) ?>" placeholder="Nome, e-mail ou cidade...">
                        </div>
                        <div class="col-md-2">
                            <label class="small fw-bold text-muted mb-1">De:</label>
                            <input type="date" name="data_inicio" class="form-control form-control-sm" value="<?= $data_inicio ?>">
                        </div>
                        <div class="col-md-2">
                            <label class="small fw-bold text-muted mb-1">Até:</label>
                            <input type="date" name="data_fim" class="form-control form-control-sm" value="<?= $data_fim ?>">
                        </div>
                        <div class="col-md-2">
                            <label class="small fw-bold text-muted mb-1">Perfil</label>
                            <select name="perfil" class="form-select form-select-sm">
                                <option value="">Todos</option>
                                <option value="candidato" <?= $perfil == 'candidato' ? 'selected' : '' ?>>Candidato</option>
                                <option value="recrutador" <?= $perfil == 'recrutador' ? 'selected' : '' ?>>Recrutador</option>
                            </select>
                        </div>
                        <div class="col-md-3">
                            <label class="small fw-bold text-muted mb-1">Segmento/Empresa</label>
                            <div class="d-flex gap-2">
                                <select name="segmento" class="form-select form-select-sm">
                                    <option value="">Todos os Segmentos</option>
                                    <?php foreach ($segmentos as $s): ?>
                                        <option value="<?= $s ?>" <?= $segmento == $s ? 'selected' : '' ?>><?= $s ?></option>
                                    <?php endforeach; ?>
                                </select>
                                <button type="submit" class="btn btn-primary btn-sm" style="background: var(--selflix-teal); border:none;"><i class="fas fa-filter"></i></button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>

            <div class="table-responsive">
                <table class="table align-middle mb-0">
                    <thead class="table-light">
                        <tr>
                            <th class="ps-4 text-start">Lead</th>
                            <th class="text-start">Local / Contato</th>
                            <th class="text-start">Interesse</th>
                            <th class="text-start">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php if (count($leads) > 0): ?>
                            <?php foreach ($leads as $lead): 
                                $num_limpo = preg_replace('/\D/', '', $lead['telefone']);
                            ?>
                                <tr>
                                    <td class="text-start ps-4" data-label="Lead">
                                        <div class="fw-bold text-dark"><?= htmlspecialchars($lead['nome']) ?></div>
                                        <div class="text-muted small"><?= htmlspecialchars($lead['email']) ?></div>
                                        <div class="text-muted" style="font-size: 0.7rem;"><?= date('d/m/Y H:i', strtotime($lead['data_inscricao'])) ?></div>
                                    </td>
                                    
                                    <td class="text-start" data-label="Local / Contato">
                                        <div class="small fw-bold mb-1 text-dark"><?= htmlspecialchars($lead['cidade']) ?></div>
                                        <div class="small text-muted"><?= htmlspecialchars($lead['telefone']) ?></div>
                                    </td>
                                    
                                    <td class="text-start" data-label="Interesse">
                                        <div class="fw-bold text-dark" style="font-size: 0.9rem;"><?= htmlspecialchars($lead['info_extra']) ?></div>
                                    </td>
                                    
                                    <td class="text-start pe-4">
                                        <div class="btn-group-actions">
                                            <?php if($num_limpo): ?>
                                                <a href="https://wa.me/55<?= $num_limpo ?>" target="_blank" class="btn">
                                                    <i class="fab fa-whatsapp" style="color: #25d366;"></i> WhatsApp
                                                </a>
                                            <?php endif; ?>
                                            <button onclick="copiarEmail('<?= $lead['email'] ?>')" class="btn">
                                                <i class="far fa-copy text-primary"></i> Copiar E-mail
                                            </button>
                                        </div>
                                    </td>
                                </tr>
                            <?php endforeach; ?>
                        <?php else: ?>
                            <tr>
                                <td colspan="4" class="text-start p-5 text-muted">
                                    <i class="fas fa-folder-open d-block mb-2 fs-2"></i>
                                    Nenhum registro encontrado.
                                </td>
                            </tr>
                        <?php endif; ?>
                    </tbody>
                </table>
            </div>
            <div class="card-footer bg-white border-0 p-3 text-start small text-muted">
                Total de <b><?= count($leads) ?></b> leads encontrados.
            </div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
    <script>
        function copiarEmail(email) {
            navigator.clipboard.writeText(email).then(() => {
                alert("E-mail copiado!");
            });
        }
    </script>
</body>
</html>