<?php
/**
 * 朝心阁仿作 —— 视频详情页
 * 结构：播放器（贴片广告+xgplayer）→ 播放器下方横幅 → 视频信息卡 → 猜你喜欢 → 页脚
 */
require __DIR__ . '/lib.php';

$id = isset($_GET['id']) ? (int)$_GET['id'] : 0;

$page_key = 'view';
$v = null;
if ($id > 0) {
    $v = get_vod_with_detail($id);
    if ($v && empty($v['play_url']) && !empty($v['vod_id'])) {
        $fresh = collect_detail($id);
        if ($fresh) $v = $fresh;
    }
}
$page_title = $v ? $v['name'] : '视频详情';
$active_type = $v ? (int)($v['type_id'] ?? 0) : 0;
$with_player = true;
require __DIR__ . '/inc_header.php';

$ad_zones = get_page_ad_zones('view');
$playUrl = $v ? first_play_url($v['play_url'] ?? '') : '';
$shareUrl = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' ? 'https://' : 'http://')
    . ($_SERVER['HTTP_HOST'] ?? '') . ($_SERVER['REQUEST_URI'] ?? '');
?>
<style>
    #player .startad { width:100%; height:100%; position:absolute; top:0; left:0; z-index:9999; display:none; }
    #player .startad img { width:100%; height:100%; }
    #player .countdown { background-color:black; color:white; position:absolute; bottom:10px; right:0; padding:6px 10px; z-index:9999; display:none; cursor:pointer; }
</style>

<div class="container vod-details-container">
    <div id="player" style="max-width:100%;height:225px;position:relative;" playsinline>
        <?php if (!empty($ad_zones['player_ad'])) echo render_zone('player_ad', $ad_zones['player_ad']); ?>
    </div>

    <div data-zone="player_banner">
        <?php if (!empty($ad_zones['player_banner'])) echo render_zone('banner', $ad_zones['player_banner']); ?>
    </div>

    <?php if ($v): ?>
    <div class="vod-share shareCopy" data-clipboard-text="<?php echo esc($shareUrl); ?>" onclick="hlg.vod.shareCopy();">分享最新地址：<?php echo esc($shareUrl); ?><b>（點擊復制分享給好友）</b></div>

    <div class="card vod-info">
        <div class="card-header">
            <div class="vod-header">
                <h1><?php echo esc($v['name']); ?></h1>
                <div class="flex" style="flex-flow: wrap; gap: 4px 20px;">
                    <div class="vod-header-label">人氣: <?php echo (int)($v['hits'] ?? 0); ?></div>
                    <?php if (!empty($v['year'])): ?><div class="vod-header-label">年份: <?php echo esc($v['year']); ?></div><?php endif; ?>
                    <?php if (!empty($v['area'])): ?><div class="vod-header-label">地區: <?php echo esc($v['area']); ?></div><?php endif; ?>
                    <?php if (!empty($v['lang'])): ?><div class="vod-header-label">語言: <?php echo esc($v['lang']); ?></div><?php endif; ?>
                    <?php if (!empty($v['director'])): ?><div class="vod-header-label">導演: <?php echo esc($v['director']); ?></div><?php endif; ?>
                    <?php if (!empty($v['actor'])): ?><div class="vod-header-label">主演: <?php echo esc($v['actor']); ?></div><?php endif; ?>
                    <?php if (!empty($v['remarks'])): ?><div class="vod-header-label">備註: <?php echo esc($v['remarks']); ?></div><?php endif; ?>
                    <?php if (!empty($v['time'])): ?><div class="vod-header-label">時間: <?php echo esc($v['time']); ?></div><?php endif; ?>
                </div>
            </div>
        </div>
        <div class="card-content">
            <div class="divider divider-hairline divider-content-left">視頻介紹</div>
            <div class="vod-content">
                <p><?php echo nl2br(esc($v['content'] ?? '')); ?></p>
            </div>
            <div class="flex justify-center">
                <a href="javascript:;" data-type="up" class="vod-toolbar" onclick="hlg.vod.dig(this);">
                    <i class="zicon zicon-like"></i>
                    <p class="num"><?php echo (int)($v['up'] ?? 0); ?></p>
                </a>
                <a href="javascript:;" data-type="down" class="vod-toolbar" onclick="hlg.vod.dig(this);">
                    <i class="zicon zicon-unlike"></i>
                    <p class="num"><?php echo (int)($v['down'] ?? 0); ?></p>
                </a>
                <a href="javascript:;" data-type="fav" class="vod-toolbar" data-id="<?php echo (int)$v['vod_id']; ?>" data-name="<?php echo esc($v['name']); ?>" data-pic="<?php echo esc(pic_src($v['pic'] ?? '')); ?>" onclick="hlg.vod.fav(this);">
                    <i class="zicon zicon-collect"></i>
                    <p>收藏</p>
                </a>
                <a href="javascript:;" class="vod-toolbar shareCopy" onclick="hlg.vod.shareCopy();">
                    <i class="zicon zicon-share"></i>
                    <p>分享</p>
                </a>
            </div>
        </div>
    </div>
    <?php endif; ?>
</div>

<?php if ($v): $related = latest_videos((int)($v['type_id'] ?? 0), 15); ?>
<div class="list-container container">
    <div class="list-title">
        <div class="flex align-center">
            <span class="title">猜你喜歡</span>
        </div>
    </div>
    <div class="home-list-banner" style="width:100%;"></div>
    <?php if ($related): ?>
        <?php echo video_list_html($related); ?>
    <?php else: ?>
        <p style="color:#7a8398;padding:24px 0;text-align:center;">暂无相关推荐</p>
    <?php endif; ?>
</div>
<?php endif; ?>

<script type="text/javascript">
    function adCountDown() {
        window.mainPlayer.pause();
        $('#player .startad').show();
        $('#player .countdown').show();
        var countdownNum = 5;
        var si = window.setInterval(function() {
            countdownNum--;
            $('#player .countdown').text('跳过广告(' + countdownNum + ')');
            if (countdownNum <= 0) {
                clearInterval(si);
                $('#player .startad').hide();
                $('#player .countdown').hide();
                window.mainPlayer.play();
            }
        }, 1000);
    }
    $('#player').on('click', '.countdown', function() {
        $('#player .startad').hide();
        $('#player .countdown').hide();
        window.mainPlayer.play();
    });
    $(function() {
        <?php if ($v): ?>
        if (window.hlg && hlg.record && hlg.record.add) {
            hlg.record.add({ id: <?php echo (int)$v['vod_id']; ?>, name: <?php echo json_encode($v['name'] ?? ''); ?>, pic: <?php echo json_encode(pic_src($v['pic'] ?? '')); ?> });
        }
        if (window.hlg && hlg.vod && hlg.vod.initFav) hlg.vod.initFav();
        <?php endif; ?>
        var url = <?php echo json_encode($playUrl); ?>;
        if (!url) {
            $('#player').html('<div style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#101322;color:#7a8398;font-size:14px;">暂无播放地址，请先在后台采集该视频详情</div>');
            return;
        }
        var config = {
            "id": "player",
            "url": url,
            "playsinline": true,
            "width": "100%",
            "height": "225px",
            "autoplay": false,
            "plugins": []
        };
        if (window.HlsJsPlugin) config.plugins.push(window.HlsJsPlugin);
        window.mainPlayer = new Player(config);
        window.mainPlayer.on('loadeddata', function() {
            if (typeof adCountDown === 'function' && document.querySelector('#player .startad img')) {
                adCountDown();
            }
        });
    });
</script>

<?php require __DIR__ . '/inc_footer.php'; ?>
