<?php
/**
 * Detalhes do E-book - COM PROTEÇÃO POR TOKEN + ÍNDICE + BUSCA + PROGRESSO
 * URL: https://linktudo.com.br/projetos/ebooks/frontend/detalhes_ebook/detalhes_ebook.php
 */

// ============================================================================
// BLOCO 1: INCLUDES OBRIGATÓRIOS (NÃO REMOVER)
// ============================================================================

require_once $_SERVER['DOCUMENT_ROOT'] . '/configuracoes_gerais/configuracoes_gerais.php';

// Inicia buffer apenas se não houver buffer ativo
if (ob_get_level() === 0) {
    ob_start();
}

// ============================================================================
// BLOCO 2: CONSTANTES DESTA PÁGINA
// ============================================================================

define('CAMINHO_RAIZ', $_SERVER['DOCUMENT_ROOT']);
define('URL_BASE', 'https://' . $_SERVER['HTTP_HOST']);
define('NOME_ARQUIVO', basename(__FILE__));

// ============================================================================
// BLOCO 3: FLAGS DE CONFIGURAÇÃO
// ============================================================================

$REQUER_AUTENTICACAO = false;
$REQUER_ADMIN = false;
$E_REQUISICAO_AJAX = isset($_GET['ajax']) || isset($_SERVER['HTTP_X_REQUESTED_WITH']);

// ============================================================================
// BLOCO 4: DADOS DA SESSÃO DO USUÁRIO
// ============================================================================

$ID_USUARIO = $_SESSION['id_do_usuario'] ?? 0;
$NOME_USUARIO = $_SESSION['user_name'] ?? $_SESSION['nome_do_usuario'] ?? 'visitante';
$NIVEL_ACESSO = $_SESSION['nivel_de_acesso'] ?? 'simples';
$USER_NAME = $_SESSION['user_name'] ?? '';

// ============================================================================
// BLOCO 5: USANDO VARIÁVEIS GLOBAIS DO TEMPLATE
// ============================================================================

$WHATSAPP_NUMERO = $numero_do_whatsapp_do___dono_do_site ?? '5532999259221';
$WHATSAPP_LINK = 'https://wa.me/' . $WHATSAPP_NUMERO;
$TOKEN_EXIBICAO = 'ebook_2026_xxxxxxxxxxxxx';

// ============================================================================
// BLOCO 6: FUNÇÕES AUXILIARES
// ============================================================================

function registrarAcessoEbook($status, $token_fornecido = '', $detalhes = '') {
    $ip = $_SERVER['REMOTE_ADDR'] ?? '0.0.0.0';
    $data = date('Y-m-d H:i:s');
    $log = "[$data] IP: $ip | Status: $status | Token: $token_fornecido | $detalhes\n";
    $caminho_log = '/home/link6350/arquivos_restritos/logs/ebooks/acessos_ebooks.log';
    $dir = dirname($caminho_log);
    if (!is_dir($dir)) mkdir($dir, 0755, true);
    file_put_contents($caminho_log, $log, FILE_APPEND);
}

function formatarData($data) {
    if (empty($data)) return '';
    return date('d/m/Y H:i', strtotime($data));
}

function gerarMensagemWhatsApp($ebook, $tipo = 'compra', $token = '', $validade = '') {
    global $data_hora_atual, $url_deste_site;
    
    if (!$ebook) {
        return 'Olá! Gostaria de adquirir acesso ao e-book. Aguardo instruções para pagamento. Obrigado!';
    }
    
    $titulo = $ebook['titulo'] ?? 'E-book';
    $subtitulo = $ebook['subtitulo'] ?? '';
    $formato = $ebook['formato_arquivo'] ?? 'digital';
    $tipoMidia = $ebook['tipo_midia'] ?? 'digital';
    $dataAtual = $data_hora_atual_formato_brasileiro ?? date('d/m/Y H:i');
    
    $mensagem = "Olá! ";
    
    if ($tipo === 'compra') {
        $mensagem .= "Gostaria de adquirir acesso ao e-book:\n\n";
        $mensagem .= "📚 *{$titulo}*\n";
        if ($subtitulo) $mensagem .= "📌 {$subtitulo}\n";
        $mensagem .= "📁 Formato: {$formato}\n";
        $mensagem .= "📱 Tipo: " . ($tipoMidia === 'digital' ? 'Digital' : 'Físico') . "\n";
        $mensagem .= "\n📅 Solicitação em: {$dataAtual}\n";
        $mensagem .= "🔗 Site: " . ($url_deste_site ?? 'linktudo.com.br') . "\n";
        $mensagem .= "\nAguardo instruções para pagamento. Obrigado!";
    } elseif ($tipo === 'renovacao') {
        $mensagem .= "Meu token expirou em {$validade} e preciso renovar o acesso ao e-book:\n\n";
        $mensagem .= "📚 *{$titulo}*\n";
        if ($subtitulo) $mensagem .= "📌 {$subtitulo}\n";
        $mensagem .= "🔑 Token antigo: {$token}\n";
        $mensagem .= "📅 Solicitação em: {$dataAtual}\n";
        $mensagem .= "\nAguardo instruções para pagamento. Obrigado!";
    } elseif ($tipo === 'revogado') {
        $mensagem .= "Meu token foi revogado e preciso de um novo para acessar o e-book:\n\n";
        $mensagem .= "📚 *{$titulo}*\n";
        if ($subtitulo) $mensagem .= "📌 {$subtitulo}\n";
        $mensagem .= "🔑 Token antigo: {$token}\n";
        $mensagem .= "📅 Solicitação em: {$dataAtual}\n";
        $mensagem .= "\nAguardo instruções. Obrigado!";
    } elseif ($tipo === 'sem_validade') {
        $mensagem .= "Meu token não tem data de validade definida:\n\n";
        $mensagem .= "📚 *{$titulo}*\n";
        if ($subtitulo) $mensagem .= "📌 {$subtitulo}\n";
        $mensagem .= "🔑 Token: {$token}\n";
        $mensagem .= "📅 Solicitação em: {$dataAtual}\n";
        $mensagem .= "\nAguardo instruções para regularizar. Obrigado!";
    }
    
    return $mensagem;
}

// ============================================================================
// BLOCO 7: ANTI-CACHE DINÂMICO
// ============================================================================

$timestamp = time();
if (!isset($_GET['_t']) || empty($_GET['_t'])) {
    $id = isset($_GET['id']) ? (int)$_GET['id'] : 0;
    $token = isset($_GET['token']) ? trim($_GET['token']) : '';
    $protocol = isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https' : 'http';
    $host = $_SERVER['HTTP_HOST'];
    $uri = preg_replace('/[&?]_t=\d+/', '', $_SERVER['REQUEST_URI']);
    $separator = (strpos($uri, '?') === false) ? '?' : '&';
    header('Location: ' . $protocol . '://' . $host . $uri . $separator . '_t=' . $timestamp . '&token=' . urlencode($token));
    exit;
}
$timestamp = (int)$_GET['_t'];

header('Cache-Control: no-cache, no-store, must-revalidate, max-age=0');
header('Pragma: no-cache');
header('Expires: Thu, 01 Jan 1970 00:00:00 GMT');

// ============================================================================
// BLOCO 8: CONEXÃO COM SQLITE (TOKENS)
// ============================================================================

$dbTokensPath = '/home/link6350/arquivos_restritos/banco_de_dados/sqlite/linktudo_geral/tokens.sqlite';
$dbTokens = null;
$erro_token_db = null;

try {
    if (!file_exists($dbTokensPath)) {
        throw new Exception('Banco de dados de tokens não encontrado');
    }
    $dbTokens = new PDO('sqlite:' . $dbTokensPath);
    $dbTokens->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    $dbTokens->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC);
} catch (Exception $e) {
    $erro_token_db = $e->getMessage();
    registrarAcessoEbook('ERRO_CRITICO_BANCO', '', $erro_token_db);
}

// ============================================================================
// BLOCO 9: VERIFICAÇÃO DO TOKEN
// ============================================================================

$token_submetido = isset($_GET['token']) ? trim($_GET['token']) : '';
$token_submetido = preg_replace('/[^a-z0-9_]/', '', $token_submetido);

$tokenData = null;
$tokenValido = false;
$tokenExpirado = false;
$tokenRevogado = false;
$tokenNaoExiste = false;
$tokenSemValidade = false;
$tokenValidade = null;
$tokenUserName = null;

if (!empty($token_submetido) && $dbTokens) {
    try {
        $stmt = $dbTokens->prepare("
            SELECT 
                token, 
                validade, 
                revogado, 
                revoked, 
                user_name, 
                tipo_de_token, 
                observacoes,
                access_token,
                expires_at
            FROM tokens 
            WHERE token = ? 
            OR access_token = ?
            LIMIT 1
        ");
        $stmt->execute([$token_submetido, $token_submetido]);
        $tokenData = $stmt->fetch();
        
        if (!$tokenData) {
            $tokenNaoExiste = true;
            registrarAcessoEbook('INVALIDO', $token_submetido, 'Token não encontrado no banco');
        } else {
            if (($tokenData['revogado'] ?? 0) == 1 || ($tokenData['revoked'] ?? 0) == 1) {
                $tokenRevogado = true;
                registrarAcessoEbook('REVOGADO', $token_submetido);
            } else {
                $validade = $tokenData['validade'] ?? $tokenData['expires_at'] ?? null;
                $tokenValidade = $validade;
                $tokenUserName = $tokenData['user_name'] ?? 'Usuário';
                
                if ($validade) {
                    $validadeObj = new DateTime($validade);
                    $validadeObj->setTime(23, 59, 59);
                    $agora = new DateTime();
                    if ($agora <= $validadeObj) {
                        $tokenValido = true;
                        registrarAcessoEbook('AUTORIZADO', $token_submetido, 'Usuário: ' . $tokenUserName);
                    } else {
                        $tokenExpirado = true;
                        registrarAcessoEbook('EXPIRADO', $token_submetido);
                    }
                } else {
                    $tokenSemValidade = true;
                    registrarAcessoEbook('SEM_VALIDADE', $token_submetido);
                }
            }
        }
    } catch (Exception $e) {
        $erro_token_db = $e->getMessage();
        registrarAcessoEbook('ERRO_VALIDACAO', $token_submetido, $erro_token_db);
    }
}

// ============================================================================
// BLOCO 10: BUSCAR E-BOOK
// ============================================================================

$id = isset($_GET['id']) ? (int)$_GET['id'] : 0;
$ebook = null;
$ebookSimples = null;
$capitulos = [];
$totalCapitulos = 0;
$totalVersiculos = 0;
$erro_ebook = null;

if ($id > 0) {
    $dbPath = '/home/link6350/arquivos_restritos/banco_de_dados/sqlite/ebooks/ebooks_database.sqlite';
    
    try {
        if (!file_exists($dbPath)) {
            throw new Exception('Banco de dados de e-books não encontrado');
        }
        $db = new PDO('sqlite:' . $dbPath);
        $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
        $db->setAttribute(PDO::ATTR_DEFAULT_FETCH_MODE, PDO::FETCH_ASSOC);
        
        $stmt = $db->prepare("SELECT id, titulo, subtitulo, tipo_midia, formato_arquivo, sinopse FROM ebooks WHERE id = ?");
        $stmt->execute([$id]);
        $ebookSimples = $stmt->fetch();
        
        if ($tokenValido) {
            $stmt = $db->prepare("SELECT * FROM ebooks WHERE id = ?");
            $stmt->execute([$id]);
            $ebook = $stmt->fetch();
            
            if (!$ebook) {
                $erro_ebook = 'E-book não encontrado';
            } else {
                $stmt = $db->prepare("
                    SELECT id, numero_capitulo, titulo_capitulo, descricao_capitulo
                    FROM ebooks_capitulos 
                    WHERE id_ebook = ? 
                    ORDER BY numero_capitulo ASC
                ");
                $stmt->execute([$id]);
                $capitulosData = $stmt->fetchAll();
                
                $totalCapitulos = count($capitulosData);
                $capitulos = [];
                $totalVersiculos = 0;
                
                foreach ($capitulosData as $cap) {
                    $stmt = $db->prepare("
                        SELECT id, numero_versiculo, conteudo_versiculo
                        FROM ebooks_versiculos 
                        WHERE id_capitulo = ? 
                        ORDER BY numero_versiculo ASC
                    ");
                    $stmt->execute([$cap['id']]);
                    $versiculos = $stmt->fetchAll();
                    
                    $totalVersiculos += count($versiculos);
                    
                    $capitulos[$cap['numero_capitulo']] = [
                        'titulo' => $cap['titulo_capitulo'],
                        'descricao' => $cap['descricao_capitulo'],
                        'versiculos' => $versiculos
                    ];
                }
            }
        }
    } catch (Exception $e) {
        $erro_ebook = 'Erro ao carregar e-book: ' . $e->getMessage();
    }
}

// ============================================================================
// BLOCO 11: FUNÇÃO PARA INCLUIR COMPONENTES COMUNS
// ============================================================================

function incluirComponentesComuns() {
    global $E_REQUISICAO_AJAX;
    
    if ($E_REQUISICAO_AJAX) {
        return;
    }
    
    if (ob_get_length() > 0) {
        ob_clean();
    }
    
    $menuPath = $_SERVER['DOCUMENT_ROOT'] . '/menu_principal___menuzinho_hamburguer_simples.php';
    $voltarTopoPath = $_SERVER['DOCUMENT_ROOT'] . '/voltar_ao_topo.php';
    
    if (file_exists($menuPath)) {
        require_once $menuPath;
    }
    
    if (file_exists($voltarTopoPath)) {
        require_once $voltarTopoPath;
    }
}

incluirComponentesComuns();
?>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<title><?= $ebook && $tokenValido ? htmlspecialchars($ebook['titulo']) : '📚 E-book - Acesso Protegido' ?></title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<style>
    /* ===== RESET E BASE ===== */
    *{margin:0;padding:0;box-sizing:border-box}
    body{font-family:system-ui,-apple-system,sans-serif;background:#f0f2f5;color:#1a202c;min-height:100vh;padding:16px;padding-top:80px}
    .container{max-width:1000px;margin:0 auto;width:100%}
    
    /* ===== HEADER ===== */
    .header{background:linear-gradient(135deg,#1a365d,#2b6cb0);color:#fff;border-radius:12px;padding:16px 18px;margin-bottom:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
    .header .voltar{color:#fff;opacity:.7;text-decoration:none;font-size:16px;display:flex;align-items:center;gap:5px;flex-shrink:0}
    .header .voltar:hover{opacity:1}
    .header h1{font-size:16px;flex:1;min-width:120px}
    .header .badge-header{font-size:10px;background:rgba(255,255,255,.12);padding:2px 10px;border-radius:12px;white-space:nowrap}
    
    /* ===== CARDS ===== */
    .card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;margin-bottom:16px}
    .card-body{padding:16px 18px}
    
    /* ===== E-BOOK ===== */
    .ebook-titulo{font-size:24px;font-weight:700;margin-bottom:2px;word-break:break-word}
    .ebook-subtitulo{font-size:16px;color:#718096;margin-bottom:10px}
    .ebook-meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#a0aec0;margin-bottom:12px}
    .ebook-meta span{display:flex;align-items:center;gap:4px;background:#f7fafc;padding:2px 10px;border-radius:12px}
    .ebook-sinopse{background:#f7fafc;padding:12px 16px;border-radius:8px;font-size:14px;line-height:1.6;color:#4a5568}
    
    /* ===== BUSCA ===== */
    .busca-container{background:#fff;border-radius:12px;padding:12px 16px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
    .busca-container .busca-wrapper{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
    .busca-container .busca-wrapper i{color:#a0aec0;font-size:16px}
    .busca-container input{flex:1;min-width:150px;padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;outline:0;width:100%}
    .busca-container input:focus{border-color:#2b6cb0;box-shadow:0 0 0 3px rgba(43,108,176,.1)}
    .busca-container .busca-results{font-size:12px;color:#718096;margin-top:6px;display:none}
    .busca-container .busca-results.show{display:block}
    .busca-container .busca-results .highlight{color:#2b6cb0;font-weight:600}
    
    /* ===== CAPÍTULOS E VERSÍCULOS ===== */
    .capitulo{background:#f7fafc;border-radius:8px;padding:14px 16px;margin-bottom:10px;border-left:4px solid #2b6cb0;transition:all 0.3s ease}
    .capitulo.oculto{display:none}
    .capitulo .num{font-size:11px;font-weight:700;color:#2b6cb0;text-transform:uppercase;letter-spacing:.5px}
    .capitulo .tit{font-size:17px;font-weight:600;margin:4px 0 8px}
    
    .versiculo{background:#fff;padding:8px 12px;margin:4px 0;border-radius:6px;border-left:3px solid #e2e8f0;transition:background 0.3s ease}
    .versiculo.oculto{display:none}
    .versiculo .ref{font-size:11px;font-weight:600;color:#718096}
    .versiculo .texto{font-size:14px;line-height:1.6;color:#2d3748}
    .versiculo.destaque{background:#ebf8ff;border-left-color:#2b6cb0}
    
    /* ===== BOTÃO ÍNDICE NO MEIO ===== */
    .btn-indice-meio{display:inline-block;background:linear-gradient(135deg,#2b6cb0,#1a365d);color:#fff;padding:10px 24px;border-radius:30px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:.3s;box-shadow:0 4px 15px rgba(43,108,176,.3);margin:8px 0 16px}
    .btn-indice-meio:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(43,108,176,.4)}
    .btn-indice-meio i{margin-right:6px}
    
    /* ===== PAINEL FIXO SUPERIOR ===== */
    .painel-fixo{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#1a365d,#2b6cb0);color:#fff;padding:8px 14px;z-index:9999;box-shadow:0 4px 20px rgba(0,0,0,.3);transition:transform .3s ease,opacity .3s ease;transform:translateY(0);opacity:1}
    .painel-fixo.oculto{transform:translateY(-100%);opacity:0;pointer-events:none}
    
    .painel-fixo .topo{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}
    .painel-fixo .info{font-size:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1;min-width:100px}
    .painel-fixo .info .badge{background:rgba(255,255,255,.12);padding:2px 10px;border-radius:12px;font-size:10px;white-space:nowrap}
    .painel-fixo .info .titulo-painel{font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .painel-fixo .info .posicao-atual{font-size:10px;color:#ffd700;font-weight:600}
    .painel-fixo .acoes{display:flex;align-items:center;gap:6px;flex-shrink:0}
    .painel-fixo .btn-indice-painel{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;padding:3px 12px;border-radius:20px;font-size:11px;cursor:pointer;transition:.2s;white-space:nowrap}
    .painel-fixo .btn-indice-painel:hover{background:rgba(255,255,255,.25)}
    .painel-fixo .btn-indice-painel i{margin-right:4px}
    
    /* ===== BARRA DE PROGRESSO ===== */
    .painel-fixo .progresso-wrapper{width:100%;height:4px;background:rgba(255,255,255,0.15);border-radius:4px;margin-top:6px;overflow:hidden;position:relative}
    .painel-fixo .progresso-wrapper .progresso-bar{height:100%;background:linear-gradient(90deg,#48bb78,#ffd700,#f56565);border-radius:4px;width:0%;transition:width 0.3s ease}
    .painel-fixo .progresso-wrapper .progresso-label{position:absolute;right:0;top:-16px;font-size:8px;color:rgba(255,255,255,0.5);font-weight:600}
    
    /* ===== BOTÃO OLHO ===== */
    .btn-olho{position:fixed;top:60px;right:12px;z-index:10000;background:rgba(0,0,0,.6);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:#fff;width:40px;height:40px;border-radius:50%;font-size:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.4)}
    .btn-olho:hover{transform:scale(1.1);background:rgba(0,0,0,.8)}
    .btn-olho.oculto{background:rgba(0,0,0,.8);border-color:rgba(255,255,255,.1)}
    
    /* ===== MODAL ÍNDICE ===== */
    .modal-indice{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);z-index:99999;display:none;justify-content:center;align-items:center;padding:16px}
    .modal-indice.ativo{display:flex}
    .modal-indice-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:modalFadeIn .3s ease}
    @keyframes modalFadeIn{from{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}
    .modal-indice-header{background:linear-gradient(135deg,#1a365d,#2b6cb0);color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;border-radius:16px 16px 0 0}
    .modal-indice-header h3{font-size:16px;margin:0}
    .modal-indice-header h3 i{margin-right:6px}
    .modal-indice-fechar{background:rgba(255,255,255,.15);border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center}
    .modal-indice-fechar:hover{background:rgba(255,255,255,.25)}
    .modal-indice-body{padding:16px 18px;max-height:calc(90vh - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch}
    .modal-indice-body .capitulo-indice{margin-bottom:14px}
    .modal-indice-body .capitulo-indice .cap-tit{font-weight:700;color:#2b6cb0;font-size:14px;display:block;padding:4px 0;border-bottom:2px solid #e2e8f0;margin-bottom:4px}
    .modal-indice-body .capitulo-indice .versiculo-link{display:block;padding:3px 0 3px 16px;color:#4a5568;text-decoration:none;font-size:13px;transition:.2s;border-radius:4px;cursor:pointer}
    .modal-indice-body .capitulo-indice .versiculo-link:hover{color:#2b6cb0;background:#ebf8ff}
    .modal-indice-body .capitulo-indice .versiculo-link i{color:#a0aec0;font-size:10px;margin-right:4px}
    .modal-indice-body .busca-modal{width:100%;padding:8px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:13px;margin-bottom:12px;outline:0}
    .modal-indice-body .busca-modal:focus{border-color:#2b6cb0}
    
    /* ===== BOX DE ACESSO ===== */
    .box-acesso{background:#f7fafc;border-radius:12px;padding:24px 18px;text-align:center;border:2px dashed #cbd5e0}
    .box-acesso .icon{font-size:40px;margin-bottom:8px}
    .box-acesso h2{font-size:20px;color:#2d3748;margin-bottom:6px}
    .box-acesso p{color:#718096;font-size:13px;margin-bottom:12px}
    .box-acesso .alerta{background:#fffbeb;border:1px solid #f6c23e;border-radius:8px;padding:10px;margin-bottom:12px;color:#92400e;font-size:12px}
    .box-acesso input[type="text"]{width:100%;max-width:350px;padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:15px;text-align:center;font-family:monospace}
    .box-acesso input[type="text"]:focus{border-color:#2b6cb0;outline:none;box-shadow:0 0 0 3px rgba(43,108,176,.1)}
    .box-acesso button{display:inline-block;padding:10px 28px;background:linear-gradient(135deg,#2b6cb0,#1a365d);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:.3s;margin-top:10px;width:100%;max-width:350px}
    .box-acesso button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(43,108,176,.3)}
    .box-acesso .token-demo{font-size:11px;color:#a0aec0;margin-top:10px;font-family:monospace}
    .box-acesso .btn-whatsapp{display:inline-block;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;padding:10px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:.3s;margin-top:6px;width:100%;max-width:350px}
    .box-acesso .btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,211,102,.3)}
    
    /* ===== ESTADOS ===== */
    .erro{background:#fff5f5;border:1px solid #feb2b2;color:#c53030;padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:13px}
    .metrica{text-align:right;font-size:11px;color:#a0aec0;padding:6px 0}
    .btn{display:inline-block;padding:8px 20px;background:#2b6cb0;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:13px}
    .badge-db{background:#48bb78;color:#fff;padding:2px 10px;border-radius:12px;font-size:9px}
    .badge-token{background:#ffc107;color:#1a202c;padding:2px 10px;border-radius:12px;font-size:9px}
    .badge-error{background:#e74c3c;color:#fff;padding:2px 10px;border-radius:12px;font-size:9px}
    
    /* ===== RESPONSIVO ===== */
    @media(max-width:480px) {
        body{padding:10px;padding-top:70px}
        .painel-fixo{padding:6px 10px}
        .painel-fixo .info{font-size:10px;gap:4px}
        .painel-fixo .info .titulo-painel{max-width:80px}
        .painel-fixo .info .badge{font-size:9px;padding:1px 8px}
        .painel-fixo .btn-indice-painel{font-size:10px;padding:2px 10px}
        .btn-olho{width:34px;height:34px;font-size:15px;top:54px;right:8px}
        .ebook-titulo{font-size:20px}
        .capitulo .tit{font-size:15px}
        .versiculo .texto{font-size:13px}
        .btn-indice-meio{font-size:13px;padding:8px 18px;width:100%;text-align:center}
        .modal-indice-content{max-width:100%}
        .header h1{font-size:14px}
        .painel-fixo .progresso-wrapper{height:3px;margin-top:4px}
    }
    
    @media(min-width:481px) and (max-width:768px) {
        body{padding:12px;padding-top:75px}
        .painel-fixo .info .titulo-painel{max-width:150px}
        .btn-indice-meio{width:auto}
        .painel-fixo .progresso-wrapper{height:4px}
    }
    
    @media(min-width:769px) {
        body{padding:20px;padding-top:85px}
        .painel-fixo .info .titulo-painel{max-width:300px}
        .btn-indice-meio{width:auto}
        .painel-fixo .progresso-wrapper{height:4px}
    }
</style>
</head>
<body>

<!-- ============================================================ -->
<!-- PAINEL FIXO SUPERIOR                                        -->
<!-- ============================================================ -->
<div id="painelFixo" class="painel-fixo">
    <div class="topo">
        <div class="info">
            <span><i class="fas fa-book"></i> <span class="titulo-painel" id="painelTitulo"><?= $ebook && $tokenValido ? htmlspecialchars($ebook['titulo']) : 'E-book' ?></span></span>
            <?php if ($tokenValido && $tokenUserName): ?>
                <span class="badge">🔑 <?= htmlspecialchars($tokenUserName) ?></span>
            <?php endif; ?>
            <?php if ($tokenValido && $tokenValidade): ?>
                <span class="badge">📅 <?= date('d/m/Y', strtotime($tokenValidade)) ?></span>
            <?php endif; ?>
            <span class="badge" id="painelProgresso">📖 <?= $totalVersiculos ?></span>
            <span class="posicao-atual" id="posicaoAtual"><i class="fas fa-location-dot"></i> Início</span>
        </div>
        <div class="acoes">
            <button class="btn-indice-painel" onclick="abrirModalIndice()">
                <i class="fas fa-list"></i> Índice
            </button>
        </div>
    </div>
    <div class="progresso-wrapper">
        <div class="progresso-bar" id="progressoBar"></div>
        <span class="progresso-label" id="progressoLabel">0%</span>
    </div>
</div>

<!-- ============================================================ -->
<!-- BOTÃO OLHO                                                  -->
<!-- ============================================================ -->
<button class="btn-olho" id="btnOlho" onclick="togglePainelFixo()" title="Clique para ocultar/exibir o painel fixo">
    <i class="fas fa-eye"></i>
</button>

<!-- ============================================================ -->
<!-- MODAL ÍNDICE                                               -->
<!-- ============================================================ -->
<div id="modalIndice" class="modal-indice">
    <div class="modal-indice-content">
        <div class="modal-indice-header">
            <h3><i class="fas fa-list"></i> Índice do E-book</h3>
            <button class="modal-indice-fechar" onclick="fecharModalIndice()">
                <i class="fas fa-times"></i>
            </button>
        </div>
        <div class="modal-indice-body" id="indiceContainer">
            <input type="text" class="busca-modal" id="buscaModal" placeholder="🔍 Buscar no índice..." oninput="filtrarIndice(this.value)">
            <div id="indiceLista">
                <div style="text-align:center;padding:20px;color:#a0aec0;">
                    <i class="fas fa-spinner fa-spin"></i> Carregando índice...
                </div>
            </div>
        </div>
    </div>
</div>

<!-- ============================================================ -->
<!-- CONTEÚDO PRINCIPAL                                         -->
<!-- ============================================================ -->
<div class="container">

    <!-- HEADER -->
    <div class="header">
        <a href="../indice_de_ebooks/indice_de_ebooks.php" class="voltar"><i class="fas fa-arrow-left"></i> Voltar</a>
        <h1>
            <i class="fas fa-book-open"></i> 
            <?php if ($tokenValido && $ebook): ?>
                <span class="badge-db">SQLite</span>
                <?php if ($tokenUserName): ?>
                    <span class="badge-token">🔑 <?= htmlspecialchars($tokenUserName) ?></span>
                <?php endif; ?>
            <?php else: ?>
                Acesso Protegido
                <?php if ($erro_token_db): ?>
                    <span class="badge-error">🔴 Offline</span>
                <?php endif; ?>
            <?php endif; ?>
        </h1>
        <?php if ($tokenValido && $ebook): ?>
            <span class="badge-header">ID: <?= $ebook['id'] ?></span>
        <?php endif; ?>
        <?php if ($tokenValido && $tokenValidade): ?>
            <span class="badge-header">🔑 <?= date('d/m/Y', strtotime($tokenValidade)) ?></span>
        <?php endif; ?>
    </div>

    <!-- ============================================================ -->
    <!-- CASO 1: ERRO CRÍTICO NO BANCO DE TOKENS                     -->
    <!-- ============================================================ -->
    <?php if ($erro_token_db && !$tokenValido): ?>
        <div class="card">
            <div class="card-body" style="text-align:center;padding:30px 16px;">
                <div style="font-size:50px;margin-bottom:8px;">🔴</div>
                <h2 style="color:#e74c3c;font-size:20px;margin-bottom:6px;">Sistema Indisponível</h2>
                <p style="color:#718096;font-size:13px;margin-bottom:12px;">O sistema de autenticação está temporariamente indisponível.</p>
                <div style="background:#fff5f5;padding:12px;border-radius:8px;border:1px solid #feb2b2;text-align:left;font-size:12px;color:#c53030;margin-bottom:12px;">
                    <strong>Erro:</strong> <?= htmlspecialchars($erro_token_db) ?>
                </div>
                <a href="<?= $WHATSAPP_LINK ?>?text=<?php echo urlencode('Olá! O sistema de tokens do e-book está offline. Erro: ' . $erro_token_db); ?>" target="_blank" class="btn-whatsapp" style="display:inline-block;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;padding:10px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;">💬 Reportar Problema</a>
            </div>
        </div>
        <?php exit; ?>
    <?php endif; ?>

    <!-- ============================================================ -->
    <!-- CASO 2: NÃO TEM TOKEN                                       -->
    <!-- ============================================================ -->
    <?php if (empty($token_submetido) && !$tokenValido): ?>
        <div class="card">
            <div class="card-body">
                <div class="box-acesso">
                    <div class="icon">🔐</div>
                    <h2>🤔 Você precisa de um token</h2>
                    <p>Insira o token recebido no momento da compra para visualizar o conteúdo completo.</p>
                    
                    <?php if ($id > 0): ?>
                        <div style="background:#ebf8ff;padding:6px 12px;border-radius:6px;margin-bottom:12px;font-size:12px;color:#2b6cb0;">
                            📖 E-book ID: <?= $id ?>
                        </div>
                    <?php endif; ?>
                    
                    <form method="GET" action="">
                        <input type="hidden" name="id" value="<?= $id ?>">
                        <input type="hidden" name="_t" value="<?= $timestamp ?>">
                        <input type="text" name="token" placeholder="Cole seu token aqui" autofocus required>
                        <br>
                        <button type="submit">🔑 Acessar E-book</button>
                    </form>
                    
                    <div class="token-demo">Exemplo: <?= $TOKEN_EXIBICAO ?></div>
                    
                    <div style="margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0;">
                        <p style="font-size:12px;color:#718096;margin-bottom:6px;">Não tem token? Adquira o acesso agora:</p>
                        <a href="<?= $WHATSAPP_LINK ?>?text=<?php echo urlencode(gerarMensagemWhatsApp($ebookSimples, 'compra')); ?>" target="_blank" class="btn-whatsapp">💬 Comprar Acesso</a>
                    </div>
                    
                    <div style="margin-top:10px;font-size:10px;color:#a0aec0;">
                        🔒 Sistema de proteção por token via SQLite
                    </div>
                </div>
            </div>
        </div>
        <?php exit; ?>
    <?php endif; ?>

    <!-- ============================================================ -->
    <!-- CASO 3: TOKEN INVÁLIDO                                      -->
    <!-- ============================================================ -->
    <?php if ($tokenNaoExiste && !$tokenValido): ?>
        <div class="card">
            <div class="card-body">
                <div class="box-acesso">
                    <div class="icon" style="color:#e74c3c;">❌</div>
                    <h2 style="color:#e74c3c;">Token Inválido</h2>
                    <p>O token informado não foi encontrado. Verifique se você o copiou corretamente.</p>
                    
                    <div class="alerta">
                        <strong>🔑 Token informado:</strong> <code><?= htmlspecialchars($token_submetido) ?></code>
                    </div>
                    
                    <form method="GET" action="">
                        <input type="hidden" name="id" value="<?= $id ?>">
                        <input type="hidden" name="_t" value="<?= $timestamp ?>">
                        <input type="text" name="token" placeholder="Cole seu token aqui" autofocus required>
                        <br>
                        <button type="submit">🔑 Tentar Novamente</button>
                    </form>
                    
                    <div class="token-demo">Exemplo: <?= $TOKEN_EXIBICAO ?></div>
                    
                    <div style="margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0;">
                        <p style="font-size:12px;color:#718096;margin-bottom:6px;">Não tem token? Adquira o acesso agora:</p>
                        <a href="<?= $WHATSAPP_LINK ?>?text=<?php echo urlencode(gerarMensagemWhatsApp($ebookSimples, 'compra')); ?>" target="_blank" class="btn-whatsapp">💬 Comprar Acesso</a>
                    </div>
                </div>
            </div>
        </div>
        <?php exit; ?>
    <?php endif; ?>

    <!-- ============================================================ -->
    <!-- CASO 4: TOKEN REVOGADO                                     -->
    <!-- ============================================================ -->
    <?php if ($tokenRevogado && !$tokenValido): ?>
        <div class="card">
            <div class="card-body">
                <div class="box-acesso">
                    <div class="icon" style="color:#e74c3c;">🚫</div>
                    <h2 style="color:#e74c3c;">Token Revogado</h2>
                    <p>Este token foi revogado e não pode mais ser usado.</p>
                    
                    <div class="alerta" style="border-color:#e74c3c;background:#fff5f5;color:#c53030;">
                        <strong>📌 Motivo:</strong> O token foi desativado pelo administrador.
                    </div>
                    
                    <div style="margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0;">
                        <p style="font-size:12px;color:#718096;margin-bottom:6px;">Para obter um novo token, entre em contato:</p>
                        <a href="<?= $WHATSAPP_LINK ?>?text=<?php echo urlencode(gerarMensagemWhatsApp($ebookSimples, 'revogado', $token_submetido)); ?>" target="_blank" class="btn-whatsapp">💬 Solicitar Novo Token</a>
                    </div>
                </div>
            </div>
        </div>
        <?php exit; ?>
    <?php endif; ?>

    <!-- ============================================================ -->
    <!-- CASO 5: TOKEN EXPIRADO                                     -->
    <!-- ============================================================ -->
    <?php if ($tokenExpirado && !$tokenValido): ?>
        <div class="card">
            <div class="card-body">
                <div class="box-acesso">
                    <div class="icon" style="color:#f6c23e;">⏰</div>
                    <h2 style="color:#d69e2e;">Token Expirado</h2>
                    <p>Sua assinatura expirou em <strong style="color:#d69e2e;"><?= $tokenValidade ? date('d/m/Y', strtotime($tokenValidade)) : 'data desconhecida' ?></strong>.</p>
                    
                    <div class="alerta" style="border-color:#f6c23e;background:#fffbeb;color:#92400e;">
                        <strong>📌 Para renovar o acesso:</strong> Clique no botão abaixo para falar com o administrador.
                    </div>
                    
                    <div style="margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0;">
                        <a href="<?= $WHATSAPP_LINK ?>?text=<?php echo urlencode(gerarMensagemWhatsApp($ebookSimples, 'renovacao', $token_submetido, $tokenValidade ? date('d/m/Y', strtotime($tokenValidade)) : 'data desconhecida')); ?>" target="_blank" class="btn-whatsapp">💬 Renovar Assinatura</a>
                    </div>
                </div>
            </div>
        </div>
        <?php exit; ?>
    <?php endif; ?>

    <!-- ============================================================ -->
    <!-- CASO 6: TOKEN SEM VALIDADE DEFINIDA                        -->
    <!-- ============================================================ -->
    <?php if ($tokenSemValidade && !$tokenValido): ?>
        <div class="card">
            <div class="card-body">
                <div class="box-acesso">
                    <div class="icon" style="color:#f6c23e;">⚠️</div>
                    <h2 style="color:#d69e2e;">Token sem Validade Definida</h2>
                    <p>Este token não possui data de validade configurada no sistema.</p>
                    
                    <div class="alerta" style="border-color:#f6c23e;background:#fffbeb;color:#92400e;">
                        <strong>📌 O que fazer:</strong> Entre em contato com o administrador para regularizar seu acesso.
                    </div>
                    
                    <div style="margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0;">
                        <a href="<?= $WHATSAPP_LINK ?>?text=<?php echo urlencode(gerarMensagemWhatsApp($ebookSimples, 'sem_validade', $token_submetido)); ?>" target="_blank" class="btn-whatsapp">💬 Falar com Administrador</a>
                    </div>
                </div>
            </div>
        </div>
        <?php exit; ?>
    <?php endif; ?>

    <!-- ============================================================ -->
    <!-- CASO 7: TOKEN VÁLIDO - MOSTRA O E-BOOK                     -->
    <!-- ============================================================ -->
    <?php if ($tokenValido && $ebook): ?>
        
        <?php if ($erro_ebook): ?>
            <div class="erro">
                <i class="fas fa-exclamation-triangle"></i> <?= htmlspecialchars($erro_ebook) ?>
            </div>
            <div style="text-align:center;padding:12px 0;">
                <a href="../indice_de_ebooks/indice_de_ebooks.php" class="btn"><i class="fas fa-arrow-left"></i> Voltar</a>
            </div>
            <?php exit; ?>
        <?php endif; ?>

        <!-- INFO DO E-BOOK -->
        <div class="card">
            <div class="card-body">
                <div class="ebook-titulo"><?= htmlspecialchars($ebook['titulo']) ?></div>
                <?php if (!empty($ebook['subtitulo'])): ?>
                    <div class="ebook-subtitulo"><?= htmlspecialchars($ebook['subtitulo']) ?></div>
                <?php endif; ?>
                <div class="ebook-meta">
                    <span><i class="fas fa-tag"></i> <?= htmlspecialchars($ebook['tipo_midia'] ?? 'digital') ?></span>
                    <span><i class="fas fa-layer-group"></i> <?= $totalCapitulos ?> capítulos</span>
                    <span><i class="fas fa-paragraph"></i> <?= $totalVersiculos ?> versículos</span>
                    <?php if (!empty($ebook['formato_arquivo'])): ?>
                        <span><i class="fas fa-file-alt"></i> <?= htmlspecialchars($ebook['formato_arquivo']) ?></span>
                    <?php endif; ?>
                    <span><i class="fas fa-database"></i> SQLite</span>
                    <?php if ($tokenUserName): ?>
                        <span class="badge-token"><i class="fas fa-key"></i> <?= htmlspecialchars($tokenUserName) ?></span>
                    <?php endif; ?>
                </div>
                <?php if (!empty($ebook['sinopse'])): ?>
                    <div class="ebook-sinopse"><?= nl2br(htmlspecialchars($ebook['sinopse'])) ?></div>
                <?php endif; ?>
            </div>
        </div>
        
        <!-- SISTEMA DE BUSCA -->
        <div class="busca-container">
            <div class="busca-wrapper">
                <i class="fas fa-search"></i>
                <input type="text" id="buscaConteudo" placeholder="🔍 Buscar no conteúdo do e-book..." oninput="buscarNoConteudo(this.value)">
                <span id="buscaResultados" class="busca-results">🔍 <span class="highlight" id="buscaTotal">0</span> resultado(s)</span>
            </div>
        </div>
        
        <!-- BOTÃO ÍNDICE -->
        <?php if (!empty($capitulos)): ?>
            <div style="text-align:center;">
                <button class="btn-indice-meio" onclick="abrirModalIndice()">
                    <i class="fas fa-list"></i> 📑 Ver Índice Completo
                </button>
            </div>
        <?php endif; ?>
        
        <!-- CAPÍTULOS E VERSÍCULOS -->
        <?php if (!empty($capitulos)): ?>
            <div class="card">
                <div class="card-body">
                    <h2 style="font-size:17px;margin-bottom:12px;">
                        <i class="fas fa-list"></i> Conteúdo do E-book 
                        <span style="font-size:12px;color:#a0aec0;font-weight:normal;">(<?= $totalVersiculos ?> versículos)</span>
                    </h2>
                    
                    <?php foreach ($capitulos as $num => $cap): ?>
                        <div class="capitulo" id="capitulo-<?= $num ?>" data-capitulo="<?= $num ?>">
                            <div class="num">Capítulo <?= $num ?></div>
                            <div class="tit"><?= htmlspecialchars($cap['titulo']) ?></div>
                            <div style="font-size:14px;line-height:1.8;color:#2d3748;">
                                <?php foreach ($cap['versiculos'] as $v): ?>
                                    <div class="versiculo" id="v-<?= $num ?>-<?= $v['numero_versiculo'] ?>" data-capitulo="<?= $num ?>" data-versiculo="<?= $v['numero_versiculo'] ?>" data-texto="<?= htmlspecialchars(strtolower($v['conteudo_versiculo'] ?? '')) ?>">
                                        <div class="ref">Versículo <?= $v['numero_versiculo'] ?></div>
                                        <div class="texto"><?= nl2br(htmlspecialchars($v['conteudo_versiculo'] ?? '')) ?></div>
                                    </div>
                                <?php endforeach; ?>
                            </div>
                        </div>
                    <?php endforeach; ?>
                </div>
            </div>
        <?php else: ?>
            <div class="card">
                <div class="card-body" style="text-align:center;padding:30px 16px;color:#a0aec0;">
                    <i class="fas fa-file-alt" style="font-size:40px;display:block;margin-bottom:8px;"></i>
                    <p>Este e-book não possui versículos cadastrados.</p>
                </div>
            </div>
        <?php endif; ?>
        
        <!-- METRICA -->
        <div class="metrica">
            <i class="fas fa-tachometer-alt"></i> 
            Fonte: <strong>SQLite</strong> | ID: <?= $ebook['id'] ?? 'N/A' ?> | Usuário: <?= htmlspecialchars($tokenUserName ?? 'N/A') ?>
        </div>
        
    <?php endif; ?>

</div>

<!-- ============================================================ -->
<!-- SCRIPTS                                                    -->
<!-- ============================================================ -->
<script>
// ============================================================
// PAINEL FIXO - TOGGLE
// ============================================================
let painelVisivel = true;

function togglePainelFixo() {
    const painel = document.getElementById('painelFixo');
    const btnOlho = document.getElementById('btnOlho');
    const icon = btnOlho.querySelector('i');
    
    painelVisivel = !painelVisivel;
    
    if (painelVisivel) {
        painel.classList.remove('oculto');
        btnOlho.classList.remove('oculto');
        icon.className = 'fas fa-eye';
        btnOlho.title = 'Clique para ocultar o painel fixo';
    } else {
        painel.classList.add('oculto');
        btnOlho.classList.add('oculto');
        icon.className = 'fas fa-eye-slash';
        btnOlho.title = 'Clique para exibir o painel fixo';
    }
}

// ============================================================
// BARRA DE PROGRESSO E POSIÇÃO
// ============================================================
function atualizarProgresso() {
    const scrollTop = window.scrollY || window.pageYOffset;
    const docHeight = document.documentElement.scrollHeight - window.innerHeight;
    const progresso = docHeight > 0 ? Math.min((scrollTop / docHeight) * 100, 100) : 0;
    
    const barra = document.getElementById('progressoBar');
    const label = document.getElementById('progressoLabel');
    const posicao = document.getElementById('posicaoAtual');
    
    if (barra) barra.style.width = progresso + '%';
    if (label) label.textContent = Math.round(progresso) + '%';
    
    // Determinar posição aproximada (capítulo/versículo atual)
    const versiculos = document.querySelectorAll('.versiculo:not(.oculto)');
    let encontrado = false;
    let capituloAtual = 0;
    let versiculoAtual = 0;
    
    if (versiculos.length > 0) {
        // Encontrar o versículo mais próximo do topo da viewport
        const viewportTop = window.scrollY + 100;
        let closest = null;
        let closestDist = Infinity;
        
        versiculos.forEach(function(v) {
            const rect = v.getBoundingClientRect();
            const top = rect.top + window.scrollY;
            const dist = Math.abs(top - viewportTop);
            if (dist < closestDist) {
                closestDist = dist;
                closest = v;
            }
        });
        
        if (closest) {
            const cap = closest.getAttribute('data-capitulo');
            const ver = closest.getAttribute('data-versiculo');
            if (cap && ver) {
                capituloAtual = cap;
                versiculoAtual = ver;
                encontrado = true;
            }
        }
    }
    
    if (encontrado) {
        posicao.textContent = '📍 Cap. ' + capituloAtual + ' - Vers. ' + versiculoAtual;
    } else if (progresso < 5) {
        posicao.textContent = '📍 Início';
    } else if (progresso > 95) {
        posicao.textContent = '📍 Fim';
    } else {
        posicao.textContent = '📍 ' + Math.round(progresso) + '%';
    }
}

// Atualizar progresso ao rolar
window.addEventListener('scroll', function() {
    atualizarProgresso();
});

window.addEventListener('resize', function() {
    atualizarProgresso();
});

// ============================================================
// MODAL ÍNDICE
// ============================================================
function abrirModalIndice() {
    const modal = document.getElementById('modalIndice');
    modal.classList.add('ativo');
    document.body.style.overflow = 'hidden';
    setTimeout(function() {
        document.getElementById('buscaModal').focus();
    }, 300);
}

function fecharModalIndice() {
    const modal = document.getElementById('modalIndice');
    modal.classList.remove('ativo');
    document.body.style.overflow = '';
}

function scrollParaVersiculo(capitulo, versiculo) {
    fecharModalIndice();
    const elemento = document.getElementById('v-' + capitulo + '-' + versiculo);
    if (elemento) {
        setTimeout(() => {
            elemento.scrollIntoView({ behavior: 'smooth', block: 'start' });
            elemento.style.transition = 'background 0.5s ease';
            elemento.style.background = '#ebf8ff';
            elemento.style.borderLeftColor = '#2b6cb0';
            setTimeout(() => {
                elemento.style.background = '';
                elemento.style.borderLeftColor = '';
                atualizarProgresso();
            }, 2000);
        }, 300);
    }
}

// Fechar modal com ESC
document.addEventListener('keydown', function(e) {
    if (e.key === 'Escape') {
        fecharModalIndice();
    }
});

// Fechar modal ao clicar fora
document.addEventListener('click', function(e) {
    const modal = document.getElementById('modalIndice');
    if (e.target === modal) {
        fecharModalIndice();
    }
});

// ============================================================
// FILTRO DO ÍNDICE NA MODAL
// ============================================================
function filtrarIndice(termo) {
    const itens = document.querySelectorAll('#indiceLista .capitulo-indice');
    const termoLower = termo.toLowerCase().trim();
    
    itens.forEach(function(item) {
        const texto = item.textContent.toLowerCase();
        if (termoLower === '' || texto.indexOf(termoLower) !== -1) {
            item.style.display = 'block';
        } else {
            item.style.display = 'none';
        }
    });
}

// ============================================================
// GERAR ÍNDICE DINÂMICO
// ============================================================
function gerarIndice() {
    const container = document.getElementById('indiceLista');
    if (!container) return;
    
    <?php if (!empty($capitulos)): ?>
        let html = '';
        <?php foreach ($capitulos as $num => $cap): ?>
            html += '<div class="capitulo-indice">';
            html += '<span class="cap-tit"><i class="fas fa-bookmark"></i> Capítulo <?= $num ?>: <?= htmlspecialchars($cap['titulo']) ?></span>';
            <?php foreach ($cap['versiculos'] as $v): ?>
                html += '<a class="versiculo-link" onclick="scrollParaVersiculo(<?= $num ?>, <?= $v['numero_versiculo'] ?>)">';
                html += '<i class="fas fa-link"></i> Versículo <?= $v['numero_versiculo'] ?>';
                html += '</a>';
            <?php endforeach; ?>
            html += '</div>';
        <?php endforeach; ?>
        container.innerHTML = html;
    <?php else: ?>
        container.innerHTML = '<p style="color:#a0aec0;text-align:center;padding:20px;">Este e-book não possui capítulos ou versículos.</p>';
    <?php endif; ?>
}

// ============================================================
// BUSCA NO CONTEÚDO DO E-BOOK
// ============================================================
function buscarNoConteudo(termo) {
    const versiculos = document.querySelectorAll('.versiculo');
    const capitulos = document.querySelectorAll('.capitulo');
    const resultados = document.getElementById('buscaResultados');
    const totalSpan = document.getElementById('buscaTotal');
    const termoLower = termo.toLowerCase().trim();
    let total = 0;
    
    if (termoLower === '') {
        versiculos.forEach(function(v) { v.classList.remove('oculto'); });
        capitulos.forEach(function(c) { c.classList.remove('oculto'); });
        resultados.classList.remove('show');
        return;
    }
    
    versiculos.forEach(function(v) {
        const texto = v.getAttribute('data-texto') || '';
        if (texto.indexOf(termoLower) !== -1) {
            v.classList.remove('oculto');
            total++;
        } else {
            v.classList.add('oculto');
        }
    });
    
    capitulos.forEach(function(c) {
        const visiveis = c.querySelectorAll('.versiculo:not(.oculto)');
        if (visiveis.length > 0) {
            c.classList.remove('oculto');
        } else {
            c.classList.add('oculto');
        }
    });
    
    totalSpan.textContent = total;
    if (total > 0) {
        resultados.classList.add('show');
        resultados.innerHTML = '🔍 <span class="highlight" id="buscaTotal">' + total + '</span> resultado(s) encontrado(s)';
    } else {
        resultados.classList.add('show');
        resultados.innerHTML = '🔍 <span style="color:#e53e3e;">Nenhum resultado encontrado</span>';
    }
}

// ============================================================
// INICIALIZAR
// ============================================================
document.addEventListener('DOMContentLoaded', function() {
    gerarIndice();
    
    const tituloElement = document.getElementById('painelTitulo');
    if (tituloElement) {
        <?php if ($ebook && $tokenValido): ?>
            tituloElement.textContent = '<?= addslashes($ebook['titulo']) ?>';
        <?php endif; ?>
    }
    
    const progressoElement = document.getElementById('painelProgresso');
    if (progressoElement) {
        <?php if ($totalVersiculos > 0): ?>
            progressoElement.textContent = '📖 <?= $totalVersiculos ?>';
        <?php endif; ?>
    }
    
    // Atualizar progresso após carregar
    setTimeout(atualizarProgresso, 500);
});
</script>

</body>
</html>
<?php
// ============================================================================
// BLOCO 14: FINALIZAÇÃO
// ============================================================================
// O pool gerencia conexões automaticamente
?>