<?php
// vaga-select.php - VERSÃO COMPLETA E CORRIGIDA (Fluxo de Candidatura POST) - Modal Verde-Azulado Refatorado

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

// Includes de configuração
require_once __DIR__ . '/env.php';
require_once __DIR__ . '/conexao.php';

// Declaração de variáveis
$vaga = null;
$mensagem_erro_pagina = null;
$idVagaParaQuery = null;
$slugCompletoFromGet = trim($_GET['id'] ?? '');
// Corrigindo a URL do site_url para o seu domínio principal
$site_url = rtrim($_ENV['SITE_URL'] ?? 'https://vagas.selflix.com.br/', '/');
$logoPathFinalParaExibicao = null;

// --- Lógica de Back-end (PHP) ---

// 1. Extrai o ID da vaga da URL
if (empty($slugCompletoFromGet)) {
    $mensagem_erro_pagina = "Identificador da vaga não fornecido na URL.";
} else {
    $patternIdNoFinal = '/-(\d+)$/';
    if (preg_match($patternIdNoFinal, $slugCompletoFromGet, $matches)) {
        $idVagaParaQuery = (int)$matches[1];
    } elseif (is_numeric($slugCompletoFromGet) && (int)$slugCompletoFromGet > 0) {
        $idVagaParaQuery = (int)$slugCompletoFromGet;
    } else {
        $mensagem_erro_pagina = "Formato de URL de vaga inválido.";
    }
}

// 2. Busca os dados da vaga no banco de dados
if (!$mensagem_erro_pagina && $idVagaParaQuery > 0 && isset($pdo) && $pdo) {
    try {
        $sql_vaga = "SELECT ap.*, e.nome_empresa, e.logotipo as logo_empresa_tabela FROM anuncio_pago ap
                             LEFT JOIN Empresas e ON ap.empresa_id = e.id
                             WHERE ap.id = :idVaga";
        
        $stmt_vaga = $pdo->prepare($sql_vaga);
        $stmt_vaga->bindValue(':idVaga', $idVagaParaQuery, PDO::PARAM_INT);
        $stmt_vaga->execute();
        $vaga = $stmt_vaga->fetch(PDO::FETCH_ASSOC);

        if (!$vaga) {
            $mensagem_erro_pagina = "Vaga não encontrada ou não está mais disponível.";
        } else {
            // Salva a URL da vaga na sessão, útil para redirecionamentos de falha no registro
            $_SESSION['last_vaga_url'] = rtrim($site_url, '/') . '/vaga-select.php?id=' . urlencode($slugCompletoFromGet);
            
            // Lógica para definir o caminho do logo da empresa
            $logo_a_usar = $vaga['logotipo'] ?: ($vaga['logo_empresa_tabela'] ?? null);
            if (!empty($logo_a_usar)) {
                $logoPathFinalParaExibicao = filter_var($logo_a_usar, FILTER_VALIDATE_URL) ? $logo_a_usar : '/' . ltrim('uploads/logo/' . basename(parse_url($logo_a_usar, PHP_URL_PATH)), '/');
                if (!filter_var($logo_a_usar, FILTER_VALIDATE_URL) && !file_exists($_SERVER['DOCUMENT_ROOT'] . $logoPathFinalParaExibicao)) {
                    $logoPathFinalParaExibicao = null;
                }
            }
        }
    } catch (PDOException $e) {
        $mensagem_erro_pagina = "Ocorreu um erro técnico ao carregar os detalhes da vaga.";
        error_log("Erro PDO em vaga-select.php: " . $e->getMessage());
    }
}

// 3. Lógica para verificar o status do candidato e candidatura
$ja_candidatou = false;
$curriculo_completo = false;

if (isset($_SESSION['id']) && ($_SESSION['role'] ?? '') === 'Candidatos' && $idVagaParaQuery > 0 && $pdo) {
    $id_candidato_logado = (int)$_SESSION['id'];

    try {
        // Verifica se já se candidatou
        $stmt_check_candidatura = $pdo->prepare("SELECT id FROM candidaturas WHERE candidato_id = ? AND vaga_id = ? AND tipo_anuncio = 'pago'");
        $stmt_check_candidatura->execute([$id_candidato_logado, $idVagaParaQuery]);
        if ($stmt_check_candidatura->fetch()) {
            $ja_candidatou = true;
        }

        // --- LÓGICA DE CURRÍCULO ---
        $stmt_check_curriculo_novo = $pdo->prepare("SELECT COUNT(*) FROM CandidatoCurriculos WHERE candidato_id = ?");
        $stmt_check_curriculo_novo->execute([$id_candidato_logado]);
        $tem_curriculo_anexado = $stmt_check_curriculo_novo->fetchColumn() > 0;

        $stmt_check_link_selflix = $pdo->prepare("SELECT link_perfil_selflix FROM Candidatos WHERE id = ?");
        $stmt_check_link_selflix->execute([$id_candidato_logado]);
        $tem_link_selflix = !empty($stmt_check_link_selflix->fetchColumn());

        $curriculo_completo = $tem_curriculo_anexado || $tem_link_selflix;
        
    } catch (PDOException $e) {
        error_log("Erro ao verificar dados do candidato ou candidatura: " . $e->getMessage());
    }
}

// 4. Lógica para definir a ação do botão e o texto de status
$link_candidatura_final = '#';
$js_onclick_candidatura = 'event.preventDefault(); openLoginModal();'; // Padrão: abrir modal de login

if (isset($_SESSION['id']) && ($_SESSION['role'] ?? '') === 'Candidatos' && $vaga) {
    if ($ja_candidatou) {
        $js_onclick_candidatura = 'event.preventDefault();';
        $subtitulo_candidatura = "Você já se candidatou para esta vaga.";
    } else {
        $js_onclick_candidatura = 'event.preventDefault(); processarCandidatura();';
        $subtitulo_candidatura = "Candidate-se agora mesmo com seu currículo ou vídeo currículo e destaque-se!";
        $link_candidatura_final = '#';
    }
} else {
    $subtitulo_candidatura = 'Para se candidatar, faça login ou crie sua conta. Destaque-se com um vídeo currículo na Selflix!';
}
?>

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <?php
    // --- Prepara as variáveis para o Open Graph ---
    $og_title = 'Confira esta Vaga na Selflix Vagas';
    $og_description = 'Encontre as melhores oportunidades de emprego e destaque-se com seu vídeo currículo na Selflix Vagas.';
    $og_url = rtrim($site_url, '/') . '/vaga-select.php?id=' . urlencode($slugCompletoFromGet);
    
    // Define imagem OG: Se tiver logo da empresa usa ele, senão usa o padrão de divulgação
    $og_image = htmlspecialchars($site_url) . '/img/id/logo-selflix-divulga.png';
    if (!empty($logoPathFinalParaExibicao)) {
        $og_image = filter_var($logoPathFinalParaExibicao, FILTER_VALIDATE_URL) ? $logoPathFinalParaExibicao : htmlspecialchars($site_url) . $logoPathFinalParaExibicao;
    }

    if (isset($vaga) && $vaga) {
        $og_title = htmlspecialchars($vaga['titulo_vaga']) . ' - Selflix Vagas';
        $description_raw = $vaga['descricao_vaga'] ?? 'Veja mais detalhes sobre esta oportunidade em nosso site.';
        $og_description = htmlspecialchars(trim(preg_replace('/\s+/', ' ', strip_tags($description_raw))));
        
        if (function_exists('mb_strlen') && mb_strlen($og_description) > 155) {
            $og_description = mb_substr($og_description, 0, 152) . '...';
        } elseif (!function_exists('mb_strlen') && strlen($og_description) > 155) {
             $og_description = substr($og_description, 0, 152) . '...';
        }
    }
    ?>
    
    <meta property="og:title" content="<?php echo $og_title; ?>">
    <meta property="og:description" content="<?php echo $og_description; ?>">
    <meta property="og:image" content="<?php echo $og_image; ?>">
    <meta property="og:image:width" content="600">
    <meta property="og:image:height" content="315">
    <meta property="og:url" content="<?php echo htmlspecialchars($og_url); ?>">
    <meta property="og:site_name" content="Selflix Vagas">
    <meta property="og:type" content="website">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="<?php echo $og_title; ?>">
    <meta name="twitter:description" content="<?php echo $og_description; ?>">
    <meta name="twitter:image" content="<?php echo $og_image; ?>">

    <meta charset="UTF-8">
    <title><?php echo $vaga ? htmlspecialchars($vaga['titulo_vaga']) : 'Vaga não encontrada'; ?> - Selflix Vagas</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <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">
    <link rel="stylesheet" href="<?php echo htmlspecialchars($site_url); ?>/css/vagas-style.css">

    <style>
        /* Estilos dos Modais */
        .modal-overlay {
            display: none;
            position: fixed;
            z-index: 1000;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0,0,0,0.6);
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            align-items: center;
            justify-content: center;
        }

        .modal-content {
            background-color: #fefefe;
            padding: 20px;
            border: 1px solid #888;
            border-radius: 10px;
            width: 90%;
            max-width: 450px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.3);
            position: relative;
            animation: fadeIn 0.3s ease-out;
            text-align: center;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: scale(0.95); }
            to { opacity: 1; transform: scale(1); }
        }

        .close-btn {
            color: #aaa;
            font-size: 28px;
            font-weight: bold;
            position: absolute;
            top: 10px;
            right: 15px;
            cursor: pointer;
            transition: color 0.3s;
        }

        .close-btn:hover,
        .close-btn:focus {
            color: #000;
        }

        .modal-title {
            color: #212529;
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 10px;
        }

        .modal-text {
            color: #6c757d;
            font-size: 1rem;
            margin-bottom: 20px;
        }

        .modal-btn {
            background-color: #007bff;
            color: white;
            padding: 12px 25px;
            border-radius: 5px;
            text-decoration: none;
            font-weight: bold;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.3s;
        }
        
        .modal-btn:hover {
            background-color: #0056b3;
            color: white;
        }

        .modal-btn i {
            margin-right: 8px;
        }

        /* Estilos do Modal de Carregamento */
        .spinner-border {
            width: 3rem;
            height: 3rem;
            margin-top: 15px;
            border-width: 0.3em;
        }

        .social-share {
            text-align: center;
            margin-top: 25px;
            padding-top: 20px;
            border-top: 1px solid #e9ecef;
        }
        .social-share-title {
            font-size: 1rem;
            color: #6c757d;
            margin-bottom: 15px;
            font-weight: 500;
        }
        .social-share a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 48px;
            height: 48px;
            margin: 0 8px;
            border-radius: 8px;
            background-color: #38b4a0;
            color: white;
            font-size: 24px;
            transition: transform 0.2s ease, background-color 0.2s ease;
            text-decoration: none;
        }
        .social-share a:hover {
            transform: translateY(-3px);
        }

        .share-linkedin:hover { background-color: #0077b5; }
        .share-facebook:hover { background-color: #3b5998; }
        .share-whatsapp:hover { background-color: #25d366; }

        .modal-confirmacao-header {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 15px 20px;
            border-bottom: 1px solid #dee2e6;
            background-color: #f8f9fa;
            position: relative;
        }
        .modal-confirmacao-header .modal-title {
            margin-bottom: 0;
            font-size: 1.25rem;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .modal-confirmacao-header .close-btn {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            font-size: 2rem;
            line-height: 1;
            color: #6c757d;
        }
        .modal-confirmacao-header .close-btn:hover {
            color: #000;
        }
        .modal-confirmacao-header img {
            max-height: 35px;
            width: auto;
        }

        #confirmarEnvioModal .modal-content {
            background-color: #38b4a0;
            color: #ffffff;
            border: none;
            padding: 35px 25px;
            box-shadow: 0 8px 20px rgba(0,0,0,0.25);
            border-radius: 12px;
        }

        #confirmarEnvioModal .close-btn {
            color: rgba(255, 255, 255, 0.8);
            top: 15px;
            right: 20px;
            font-size: 2.2rem;
            font-weight: 300;
        }
        #confirmarEnvioModal .close-btn:hover {
            color: #ffffff;
        }

        #confirmarEnvioModal h4.modal-title {
            color: #ffffff !important;
            font-size: 1.5rem;
            font-weight: 700;
            margin-bottom: 20px;
            line-height: 1.3;
        }

        #confirmarEnvioModal .modal-text-vaga {
            color: rgba(255, 255, 255, 0.95);
            font-size: 1.1rem;
            margin-bottom: 30px;
            font-weight: 400;
        }

        #confirmarEnvioModal .modal-btn-white {
            background-color: #ffffff;
            color: #38b4a0;
            border: none;
            width: 100%;
            padding: 14px 20px;
            font-size: 1rem;
            font-weight: 700;
            text-transform: uppercase;
            border-radius: 6px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s;
            margin-bottom: 12px;
            cursor: pointer;
            display: block;
        }

        #confirmarEnvioModal .modal-btn-white:hover {
            background-color: #f8f9fa;
            transform: translateY(-2px);
            box-shadow: 0 6px 10px rgba(0,0,0,0.15);
            color: #2a8f7d;
        }
    </style>
</head>
<body>
    <?php include __DIR__ . '/menu-paineis.php'; ?>

    <div class="vaga-detalhe-container">
        <?php if ($mensagem_erro_pagina): ?>
            <div class="alert alert-danger text-center mt-4"><?php echo htmlspecialchars($mensagem_erro_pagina); ?></div>
            <div class="text-center mt-3"><a href="<?php echo htmlspecialchars($site_url); ?>/vagas.php" class="btn btn-primary">Ver Outras Vagas</a></div>
        <?php elseif ($vaga): ?>
            
            <?php
            $paginaUrl = $og_url; 
            $paginaUrlEncoded = urlencode($paginaUrl);
            $tituloVagaEncoded = urlencode($vaga['titulo_vaga']);
            $textoWhatsappEncoded = urlencode("Olha essa vaga que encontrei na Selflix Vagas: *" . $vaga['titulo_vaga'] . "* ");
            ?>
            
            <?php if ($logoPathFinalParaExibicao): ?>
            <div class="logo-wrapper-detalhe text-center mb-3">
                <img src="<?php echo htmlspecialchars($logoPathFinalParaExibicao); ?>"
                    alt="Logotipo da Empresa <?php echo htmlspecialchars($vaga['nome_empresa'] ?? ''); ?>"
                    class="logo-empresa-detalhe"
                    style="max-width: 150px; max-height: 100px; object-fit: contain;"> </div>
            <?php endif; ?>

            <h1 class="vaga-titulo-detalhe"><?php echo htmlspecialchars($vaga['titulo_vaga']); ?></h1>
            <div class="tag-wrapper-detalhe"><span class="tag-vaga-select">Vaga Select</span></div>
            
            <div class="titulos-2">Descrição da Vaga</div>
            <div class="texto-2"><p><?php echo nl2br(htmlspecialchars($vaga['descricao_vaga'] ?? 'N/D')); ?></p></div>
            
            <div class="titulos-2">Segmento</div>
            <div class="texto-2"><p><?php echo htmlspecialchars($vaga['segmento_vaga'] ?? 'N/D'); ?></p></div>
            
            <div class="titulos-2">Localização</div>
            <div class="texto-2"><p><?php echo htmlspecialchars($vaga['cidade_vaga'] ?? ($vaga['cidade'] ?? 'N/D')); ?></p></div>
            
            <div class="titulos-2">Tipo de Contrato</div>
            <div class="texto-2"><p><?php echo htmlspecialchars($vaga['tipo_vaga'] ?? 'N/D'); ?></p></div>
            
            <div class="titulos-2">Modelo de Trabalho</div>
            <div class="texto-2"><p><?php echo htmlspecialchars($vaga['modelo_contratacao'] ?? 'N/D'); ?></p></div>
            
            <div class="titulos-2">Vaga para PCD</div>
            <div class="texto-2"><p><?php echo htmlspecialchars($vaga['PCD'] ?? 'Não'); ?></p></div>
            
            <div class="titulos-2">Requisitos Essenciais</div>
            <div class="texto-2"><p><?php echo nl2br(htmlspecialchars($vaga['requisitos_contratacao'] ?? 'N/D')); ?></p></div>
            
            <div class="titulos-2">Remuneração</div>
            <div class="texto-2">
                <p>
                    <?php
                    $salario_vaga_display = $vaga['salario'] ?? null;
                    $salario_a_combinar = $vaga['salario_a_combinar'] ?? 0;

                    if ($salario_a_combinar == 1 || (empty($salario_vaga_display) && $salario_a_combinar == 0)) {
                        echo "A combinar";
                    } elseif (is_numeric($salario_vaga_display) && (float)$salario_vaga_display > 0) {
                        echo "R$ " . number_format((float)$salario_vaga_display, 2, ',', '.');
                    } else {
                        echo "Não informado";
                    }
                    ?>
                </p>
            </div>

            <?php if (!empty($vaga['link_video_vaga'])): ?>
                <div class="info-item-detalhe info-item-inline mt-3">
                    <span class="info-label-detalhe">Vídeo sobre a vaga:</span>
                    <span class="info-valor-detalhe"><a href="<?php echo htmlspecialchars($vaga['link_video_vaga']); ?>" target="_blank" rel="noopener noreferrer">Assistir vídeo</a></span>
                </div>
            <?php endif; ?>

            <?php if (!empty($vaga['link_pagina_curriculo'])): ?>
                <div class="info-item-detalhe info-item-inline mt-3">
                    <span class="info-label-detalhe">Candidate-se também por:</span>
                    <span class="info-valor-detalhe"><a href="<?php echo htmlspecialchars($vaga['link_pagina_curriculo']); ?>" target="_blank" rel="noopener noreferrer"><?php echo htmlspecialchars($vaga['link_pagina_curriculo']); ?></a></span>
                </div>
            <?php endif; ?>

            <div class="area-candidatura">
                <div class="titulo-candidatura">Interessado(a) nesta Vaga?</div>
                <div class="subtitulo-candidatura">
                    <?php echo htmlspecialchars($subtitulo_candidatura); ?>
                </div>
                <div class="botoes-acao">
                    <?php if ($ja_candidatou): ?>
                        <a href="#" class="btn btn-cta-main btn-success disabled" aria-disabled="true" style="cursor: default;">
                            <i class="fas fa-check"></i> Candidatura Enviada
                        </a>
                    <?php else: ?>
                        <a href="<?php echo htmlspecialchars($link_candidatura_final); ?>" 
                           class="btn btn-cta-main"
                           onclick="<?php echo htmlspecialchars($js_onclick_candidatura); ?>">
                            Candidate-se Agora
                        </a>
                    <?php endif; ?>
                    <a href="https://videos.selflix.com.br/selflix" class="btn btn-cta-video" target="_blank" rel="noopener noreferrer"><i class="fas fa-video"></i> Crie seu Vídeo Currículo</a>
                </div>

                <div class="social-share">
                    <div class="social-share-title">Compartilhe esta vaga:</div>
                    <?php
                        $linkedinUrl = "https://www.linkedin.com/sharing/share-offsite/?url=" . $paginaUrlEncoded;
                        $facebookUrl = "https://www.facebook.com/sharer/sharer.php?u=" . $paginaUrlEncoded;
                        $whatsappUrl = "https://api.whatsapp.com/send?text=" . $textoWhatsappEncoded . $paginaUrlEncoded;
                    ?>
                    <a href="registrar_compartilhamento.php?rede=linkedin&url=<?php echo urlencode($linkedinUrl); ?>" target="_blank" rel="noopener noreferrer" class="share-linkedin" title="Compartilhar no LinkedIn">
                        <i class="fab fa-linkedin"></i>
                    </a>
                    <a href="registrar_compartilhamento.php?rede=facebook&url=<?php echo urlencode($facebookUrl); ?>" target="_blank" rel="noopener noreferrer" class="share-facebook" title="Compartilhar no Facebook">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                    <a href="registrar_compartilhamento.php?rede=whatsapp&url=<?php echo urlencode($whatsappUrl); ?>" target="_blank" rel="noopener noreferrer" class="share-whatsapp" title="Compartilhar no WhatsApp">
                        <i class="fab fa-whatsapp"></i>
                    </a>
                </div>
                </div>
        <?php else: ?>
            <div class="alert alert-warning text-center mt-3">Vaga não encontrada ou indisponível no momento.</div>
            <div class="text-center mt-3"><a href="<?php echo htmlspecialchars($site_url); ?>/vagas.php" class="btn btn-primary">Ver Outras Vagas</a></div>
        <?php endif; ?>
    </div> 

    <div class="modal-overlay" id="loginModal">
        <div class="modal-content">
            <span class="close-btn" onclick="closeLoginModal()">&times;</span>
            <div class="modal-body">
                <h4 class="modal-title">Para candidatar-se à vaga:</h4>
                <p class="modal-text">Faça login ou crie sua conta para enviar sua candidatura de forma rápida e segura.</p>
                <div class="d-grid gap-2">
                    <a href="<?php echo $site_url; ?>/login.php?redirect=<?php echo urlencode($_SERVER['REQUEST_URI']); ?>" class="modal-btn">
                        <i class="fas fa-sign-in-alt"></i> Faça seu Login
                    </a>
                    <a href="<?php echo $site_url; ?>/cadastro_candidato.php" class="modal-btn btn-secondary">
                        <i class="fas fa-user-plus"></i> Cadastre-se Gratuitamente
                    </a>
                </div>
            </div>
        </div>
    </div>
    
    <div class="modal-overlay" id="curriculoModal">
        <div class="modal-content">
            <span class="close-btn" onclick="closeCurriculoModal()">&times;</span>
            <div class="modal-body">
                <h4 class="modal-title">Seu Perfil está Incompleto!</h4>
                <p class="modal-text">Para se candidatar a esta vaga, você precisa adicionar um currículo anexado ou o link do seu vídeo currículo no seu perfil.</p>
                <a href="<?php echo $site_url; ?>/editar_cadastro.php" class="modal-btn">
                    <i class="fas fa-edit"></i> Adicionar meu Currículo
                </a>
            </div>
        </div>
    </div>

    <div class="modal-overlay" id="confirmarEnvioModal">
        <div class="modal-content" style="max-width: 400px;">
            <span class="close-btn" onclick="closeConfirmarEnvioModal()">&times;</span>
            <div class="modal-body">
                <h4 class="modal-title">Você confirma a sua candidatura?</h4>
                <h5 class="modal-text-vaga">Vaga: <?php echo htmlspecialchars($vaga['titulo_vaga'] ?? 'N/D'); ?></h5>
                
                <button type="button" class="modal-btn-white" onclick="confirmarCandidatura()">
                    Confirmo
                </button>
                
                <button type="button" class="modal-btn-white" style="background:transparent; color:white; border:1px solid white;" onclick="closeConfirmarEnvioModal()">
                    Cancelar
                </button>
            </div>
        </div>
    </div>

    <div class="modal-overlay" id="loadingModal">
        <div class="modal-content">
            <div class="modal-body">
                <h4 class="modal-title">Aguarde...</h4>
                <p class="modal-text">Estamos processando sua solicitação.</p>
                <div class="spinner-border text-primary" role="status">
                    <span class="visually-hidden">Carregando...</span>
                </div>
            </div>
        </div>
    </div>
    
    <div class="modal-overlay" id="confirmacaoModal">
        <div class="modal-content" style="max-width: 800px; padding: 0; overflow: hidden;">
            <div class="modal-confirmacao-header">
                <h4 class="modal-title">
                    <img src="<?php echo htmlspecialchars($site_url); ?>/img/id/logo-selflix-divulga.png" alt="Logotipo Selflix">
                </h4>
                <span class="close-btn" onclick="closeConfirmacaoModal()">&times;</span>
            </div>
            
            <div class="modal-body" style="padding: 0; height: 70vh; position: relative;">
                <div id="confirmacaoModalSpinner" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #fff; z-index: 10;">
                    <div class="spinner-border text-primary" role="status" style="width: 3rem; height: 3rem;">
                        <span class="visually-hidden">Carregando...</span>
                    </div>
                </div>
                <iframe id="iframeCandidatura" src="about:blank" style="width: 100%; height: 100%; border: none; display: block;"></iframe>
            </div>
        </div>
    </div>
    <?php include __DIR__ . '/rodape.php'; ?>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
    <script>
        const loginModal = document.getElementById("loginModal");
        const curriculoModal = document.getElementById("curriculoModal");
        const loadingModal = document.getElementById("loadingModal");
        const confirmarEnvioModal = document.getElementById("confirmarEnvioModal");

        function openLoginModal() { loginModal.style.display = 'flex'; }
        function closeLoginModal() { loginModal.style.display = 'none'; }
        function openCurriculoModal() { curriculoModal.style.display = 'flex'; }
        function closeCurriculoModal() { curriculoModal.style.display = 'none'; }
        function openLoadingModal(message = 'Aguarde...') {
            document.querySelector('#loadingModal .modal-title').textContent = message;
            document.querySelector('#loadingModal .modal-text').textContent = 'Estamos processando sua solicitação.';
            loadingModal.style.display = 'flex';
        }
        function closeLoadingModal() { loadingModal.style.display = 'none'; }
        
        function openConfirmarEnvioModal() { confirmarEnvioModal.style.display = 'flex'; }
        function closeConfirmarEnvioModal() { confirmarEnvioModal.style.display = 'none'; }

        async function processarCandidatura() {
            loadingModal.style.display = 'flex';
            const idVaga = <?php echo json_encode($idVagaParaQuery); ?>;
            try {
                // Adicionada requisição de verificação baseada no ID da vaga para confirmar se o perfil tá completo
                const response = await fetch(`verificar_curriculo.php?id_vaga=${idVaga}&tipo_anuncio=pago&confirm_only=true`);
                const data = await response.json();
                loadingModal.style.display = 'none';
                if (data.success) {
                    openConfirmarEnvioModal();
                } else {
                    openCurriculoModal();
                }
            } catch (error) {
                loadingModal.style.display = 'none';
                console.error('Erro na requisição de verificação:', error);
                alert('Ocorreu um erro técnico ao verificar o perfil. Tente novamente mais tarde.');
            }
        }
        
        function confirmarCandidatura() {
            closeConfirmarEnvioModal();
            loadingModal.style.display = 'flex';
            
            // CORREÇÃO: Pegando o valor correto da vaga vindo do PHP
            const idVaga = '<?php echo $idVagaParaQuery; ?>';
            
            // Reconstrução da submissão para enviar os mesmos campos e usar a mesma mecânica do Vaga Gratuita
            const form = document.createElement('form');
            form.method = 'POST'; 
            form.action = 'registrar_candidatura.php';
            
            const iD = document.createElement('input'); 
            iD.type = 'hidden'; 
            iD.name = 'id_vaga'; 
            iD.value = idVaga;
            
            // O registro diferencia vagas gratuitas de vagas pagas (Select) pelo tipo de anúncio
            const iT = document.createElement('input'); 
            iT.type = 'hidden'; 
            iT.name = 'tipo_anuncio_vaga'; 
            iT.value = 'pago';
            
            form.appendChild(iD); 
            form.appendChild(iT);
            
            document.body.appendChild(form); 
            form.submit();
        }

        window.onclick = function(event) {
            if (event.target.classList.contains('modal-overlay')) {
                loginModal.style.display = 'none'; 
                curriculoModal.style.display = 'none'; 
                confirmarEnvioModal.style.display = 'none';
            }
        }
        
        window.addEventListener("keydown", function(e) {
            if (e.key === "Escape") { 
                closeLoginModal(); 
                closeCurriculoModal();
                closeLoadingModal();
                closeConfirmarEnvioModal();
            }
        });
    </script>
</body>
</html>