<?php
// index.php - V38.1 (Multi-Mask + Selective Fullscreen)
// 部署位置：外置播放器域名 (iwatch.vip)
// 集成：
// 1. V37.2 的全屏策略 (PC可用，移动端禁用)。
// 2. V38.0 的多遮罩支持 (循环生成多个遮罩)。
// 3. V34.0 的 DOM 注入 (insertBefore，不挡控制栏)。

// 调试开关
$is_debug = isset($_GET['debug']) && $_GET['debug'] == '1';
$is_test  = isset($_GET['test_mask']) && $_GET['test_mask'] == '1';

if ($is_debug || $is_test) { error_reporting(E_ALL); ini_set('display_errors', 1); } else { error_reporting(0); }

// ================= 配置区域 =================
define('API_WATERMARK', 'https://www.caobizy.com/api_watermark.php');
define('API_PROXY', 'https://www.caobizy.com.php?url='); 
// ===========================================

$raw_url = $_GET['url'] ?? '';
$id      = intval($_GET['id'] ?? 0);

$mask_css = ""; 
$mask_html = "";
$debug_log = [];

// 1. 处理播放地址
$final_play_url = $raw_url;
$check_url_for_api = $raw_url;

if (!empty($raw_url)) {
    if (strpos($raw_url, 'proxy.php') !== false) {
        $final_play_url = $raw_url;
        $parts = parse_url($raw_url);
        if (isset($parts['query']) && parse_str($parts['query'], $qp) && isset($qp['url'])) $check_url_for_api = $qp['url']; 
    } else {
        $check_url_for_api = $raw_url;
        if (strpos($raw_url, 'http') === 0 && strpos($raw_url, 'uploads/') === false) {
            $final_play_url = API_PROXY . urlencode($raw_url);
        }
    }

    // 2. 获取规则
    $rules = [];
    
    if ($is_test) {
        // 测试模式：生成3个测试遮罩
        $res_data = ['code'=>1, 'source'=>'TEST_MULTI', 'rules'=>[
            ['position'=>'tl', 'margin_x'=>'2%', 'margin_y'=>'2%', 'width'=>'15%', 'height'=>'8%', 'mode'=>1], // 左上
            ['position'=>'tr', 'margin_x'=>'2%', 'margin_y'=>'2%', 'width'=>'15%', 'height'=>'8%', 'mode'=>1], // 右上
            ['position'=>'bl', 'margin_x'=>'2%', 'margin_y'=>'15%', 'width'=>'10%', 'height'=>'5%', 'mode'=>1] // 左下
        ]];
        $debug_log[] = "⚠️ 多遮罩测试模式";
    } else {
        $ch = curl_init();
        $api_query = API_WATERMARK . "?id=" . $id . "&url=" . urlencode($check_url_for_api);
        if($is_debug) $debug_log[] = "API: ".$api_query;
        curl_setopt_array($ch, [CURLOPT_URL=>$api_query, CURLOPT_RETURNTRANSFER=>true, CURLOPT_TIMEOUT=>3, CURLOPT_SSL_VERIFYPEER=>false, CURLOPT_SSL_VERIFYHOST=>false]);
        $response = curl_exec($ch);
        curl_close($ch);
        $res_data = json_decode($response, true);
    }

    // 3. 解析多条规则
    if ($res_data && isset($res_data['code']) && $res_data['code'] == 1) {
        if ($is_debug) $debug_log[] = "Source: " . ($res_data['source'] ?? 'Unknown');

        // 兼容单条和多条
        if (isset($res_data['rules']) && is_array($res_data['rules'])) {
            $rules = $res_data['rules'];
            if ($is_debug) $debug_log[] = "检测到多条规则: " . count($rules) . "个";
        } elseif (isset($res_data['rule']) && is_array($res_data['rule'])) {
            $rules[] = $res_data['rule']; 
            if ($is_debug) $debug_log[] = "检测到单条规则";
        }
        
        // 4. 循环生成 CSS 和 HTML
        foreach ($rules as $idx => $r) {
            $pos_style = "";
            $mx = $r['margin_x']; if(strpos($mx, '%')===false && strpos($mx, 'px')===false) $mx .= '%';
            $my = $r['margin_y']; if(strpos($my, '%')===false && strpos($my, 'px')===false) $my .= '%';

            switch ($r['position']) {
                case 'tl': $pos_style = "top: $my; left: $mx;"; break;
                case 'tr': $pos_style = "top: $my; right: $mx;"; break;
                case 'bl': $pos_style = "bottom: $my; left: $mx;"; break;
                case 'br': $pos_style = "bottom: $my; right: $mx;"; break;
                default:   $pos_style = "top: 2%; right: 2%;"; 
            }

            $bg_style = "";
            $debug_border = ($is_debug || $is_test) ? "border: 2px solid red !important; background: rgba(255,0,0,0.3) !important;" : "";
            
            if (isset($r['mode']) && $r['mode'] == 1) {
                $bg_style = "backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); background: rgba(255,255,255,0.01);";
            } else {
                $img = $r['cover_img'] ?? '';
                $bg_style = "background-image: url('$img'); background-size: 100% 100%; background-repeat: no-repeat;";
            }

            $mask_id = "smart-mask-" . $idx;
            
            $mask_css .= "
            #{$mask_id} {
                position: absolute !important;
                {$pos_style}
                width: {$r['width']};
                height: {$r['height']};
                z-index: 1 !important; /* 位于视频上，控制栏下 */
                pointer-events: none !important;
                border-radius: 4px;
                overflow: hidden;
                {$bg_style}
                {$debug_border}
                -webkit-mask-image: radial-gradient(white, black);
                display: none; 
                visibility: visible !important;
            }";
            
            // 加上统一类名 .smart-mask-layer
            $mask_html .= '<div id="'.$mask_id.'" class="smart-mask-layer"></div>';
        }
    }
}
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
    <title>988 Player</title>
    <style>
        html, body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; font-family: "Microsoft YaHei", sans-serif; -webkit-tap-highlight-color: transparent; }
        
        #root-wrapper { width: 100%; height: 100%; position: relative; overflow: hidden; }
        #player-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }

        /* 注入所有遮罩的样式 */
        <?php echo $mask_css; ?>
        
        .dplayer-video-wrap { position: relative !important; background: #000 !important; }
        
        /* 强制控制栏层级最高 */
        .dplayer-controller { z-index: 2147483647 !important; position: absolute !important; }
        .dplayer-danmaku { z-index: 2000 !important; }

        /* 自定义按钮样式 */
        .custom-btn { cursor: pointer; display: inline-flex !important; align-items: center; justify-content: center; width: 36px !important; height: 100%; margin: 0 2px; color: #ddd; opacity: 0.85; vertical-align: top; transition: all 0.2s ease; }
        .custom-btn:hover { color: #d900ff; opacity: 1; transform: scale(1.15); }
        .custom-btn svg { width: 24px; height: 24px; fill: currentColor; }

        /* ★★★ 移动端全屏隐藏策略 ★★★ */
        body.is-mobile .dplayer-full-in-icon,
        body.is-mobile .dplayer-full-web-icon,
        body.is-mobile .dplayer-full {
            display: none !important;
        }

        /* 调试面板 */
        #debug-panel { position: absolute; top: 10px; left: 10px; z-index: 99999; background: rgba(0,0,0,0.9); color: #0f0; padding: 10px; font-size: 12px; pointer-events: none; border: 1px solid lime; }
    </style>
</head>
<body>

    <div id="root-wrapper">
        <?php if($is_debug || $is_test): ?>
        <div id="debug-panel">
            <strong>🕵️ V38.1 Multi + Selective</strong><br>
            <?php foreach($debug_log as $l) echo htmlspecialchars($l)."<br>"; ?>
        </div>
        <?php endif; ?>

        <div id="mask-staging-area" style="display:none;">
            <?php echo $mask_html; ?>
        </div>

        <div id="player-container"></div>
        
        <div id="loading-mask" style="position:absolute;top:0;left:0;width:100%;height:100%;background:#000;z-index:50;display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none;transition:0.5s;">
            <div style="font-size:24px;font-weight:bold;">Loading...</div>
        </div>
    </div>

    <script src="https://cdn.jsdelivr.net/npm/hls.js/dist/hls.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/dplayer/dist/DPlayer.min.js"></script>
    
    <script>
        var finalUrl = "<?php echo $final_play_url; ?>";
        var loader = document.getElementById('loading-mask');

        // ★ 检测移动端 ★
        var isMobile = /iPad|iPhone|iPod|Android/i.test(navigator.userAgent);
        if (isMobile) {
            document.body.classList.add('is-mobile');
        }

        // 找回 UI
        function injectButtons(dpInstance) {
            var svgBack = '<svg viewBox="0 0 24 24"><path d="M11 19l-9-7 9-7v14zM20 19l-9-7 9-7v14z" /></svg>';
            var svgFwd = '<svg viewBox="0 0 24 24"><path d="M4 19l9-7-9-7v14zM13 19l9-7-9-7v14z" /></svg>';
            var svgPip = '<svg viewBox="0 0 24 24"><path d="M19 11h-8v6h8v-6zm4 8V4.98C23 3.88 22.1 3 21 3H3c-1.1 0-2 .88-2 1.98V19c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2zm-2 .02H3V4.97h18v14.05z"/></svg>';
            
            var checkCount = 0;
            var timer = setInterval(function() {
                var leftBar = document.querySelector('.dplayer-icons-left');
                var rightBar = document.querySelector('.dplayer-icons-right');
                if (leftBar && rightBar && leftBar.children.length > 0) {
                    clearInterval(timer);
                    if(document.querySelector('.custom-btn-back')) return;

                    var btn1 = document.createElement('button'); 
                    btn1.className = 'dplayer-icon custom-btn custom-btn-back'; 
                    btn1.innerHTML = svgBack + '<span style="font-size:10px;font-weight:900;position:absolute;bottom:2px;">-15</span>'; 
                    btn1.onclick = function(e) { e.stopPropagation(); dpInstance.seek(dpInstance.video.currentTime - 15); dpInstance.notice('快退 15s'); };
                    
                    var btn2 = document.createElement('button'); 
                    btn2.className = 'dplayer-icon custom-btn custom-btn-fwd'; 
                    btn2.innerHTML = svgFwd + '<span style="font-size:10px;font-weight:900;position:absolute;bottom:2px;">+15</span>'; 
                    btn2.onclick = function(e) { e.stopPropagation(); dpInstance.seek(dpInstance.video.currentTime + 15); dpInstance.notice('快进 15s'); };
                    
                    leftBar.insertBefore(btn1, leftBar.children[1]); 
                    leftBar.insertBefore(btn2, leftBar.children[2]);

                    if (!isMobile || (document.pictureInPictureEnabled)) {
                        var btnPip = document.createElement('button'); 
                        btnPip.className = 'dplayer-icon custom-btn custom-pip-btn'; 
                        btnPip.innerHTML = svgPip; 
                        btnPip.onclick = function(e) { e.stopPropagation(); if (dpInstance.video.requestPictureInPicture) { if (document.pictureInPictureElement) document.exitPictureInPicture(); else dpInstance.video.requestPictureInPicture(); } else { dpInstance.notice('不支持画中画'); } };
                        rightBar.insertBefore(btnPip, rightBar.firstChild);
                    }
                }
                checkCount++; if(checkCount > 50) clearInterval(timer);
            }, 200);
        }

        // 手势
        function enableGestures(dpInstance) {
            var startX, startY, startTime, startVol, container = document.querySelector('.dplayer-video-wrap'), isTouch = false;
            if(!container) return;

            container.addEventListener('touchstart', function(e) { 
                if(e.target.className.indexOf('dplayer-video-wrap') === -1 && e.target.tagName !== 'VIDEO') return; 
                startX = e.touches[0].clientX; startY = e.touches[0].clientY; startTime = dpInstance.video.currentTime; startVol = dpInstance.video.volume; isTouch = true;
            }, {passive: false});

            container.addEventListener('touchmove', function(e) {
                if(!isTouch) return;
                var deltaX = e.touches[0].clientX - startX; var deltaY = startY - e.touches[0].clientY;
                if (Math.abs(deltaX) > 10 || Math.abs(deltaY) > 10) { e.preventDefault(); } else { return; }
                if (Math.abs(deltaX) > Math.abs(deltaY)) { var seekTime = startTime + (deltaX / 3); if(seekTime < 0) seekTime = 0; if(seekTime > dpInstance.video.duration) seekTime = dpInstance.video.duration; dpInstance.seek(seekTime); dpInstance.notice((deltaX>0?'+':'-') + Math.abs(Math.round(deltaX/3)) + 's'); } 
                else { var newVol = startVol + (deltaY / 150); if(newVol > 1) newVol = 1; if(newVol < 0) newVol = 0; dpInstance.volume(newVol, true, false); dpInstance.notice('音量: ' + Math.round(newVol * 100) + '%'); }
            }, {passive: false});
            container.addEventListener('touchend', function() { isTouch = false; });
        }

        if (finalUrl) {
            var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
            var dp = new DPlayer({ container: document.getElementById('player-container'), autoplay: true, lang: 'zh-cn', theme: '#d900ff', video: { url: finalUrl, type: isIOS ? 'normal' : 'customHls', customType: { customHls: function (video, player) { if (Hls.isSupported()) { var hls = new Hls(); hls.loadSource(video.src); hls.attachMedia(video); hls.on(Hls.Events.MANIFEST_PARSED, function() { loader.style.opacity = '0'; video.play().catch(function(){ video.muted=true; video.play(); }); }); } } } } });

            injectButtons(dp);
            setTimeout(function(){ enableGestures(dp); }, 1000);

            var videoElem = document.querySelector('video');
            if (videoElem) {
                videoElem.setAttribute('playsinline', 'true');
                videoElem.setAttribute('webkit-playsinline', 'true');
                videoElem.setAttribute('x5-playsinline', 'true');
            }

            // ★★★ 核心修复：批量注入多个遮罩 (Multi-Mask Inject) ★★★
            var injectMask = function() {
                // 获取所有生成的遮罩 (smart-mask-layer)
                var masks = document.querySelectorAll('.smart-mask-layer');
                var videoWrap = document.querySelector('.dplayer-video-wrap');
                
                if (masks.length > 0 && videoWrap) {
                    masks.forEach(function(mask) {
                        // 如果遮罩不在视频包裹层里，或者还在暂存区
                        if (mask.parentNode !== videoWrap) {
                            // insertBefore: 插入到最前面，确保位于控制栏下方
                            videoWrap.insertBefore(mask, videoWrap.firstChild); 
                            mask.style.display = 'block'; 
                        }
                    });
                }
            };
            var checkTimer = setInterval(injectMask, 200);
            setTimeout(function() { clearInterval(checkTimer); }, 5000);

            if(isIOS && videoElem) {
                videoElem.addEventListener('loadedmetadata', function(){ loader.style.opacity='0'; });
            }
        } else {
            loader.innerHTML = "无视频源";
        }
    </script>
</body>
</html>