<?php

declare(strict_types=1);

require_once __DIR__ . '/lib.php';

$videos = load_videos();
$page = max(1, (int)($_GET['page'] ?? 1));
$pager = paginate($videos, $page, PER_PAGE);
$videos_page = $pager['items'];

?><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Buzz Lives</title>
    <link rel="stylesheet" href="assets/styles.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@300;400;500;600&display=swap" rel="stylesheet">

    <script type="text/javascript" data-cfasync="false">
    /*<![CDATA[/* */
    (function(){var f=window,q="d68423349b069ed79c99b59e313e2715",j=[["siteId",596*39-949+126+5272035],["minBid",0],["popundersPerIP","0"],["delayBetween",0],["default",false],["defaultPerDay",0],["topmostLayer","auto"]],m=["d3d3LnZpc2FyaW9tZWRpYS5jb20vZ0pRY21xL21wZXBwZXJtaW50Lm1pbi5qcw==","ZDEzazdwcmF4MXlpMDQuY2xvdWRmcm9udC5uZXQvcHppVUQvcm4vcmRhdGFtYXBzLmFsbC5taW4uY3Nz"],z=-1,s,n,e=function(){clearTimeout(n);z++;if(m[z]&&!(1802718140000<(new Date).getTime()&&1<z)){s=f.document.createElement("script");s.type="text/javascript";s.async=!0;var b=f.document.getElementsByTagName("script")[0];s.src="https://"+atob(m[z]);s.crossOrigin="anonymous";s.onerror=e;s.onload=function(){clearTimeout(n);f[q.slice(0,16)+q.slice(0,16)]||e()};n=setTimeout(e,5E3);b.parentNode.insertBefore(s,b)}};if(!f[q]){try{Object.freeze(f[q]=j)}catch(e){}e()}})();
    /*]]>/* */
    </script>
    
</head>
<body>
    <div class="bg-glow"></div>
    <header class="site-header">
        <div class="brand">
            <span class="brand-mark"></span>
            <h1>Buzz Lives</h1>
        </div>
        <div align="center">
            <a href="https://ermvideo.fun"><img src="https://i.imgur.com/vrkKdrT.png" alt="Banner"></a>
        </div>

    </header>

    <main class="content">
        <?php if (empty($videos)) : ?>
            <section class="empty-state">
                <h2>No videos yet</h2>
                <p>Upload your first video to start building the gallery.</p>
            </section>
        <?php else : ?>
            <section class="video-grid">
                <?php foreach ($videos_page as $video) : ?>
                    <article class="video-card">
                        <a class="thumb-link" href="video.php?id=<?php echo urlencode($video['id']); ?>">
                            <img class="thumb-image" src="<?php echo htmlspecialchars($video['thumb']); ?>" alt="Video thumbnail">
                            <span class="play-badge">Play</span>
                        </a>
                        <div class="video-meta">
                            <?php if (!empty($video['category'])) : ?>
                                <p class="meta"><?php echo htmlspecialchars($video['category']); ?></p>
                            <?php endif; ?>
                        </div>
                    </article>
                <?php endforeach; ?>
            </section>
            <?php if ($pager['pages'] > 1) : ?>
                <nav class="pagination">
                    <?php
                    $prev = max(1, $pager['page'] - 1);
                    $next = min($pager['pages'], $pager['page'] + 1);
                    ?>
                    <a class="pill <?php echo $pager['page'] <= 1 ? 'disabled' : ''; ?>" href="index.php?<?php echo http_build_query(['page' => $prev]); ?>">Prev</a>
                    <span class="page-count">Page <?php echo $pager['page']; ?> of <?php echo $pager['pages']; ?></span>
                    <a class="pill <?php echo $pager['page'] >= $pager['pages'] ? 'disabled' : ''; ?>" href="index.php?<?php echo http_build_query(['page' => $next]); ?>">Next</a>
                </nav>
            <?php endif; ?>
        <?php endif; ?>
    </main>

    <footer class="site-footer">
        <p>Buzz Lives - All rights reserved ©</p>
        <a href="privacy.php">Privacy Policy</a>
        <a href="contact.php">Contact Support</a>
        <a href="removal.php">Content Removal</a>
    </footer>
</body>
</html>
