<?php
// /galeria.php
require_once 'admin/db.php';

// 1. Busca TODAS as configurações de títulos e mídias numa só consulta
// 🛰️ ADICIONADO: 'titulo_video', 'titulo_cards' e 'titulo_voice_reels' na busca
$stmtMidias = $pdo->query("SELECT chave, valor FROM configs WHERE chave IN (
    'vr1_titulo', 'vr1_audio', 'vr2_titulo', 'vr2_audio', 
    'video_destaque', 'titulo_video', 'titulo_cards', 'titulo_voice_reels'
)");
$midias = [];
while ($r = $stmtMidias->fetch()) {
    $midias[$r['chave']] = $r['valor'];
}

// Busca os cards do banco e agrupa por categoria
$stmt = $pdo->query("SELECT * FROM galeria ORDER BY id ASC");
$cards_db = $stmt->fetchAll();

$categorias = [];
foreach ($cards_db as $card) {
    $categorias[$card['categoria']][] = $card;
}

// Mapeamento de Títulos e Ícones das Categorias
$mapa_categorias = [
    'Filmes' => ['titulo' => 'Filmes', 'icone' => 'fas fa-ticket-alt'],
    'Animações' => ['titulo' => 'Animações no Cinema', 'icone' => 'fas fa-film'],
    'Séries' => ['titulo' => 'Séries', 'icone' => 'fas fa-tv'],
    'TV' => ['titulo' => 'TV', 'icone' => 'fas fa-pencil-alt'],
    'Games' => ['titulo' => 'Games', 'icone' => 'fas fa-gamepad']
];

// FUNÇÃO NINJA: Extrai o ID de qualquer link do YouTube
function getYoutubeId($url) {
    preg_match('%(?:youtube(?:-nocookie)?\.com/(?:[^/]+/.+/|(?:v|e(?:mbed)?)/|.*[?&]v=)|youtu\.be/)([^"&?/\s]{11})%i', $url, $match);
    return isset($match[1]) ? $match[1] : false;
}

include 'includes/header.php'; 
?>

<main class="gallery-page-container">
    <div class="gallery-boxed-card">
        
        <h2 class="gallery-main-title"><?= htmlspecialchars($midias['titulo_voice_reels'] ?? 'Voice Reel') ?></h2>
        
        <div class="voice-reel-container">
            <div class="voice-track">
                <span class="track-title"><i class="fas fa-microphone-alt"></i> <?= htmlspecialchars($midias['vr1_titulo'] ?? 'Voice Reel 1') ?></span>
                <audio controls playsinline preload="metadata"><source src="<?= htmlspecialchars($midias['vr1_audio'] ?? 'audio/placeholder.mp3') ?>" type="audio/mpeg"></audio>
            </div>
            <div class="voice-track">
                <span class="track-title"><i class="fas fa-film"></i> <?= htmlspecialchars($midias['vr2_titulo'] ?? 'Voice Reel 2') ?></span>
                <audio controls playsinline preload="metadata"><source src="<?= htmlspecialchars($midias['vr2_audio'] ?? 'audio/placeholder.mp3') ?>" type="audio/mpeg"></audio>
            </div>
        </div>

        <h2 class="gallery-main-title" style="margin-top: 40px;"><?= htmlspecialchars($midias['titulo_video'] ?? 'Cinema e TV') ?></h2>
        
        <?php 
        $yt_url = $midias['video_destaque'] ?? '';
        $yt_id = getYoutubeId($yt_url);
        
        if ($yt_id): 
        ?>
        <div style="max-width: 800px; margin: 0 auto 50px auto; border-radius: 12px; overflow: hidden; box-shadow: 0 8px 25px rgba(0,0,0,0.15);">
            <div style="position: relative; padding-bottom: 56.25%; height: 0;">
                <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" 
                        src="https://www.youtube.com/embed/<?= $yt_id ?>?rel=0&showinfo=0" 
                        title="YouTube video player" 
                        frameborder="0" 
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
                        allowfullscreen>
                </iframe>
            </div>
        </div>
        <?php else: ?>
        <div class="video-container" style="text-align: center; margin-bottom: 50px; color: var(--text-muted);">
            <p><i class="fas fa-video-slash fa-3x" style="opacity: 0.2; margin-bottom: 10px;"></i><br>Nenhum vídeo configurado.</p>
        </div>
        <?php endif; ?>

        <h2 class="gallery-main-title"><?= htmlspecialchars($midias['titulo_cards'] ?? 'Obras e Personagens') ?></h2>

        <?php foreach ($categorias as $nome_cat => $itens): ?>
            <?php 
                $titulo_exibicao = $mapa_categorias[$nome_cat]['titulo'] ?? $nome_cat;
                $icone = $mapa_categorias[$nome_cat]['icone'] ?? 'fas fa-star';
            ?>
            <div class="gallery-category">
                <h3 class="category-title"><i class="<?= $icone ?>"></i> <?= $titulo_exibicao ?></h3>
                <div class="gallery-grid">
                    
                    <?php foreach ($itens as $item): 
                        $caminho_imagem = $item['imagem'];
                        $versao_imagem = file_exists($caminho_imagem) ? filemtime($caminho_imagem) : time();
                        $imagem_com_cache = $caminho_imagem . '?v=' . $versao_imagem;
                        
                        $obras_formatadas = str_replace(',', '<br>', htmlspecialchars($item['obras']));
                    ?>
                    
                    <div class="gallery-card">
                        <div class="gallery-card-img" style="background-image: url('<?= $imagem_com_cache ?>');" data-image="<?= $imagem_com_cache ?>">
                            <img src="<?= $imagem_com_cache ?>" alt="<?= htmlspecialchars($item['nome_atriz_personagem']) ?>">
                        </div>
                        <div class="gallery-card-content">
                            <h4><?= htmlspecialchars($item['nome_atriz_personagem']) ?></h4>
                            <p><?= $obras_formatadas ?></p>
                        </div>
                    </div>
                    
                    <?php endforeach; ?>
                    
                </div>
            </div>
        <?php endforeach; ?>

    </div>
</main>

<?php include 'includes/footer.php'; ?>