<?php
// campanha-pa.php
// Página de seleção de cursos - página de escolha

// Define BASE_PATH
if (!defined('BASE_PATH')) {
    define('BASE_PATH', dirname(__FILE__));
}

// Configurações iniciais - caminhos corretos para arquivo na RAIZ
require_once 'includes/config.php';
require_once 'includes/db.php';
require_once 'includes/functions.php';
require_once BASE_PATH . '/includes/config-tracking.php';

// Adicione após os includes básicos
require_once 'includes/unique-visits-tracker.php';

// Track visita única
$uniqueVisitsTracker->trackUniqueVisit(null, '/campanha-pa', 'Cursos Gratuitos');

// --- Início: Busca de configurações do WhatsApp no banco de dados --- 
// Define valores padrão (fallback) ANTES de tentar buscar no banco.
// Estes valores só serão usados se a busca no banco falhar ou retornar campos nulos.
// Nota: O URL padrão aqui deve ser o que você quer que seja o último recurso,
// caso url_1 não seja encontrado no banco.
$whatsappUrl = 'https://a2.contrateservicos.com/redirect.php?p=6877184d392d0'; // URL padrão, se o DB não retornar url_1
$whatsappTitle = '📲 Únete a nuestro grupo de WhatsApp y recibe cursos gratuitos todos los días'; 
$whatsappButtonText = '✅ Unirse al Grupo de WhatsApp'; 

// Verifica se a conexão com o banco de dados ($conn) está disponível.
// A variável $conn deve ser definida em 'includes/db.php'.
if (isset($conn)) { 
    // Consulta o banco de dados para obter as configurações mais recentes e ativas do WhatsApp.
    // Selecionamos url_1, title e button_text.
    $sql = "SELECT url_1, title, button_text FROM whatsapp_settings WHERE active = 1 ORDER BY created_at DESC LIMIT 1"; 
    $result = $conn->query($sql); 

    // Verifica se a consulta retornou resultados e se há pelo menos uma linha.
    if ($result && $result->num_rows > 0) { 
        $whatsappSettings = $result->fetch_assoc(); 
        
        // Atribui a URL do WhatsApp:
        // Tenta usar 'url_1' da tabela.
        // Se 'url_1' for nulo ou não existir, mantém o valor padrão definido no início.
        $whatsappUrl = $whatsappSettings['url_1'] ?? $whatsappUrl; 
        
        // Atribui o texto do botão:
        // Tenta usar 'button_text' da tabela.
        // Se 'button_text' for nulo ou não existir, mantém o valor padrão.
        $whatsappButtonText = $whatsappSettings['button_text'] ?? $whatsappButtonText; 

        // Atribui o título (se você o estiver usando em algum lugar no seu HTML):
        // Tenta usar 'title' da tabela.
        // Se 'title' for nulo ou não existir, mantém o valor padrão.
        $whatsappTitle = $whatsappSettings['title'] ?? $whatsappTitle; 
    } 
}
// --- Fim: Busca de configurações do WhatsApp no banco de dados ---

// Incluye el header
require_once 'includes/header.php';
?>

<section class="selection-hero py-5">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 text-center">
                <h1 class="display-4 fw-bold mb-4">¿Qué curso gratuito te gustaría realizar?</h1>
                
            </div>
        </div>
    </div>
</section>

<section class="benefits-preview py-5">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 text-center">
                    <a href="campanha-curso-de-arquitectura.php" class="course-button course-architecture" aria-label="Curso de Arquitectura">
                        🏛️ Curso de Arquitectura
                    </a>
                     <a href="campanha-curso-de-pavimentacion-asfaltica.php" class="course-button course-pavement" aria-label="Curso de Pavimentación Asfáltica">
                        🚧 Curso de Pavimentación Asfáltica
                    </a>
                    
                    <a href="campanha-curso-de-administracion.php" class="course-button course-administration" aria-label="Curso de Administración">
                        📊 Curso de Administración
                    </a>
                    
                    
                    <a href="campanha-outros-cursos.php" class="course-button course-others" aria-label="Otros Cursos">
                        📚 Otros Cursos
                    </a>
                    
                    <p class="selection-subtitle">
                        Selecciona un curso y da el primer paso para mejorar tu carrera profesional.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="benefits-preview py-5">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8 text-center">
                <h2 class="section-title mb-4">¿Por qué elegir nuestros cursos?</h2>
                <div class="row g-4">
                    <div class="col-md-4">
                        <div class="benefit-item">
                            <div class="benefit-icon-sm mb-3">
                                ✅
                            </div>
                            <h3 class="h5">100% Gratuito</h3>
                            <p class="small text-muted">Sin costos ocultos</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="benefit-item">
                            <div class="benefit-icon-sm mb-3">
                                🎓
                            </div>
                            <h3 class="h5">Con Certificado</h3>
                            <p class="small text-muted">Válido profesionalmente</p>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="benefit-item">
                            <div class="benefit-icon-sm mb-3">
                                📱
                            </div>
                            <h3 class="h5">Acceso por WhatsApp</h3>
                            <p class="small text-muted">Fácil y directo</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="additional-content py-5 bg-light">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="text-content p-5" style="background: white; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);">
                    <h2 class="text-center mb-4" style="color: #2d3748; font-weight: 700;">🎓 Cómo un curso gratuito online puede impulsar tu carrera en Arquitectura, Administración o Ingeniería Civil</h2>
                    
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        📚 En la actualidad, la educación online gratuita se ha convertido en una herramienta clave para quienes desean desarrollarse profesionalmente sin pagar costosas matrículas ni depender de horarios rígidos. Con solo una computadora o celular y conexión a internet, puedes acceder a contenidos de calidad y certificados reconocidos.
                    </p>
                    
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        🏗️ Ya sea que te interese el diseño arquitectónico, la gestión administrativa o el trabajo en obras públicas como la pavimentación asfáltica, existen cursos gratuitos especialmente diseñados para ayudarte a comenzar, actualizarte o dar un nuevo rumbo a tu vida profesional.
                    </p>
                    
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        💼 Lo mejor es que estos cursos no exigen experiencia previa. Están pensados para adaptarse a cualquier perfil: estudiantes, trabajadores, personas desempleadas o quienes buscan una nueva oportunidad en sectores con alta demanda.
                    </p>
                    
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        ✅ Todos los cursos que encontrarás aquí ofrecen acceso inmediato y gratuito, y muchos de ellos incluyen certificación digital al finalizar. Esto no solo mejora tu currículum, sino que te posiciona mejor ante empresas, contratistas o incluso como profesional independiente.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="course-details py-5">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="text-content p-5" style="background: white; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);">
                    <h2 class="text-center mb-4" style="color: #2d3748; font-weight: 700;">📘 Ver contenido de los cursos</h2>
                    
                    <div class="course-detail mb-4">
                        <h3 style="color: #3F51B5; font-weight: 600; margin-bottom: 1rem;">🏛️ Arquitectura: creatividad con salida laboral</h3>
                        <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1rem;">
                            El curso de arquitectura gratuito te permite explorar los fundamentos del diseño urbano, construcción sustentable, dibujo técnico y herramientas digitales como AutoCAD o SketchUp. Podrás adquirir conocimientos clave para participar en proyectos residenciales o comerciales, incluso si aún no estudiaste en una universidad.
                        </p>
                        <p style="font-size: 1rem; line-height: 1.6; color: #666; margin-bottom: 2rem;">
                            Este tipo de formación es ideal para quienes desean ingresar al mundo del diseño y la planificación de espacios, ya sea como asistente, técnico o emprendedor en reformas.
                        </p>
                    </div>
                    
                    <div class="course-detail mb-4">
                        <h3 style="color: #009688; font-weight: 600; margin-bottom: 1rem;">📊 Administración: liderazgo y organización</h3>
                        <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1rem;">
                            El curso gratuito de administración te enseña a gestionar recursos, coordinar equipos y tomar decisiones estratégicas. Aprenderás sobre contabilidad básica, planificación financiera, atención al cliente y herramientas de productividad.
                        </p>
                        <p style="font-size: 1rem; line-height: 1.6; color: #666; margin-bottom: 2rem;">
                            Este curso es excelente para quienes buscan crecer en empresas, iniciar un pequeño negocio o formalizar su emprendimiento. Saber administrar bien es clave en cualquier área.
                        </p>
                    </div>
                    
                    <div class="course-detail mb-4">
                        <h3 style="color: #FF5722; font-weight: 600; margin-bottom: 1rem;">🚧 Pavimentación Asfáltica: técnica al servicio de la infraestructura</h3>
                        <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1rem;">
                            ¿Sabías que la pavimentación de calles, rutas y avenidas requiere conocimiento técnico especializado? Este curso gratuito introduce conceptos esenciales sobre tipos de asfalto, maquinaria utilizada, normas de seguridad y procesos de ejecución.
                        </p>
                        <p style="font-size: 1rem; line-height: 1.6; color: #666; margin-bottom: 2rem;">
                            Profesionales capacitados en esta área tienen buenas oportunidades en obras públicas, constructoras o como parte de equipos municipales y privados. Es una habilidad práctica, bien valorada y con campo laboral activo.
                        </p>
                    </div>
                    
                    <div class="text-center">
                        <h3 style="color: #25D366; font-weight: 600; margin-bottom: 1.5rem;"><?php echo htmlspecialchars($whatsappTitle); ?></h3>
                        <a href="<?php echo htmlspecialchars($whatsappUrl); ?>" 
                           class="btn btn-success btn-lg whatsapp-cta-button" 
                           target="_blank" 
                           data-page-id="<?php echo isset($page['id']) ? $page['id'] : 0; ?>"
                           onclick="registrarConversaoWhatsApp(this, '<?php echo isset($page) ? htmlspecialchars($page['title'] ?? 'Página não identificada') : 'Página estática'; ?>')"
                           style="background: #25D366; border: none; padding: 15px 30px; font-size: 18px; font-weight: 600;">
                           <?php echo htmlspecialchars($whatsappButtonText); ?>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="additional-benefits py-5 bg-light">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="text-content p-5" style="background: white; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);">
                    <h2 style="color: #2d3748; font-weight: 700; margin-bottom: 1.5rem;">🌐 Otros cursos para crecer sin límites</h2>
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        Además de los anteriores, también puedes acceder a cursos gratuitos en áreas como informática, marketing digital, diseño gráfico, salud, electricidad y más. El catálogo es amplio y siempre actualizado.
                    </p>
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 2rem;">
                        👩‍🎓 Muchos alumnos que comenzaron con un solo curso terminaron desarrollando un nuevo oficio, consiguiendo empleo o lanzando un proyecto propio.
                    </p>
                    
                    <h2 style="color: #2d3748; font-weight: 700; margin-bottom: 1.5rem;">🏆 Certificación y ventajas reales</h2>
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        Al finalizar cada formación, puedes descargar un certificado que acredita tus conocimientos. Este documento es ideal para incluir en tu CV, compartir en LinkedIn o presentar en procesos de selección laboral.
                    </p>
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 2rem;">
                        Los certificados online ya son reconocidos por muchas empresas que valoran la iniciativa, la capacidad de aprendizaje y el compromiso con el desarrollo personal.
                    </p>
                    
                    <h2 style="color: #2d3748; font-weight: 700; margin-bottom: 1.5rem;">🚀 Empieza hoy, sin excusas</h2>
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        No necesitas pagar nada ni esperar inscripciones largas. Elige el curso que más te guste, accede al contenido y comienza a estudiar a tu ritmo. Puedes hacerlo desde casa, sin renunciar a tu trabajo actual.
                    </p>
                    <p style="font-size: 1.125rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem;">
                        🌟 Aprovecha esta oportunidad para adquirir nuevas competencias, explorar tu vocación o mejorar tu situación laboral. Miles de personas ya lo están haciendo, y tú puedes ser el próximo en dar ese paso.
                    </p>
                    <p style="font-size: 1.25rem; line-height: 1.7; color: #333; margin-bottom: 1.5rem; font-weight: 600; text-align: center;">
                        Tu crecimiento empieza con una decisión. ¡Empieza gratis hoy mismo! 💪
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>
<script>
function registrarConversaoWhatsApp(element, pageTitle) {
    // Coleta dados da conversão
    const pageId = element.getAttribute('data-page-id') || 0;
    const whatsappUrl = element.href;
    
    // Dados adicionais da conversão
    const conversionData = {
        page_url: window.location.pathname,
        page_title: pageTitle,
        whatsapp_url: whatsappUrl,
        timestamp: Date.now(),
        user_agent: navigator.userAgent,
        referrer: document.referrer || '',
        // Captura UTMs se disponível
        utm_source: new URLSearchParams(window.location.search).get('utm_source') || sessionStorage.getItem('utm_source') || '',
        utm_medium: new URLSearchParams(window.location.search).get('utm_medium') || sessionStorage.getItem('utm_medium') || '',
        utm_campaign: new URLSearchParams(window.location.search).get('utm_campaign') || sessionStorage.getItem('utm_campaign') || ''
    };
    
    // Registra a conversão
    if (typeof registrarConversao === 'function') {
        registrarConversao('whatsapp_click', pageId, whatsappUrl, conversionData);
    } else {
        // Fallback se a função principal não estiver disponível
        registrarConversaoDirecta('whatsapp_click', pageId, whatsappUrl, conversionData);
    }
    
    // Envia dados para pixels se disponível
    try {
        // Facebook Pixel
        if (typeof fbq !== 'undefined') {
            fbq('track', 'Contact', {
                content_name: 'WhatsApp Group',
                content_category: 'Social Media',
                value: 1,
                currency: 'BRL'
            });
        }
        
        // Google Analytics
        if (typeof gtag !== 'undefined') {
            gtag('event', 'click', {
                event_category: 'WhatsApp',
                event_label: 'Group Join',
                value: 1
            });
        }
        
        // JoinAds ou outros pixels
        if (typeof window.joinads !== 'undefined') {
            window.joinads.track('whatsapp_click', {
                url: whatsappUrl,
                page: pageTitle
            });
        }
    } catch (e) {
        console.log('Erro ao enviar para pixels:', e);
    }
}

// Função de fallback para registrar conversão diretamente
function registrarConversaoDirecta(tipo, pageId, valor, dadosExtra) {
    fetch('includes/track-conversion.php', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify({
            page_id: pageId,
            conversion_type: tipo,
            conversion_value: valor,
            conversion_data: dadosExtra
        })
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            console.log('Conversão WhatsApp registrada:', tipo);
            
            // Opcional: Salva no localStorage para tracking de funil
            const conversions = JSON.parse(localStorage.getItem('user_conversions') || '[]');
            conversions.push({
                type: tipo,
                timestamp: Date.now(),
                page_id: pageId,
                url: valor
            });
            localStorage.setItem('user_conversions', JSON.stringify(conversions));
        } else {
            console.error('Erro ao registrar conversão:', data.error);
        }
    })
    .catch(error => {
        console.error('Erro na requisição de conversão:', error);
        
        // Fallback: salva localmente para enviar depois
        const pendingConversions = JSON.parse(localStorage.getItem('pending_conversions') || '[]');
        pendingConversions.push({
            page_id: pageId,
            conversion_type: tipo,
            conversion_value: valor,
            conversion_data: dadosExtra,
            timestamp: Date.now()
        });
        localStorage.setItem('pending_conversions', JSON.stringify(pendingConversions));
    });
}

// Auto-tracking: captura automaticamente cliques em elementos com classe whatsapp-cta-button
document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('.whatsapp-cta-button').forEach(button => {
        // Só adiciona listener se não tem onclick personalizado
        if (!button.onclick) {
            button.addEventListener('click', function(e) {
                const pageId = this.getAttribute('data-page-id') || 0;
                const pageTitle = document.title || 'Página não identificada';
                registrarConversaoWhatsApp(this, pageTitle);
            });
        }
    });
    
    // Envia conversões pendentes se houver conexão
    const pendingConversions = JSON.parse(localStorage.getItem('pending_conversions') || '[]');
    if (pendingConversions.length > 0) {
        pendingConversions.forEach(conversion => {
            registrarConversaoDirecta(
                conversion.conversion_type,
                conversion.page_id,
                conversion.conversion_value,
                conversion.conversion_data
            );
        });
        
        // Limpa conversões pendentes após envio
        localStorage.removeItem('pending_conversions');
    }
});
</script>
<style>
    /* Hero Section */
    .selection-hero {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
    }
    
    .selection-hero h1 {
        color: white;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    }
    
    .selection-hero .lead {
        color: rgba(255, 255, 255, 0.95);
    }
    

    /* Course Buttons */
    .course-button {
        display: block;
        color: white;
        padding: 18px 40px;
        margin: 15px 0;
        border-radius: 12px;
        text-decoration: none;
        font-size: 20px;
        font-weight: 600;
        box-shadow: 0 6px 15px rgba(0,0,0,0.15);
        transition: all 0.3s ease;
        border: none;
        position: relative;
        overflow: hidden;
    }
    
    .course-button:hover {
        transform: translateY(-3px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.2);
        color: white;
        text-decoration: none;
    }
    
    .course-button:before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
        transition: left 0.5s;
    }
    
    .course-button:hover:before {
        left: 100%;
    }
    
    /* Specific Course Colors */
    .course-architecture {
        background: linear-gradient(135deg, #3F51B5, #5C6BC0);
    }
    
    .course-administration {
        background: linear-gradient(135deg, #009688, #26A69A);
    }
    
    .course-pavement {
        background: linear-gradient(135deg, #FF5722, #FF7043);
    }
    
    .course-others {
        background: linear-gradient(135deg, #607D8B, #78909C);
    }
    
    /* Selection Subtitle */
    .selection-subtitle {
        font-size: 18px;
        color: #666;
        font-family: Arial, sans-serif;
        margin-top: 30px;
        font-weight: 400;
        line-height: 1.6;
    }
    
    /* Benefits Preview */
    .benefit-item {
        text-align: center;
        padding: 20px;
    }
    
    .benefit-icon-sm {
        font-size: 2.5rem;
        color: #4CAF50;
    }
    
    .section-title {
        font-weight: 700;
        color: #2d3748;
        margin-bottom: 1rem;
    }
    
    /* Responsive Design */
    @media (max-width: 768px) {
        .course-button {
            padding: 16px 30px;
            font-size: 18px;
            margin: 12px 0;
        }
        
        .selection-container {
            padding: 25px;
            margin: 0 15px;
        }
        
        .selection-hero h1 {
            font-size: 1.5rem;
        }
        
        .selection-subtitle {
            font-size: 16px;
        }
    }
    
    /* Animation */
    .course-button {
        animation: fadeInUp 0.6s ease-out;
        animation-fill-mode: both;
    }
    
    .course-button:nth-child(1) { animation-delay: 0.1s; }
    .course-button:nth-child(2) { animation-delay: 0.2s; }
    .course-button:nth-child(3) { animation-delay: 0.3s; }
    .course-button:nth-child(4) { animation-delay: 0.4s; }
    
    @keyframes fadeInUp {
        from {
            opacity: 0;
            transform: translateY(30px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    /* Hover Effects Enhancement */
    .course-button:active {
        transform: translateY(1px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }
</style>

<?php
// Incluye el footer
require_once 'includes/footer.php';
?>