{% extends spa_base or "tv_base.html" %}
{% block tv_player_libs %}{% endblock %}
{% block title %}{{ item.name }}{% endblock %}
{% block extra_head %}
<script src="{{ url_for('static', filename='mpegts.min.js') }}"></script>
<style>
    .tv-content {
        padding: 0 !important;
        overflow: hidden !important;
    }
    #tvNav, .tv-nav, .tv-nav:not(.hidden) { display: none !important; }
    .tv-player-info-bar { display: none !important; }
    :fullscreen .tv-nav,
    :-webkit-full-screen .tv-nav { display: none !important; }

    /* Report Modal */
    .tv-report-overlay {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.8);
        z-index: 6000;
        justify-content: center;
        align-items: center;
        padding: 40px;
    }
    .tv-report-overlay.active { display: flex; }
    .tv-report-modal {
        background: var(--tv-surface);
        border-radius: var(--tv-radius-lg);
        width: 100%;
        max-width: 480px;
        border: 1px solid var(--tv-highlight);
        animation: tvFadeIn 0.2s ease;
        overflow: hidden;
    }
    html, body { height: 100%; overflow: hidden !important; }
    #tvContent.tv-content { height: 100vh !important; max-height: 100vh !important; min-height: 0 !important; padding: 0 !important; overflow: hidden !important; }
    #tvContent .tv-footer-bar { display: none !important; }
    .tv-player-page { height: 100%; min-height: 0; width: 100%; overflow: hidden; display: flex; flex-direction: column; }
    .tv-player-video { flex: 1 1 auto; min-height: 0; height: auto !important; }
    .tv-player-video video { width: 100%; height: 100%; max-height: 100%; object-fit: contain; }
    .tv-player-overlay { max-height: 100vh; overflow-y: auto; }
    .tv-report-header {
        padding: 24px 28px 12px;
        border-bottom: 1px solid var(--tv-highlight);
    }
    .tv-report-header h3 {
        font-size: 1.1em;
        font-weight: 700;
        color: var(--tv-text);
    }
    .tv-report-header p {
        font-size: 0.8em;
        color: var(--tv-text-muted);
        margin-top: 4px;
    }
    .tv-report-body { padding: 16px 28px 28px; }
    .tv-report-options {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .tv-report-option {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 16px 18px;
        border-radius: var(--tv-radius);
        background: var(--tv-elevated);
        border: 2px solid transparent;
        cursor: pointer;
        transition: var(--tv-transition);
        min-height: 56px;
        outline: none;
        color: var(--tv-text);
        font-size: 0.85em;
        font-weight: 500;
    }
    .tv-report-option:focus,
    .tv-report-option.tv-focused {
        border-color: var(--tv-focus);
        outline: 3px solid var(--tv-focus);
        outline-offset: 2px;
    }
    .tv-report-option:hover {
        background: var(--tv-highlight);
    }
    .tv-report-option .icon { font-size: 1.4em; }
    .tv-report-success {
        display: none;
        text-align: center;
        padding: 24px 0;
    }
    .tv-report-success .icon { font-size: 3em; margin-bottom: 12px; }
    .tv-report-success p { color: var(--tv-text-secondary); font-size: 0.9em; line-height: 1.6; }
    .tv-report-success strong { color: var(--tv-green); }
    .tv-report-already { color: var(--tv-text-muted) !important; cursor: default !important; }
    .tv-report-already .icon { opacity: 0.5; }
    .tv-playback-controls { margin: 12px 0 8px; padding: 10px 14px; background: rgba(0,0,0,0.55); border: 1px solid rgba(255,255,255,0.15); border-radius: 10px; }
    .tv-time-row { display: flex; align-items: center; gap: 10px; color: var(--tv-text); font-size: 0.85em; }
    .tv-time-row span { min-width: 52px; text-align: center; font-variant-numeric: tabular-nums; }
    #tvProgress { flex: 1; min-width: 180px; accent-color: var(--tv-focus); cursor: pointer; }
    #tvProgress:disabled { opacity: 0.55; cursor: default; }
    .tv-playback-actions { display: flex; justify-content: center; gap: 10px; margin-top: 9px; }
    .tv-playback-actions button { min-width: 92px; }
    @media (max-width: 900px), (max-height: 600px) {
        .tv-player-top { padding: 16px 20px; }
        .tv-player-bottom { padding: 16px 20px; gap: 8px; }
        .tv-player-action, .tv-player-btn-back, .tv-player-epg-btn { min-height: 42px; padding: 9px 12px; font-size: 0.78em; }
        .tv-playback-controls { margin: 6px 12px; padding: 8px 10px; }
        .tv-playback-actions button { min-width: 76px; }
    }
</style>
{% endblock %}
{% block content %}
<div class="tv-player-page">
    <div class="tv-player-video">
        <video id="tvVideoPlayer" muted playsinline preload="auto" aria-label="Reprodutor de vídeo"></video>
        <div class="tv-player-info-bar" id="tvPlayerInfoBar">
            <span class="tv-player-info-text" id="tvPlayerInfoText">
                {% if current_user.is_premium_active or current_user.is_admin %}
                    ⭐ Premium - Acesso Ilimitado
                {% else %}
                    ⏱️ Restam {{ horas }}h {{ minutos }}m
                {% endif %}
            </span>
        </div>
    </div>

    <div class="tv-player-overlay" id="tvPlayerOverlay">
        <div class="tv-player-top">
            <div class="tv-player-info">
                <div class="tv-player-channel">{{ item.name }}
                    <span class="tv-player-plan">
                        {% if current_user.is_premium_active or current_user.is_admin %}
                            ⭐ Premium
                        {% else %}
                            ⏱️ {{ horas }}h {{ minutos }}m
                        {% endif %}
                    </span>
                </div>
                <div class="tv-player-group">{{ item.group_title }}</div>
                <div class="tv-player-online" id="tvPlayerOnline">🟢 <span id="tvPlayerOnlineCount">0</span> online</div>
            </div>
            <a href="#" onclick="return false;" class="tv-player-btn-back tv-focusable" id="tvBackBtn">{% if tipo == 'live' %}← Voltar aos Canais{% elif tipo == 'movie' %}← Voltar aos Filmes{% else %}← Voltar para a Série{% endif %}</a>
        </div>

        {% if tipo == 'live' %}
        <div class="tv-player-epg" id="tvPlayerEpg" style="display:none;">
            <div class="tv-player-epg-section">
                <div class="tv-player-epg-label">📺 Agora</div>
                <div class="tv-player-epg-title" id="tvEpgNowTitle">--</div>
                <div class="tv-player-epg-time" id="tvEpgNowTime"></div>
            </div>
            <div class="tv-player-epg-section">
                <div class="tv-player-epg-label">⏭️ Próximo</div>
                <div class="tv-player-epg-title" id="tvEpgNextTitle">--</div>
                <div class="tv-player-epg-time" id="tvEpgNextTime"></div>
            </div>
        </div>
        <div class="tv-player-guide-row" style="display:flex; justify-content:center; margin-top:8px;">
            <button class="tv-player-epg-btn tv-focusable" onclick="openTVEpg()">📺 Guia Completo</button>
        </div>
        {% endif %}

        <div class="tv-playback-controls" id="tvPlaybackControls">
            <div class="tv-time-row">
                <span id="tvCurrentTime">00:00</span>
                <input id="tvProgress" class="tv-focusable" type="range" min="0" max="1000" value="0" step="1" aria-label="Progresso do conteúdo">
                <span id="tvDuration">--:--</span>
            </div>
            <div class="tv-playback-actions">
                <button class="tv-player-action tv-focusable" onclick="seekTV(-10)">↶ 10s</button>
                <button class="tv-player-action tv-focusable" id="tvPlayPauseBtn" onclick="toggleTVPlayPause()">▶ Reproduzir</button>
                <button class="tv-player-action tv-focusable" onclick="seekTV(10)">10s ↷</button>
            </div>
        </div>

        <div class="tv-player-bottom">
            <button class="tv-player-action tv-focusable" id="tvPlayerFavBtn" onclick="toggleTVFav()">☆ Favoritar</button>
            <button class="tv-player-action tv-focusable" onclick="toggleTVFullscreen()">⛶ Tela Cheia</button>
            <button class="tv-player-action tv-focusable" onclick="toggleTVPip()">📺 PiP</button>
            <button class="tv-player-action tv-focusable" id="tvReportBtn" onclick="openTVReport()">⚠️ Reportar</button>
        </div>
    </div>

    <!-- TV Report Modal -->
    <div class="tv-report-overlay" id="tvReportModal">
        <div class="tv-report-modal">
            <div class="tv-report-header">
                <h3>⚠️ Reportar Problema</h3>
                <p>{{ item.name }}</p>
            </div>
            <div class="tv-report-body">
                <div id="tvReportFormOptions">
                    <div class="tv-report-options">
                        <div class="tv-report-option tv-focusable" tabindex="0" onclick="submitTVReport('sem_audio')">
                            <span class="icon">🔇</span>
                            <span>Sem áudio</span>
                        </div>
                        <div class="tv-report-option tv-focusable" tabindex="0" onclick="submitTVReport('nao_pega')">
                            <span class="icon">📡</span>
                            <span>Não pega / Sem sinal</span>
                        </div>
                        <div class="tv-report-option tv-focusable" tabindex="0" onclick="submitTVReport('tela_preta')">
                            <span class="icon">🖥️</span>
                            <span>Tela preta</span>
                        </div>
                        <div class="tv-report-option tv-focusable" tabindex="0" onclick="submitTVReport('travando')">
                            <span class="icon">⏸️</span>
                            <span>Travando / Engasgando</span>
                        </div>
                        <div class="tv-report-option tv-focusable" tabindex="0" onclick="submitTVReport('offline')">
                            <span class="icon">❌</span>
                            <span>Conteúdo offline</span>
                        </div>
                    </div>
                </div>
                <div class="tv-report-success" id="tvReportSuccess">
                    <div class="icon">✅</div>
                    <p>Reporte enviado com sucesso!<br><strong>Obrigado por nos ajudar.</strong></p>
                </div>
            </div>
        </div>
    </div>

    <div id="tvReconnecting" style="display:none; position:fixed; top:70px; left:50%; transform:translateX(-50%); background:rgba(0,0,0,0.8); color:#fff; padding:10px 24px; border-radius:100px; font-size:0.95em; font-weight:600; z-index:9999;">🔄 Reconectando...</div>
    <div class="tv-player-error" id="tvPlayerError" style="display:none;">
        <div class="icon">❌</div>
        <h2>Canal Indisponível</h2>
        <p>Não foi possível carregar este canal. Pode estar offline ou com problemas técnicos.</p>
        <button id="tvRetryBtn" class="tv-player-btn-back tv-focusable" style="margin-top:16px; cursor:pointer;">🔄 Tentar novamente</button>
        <a href="{% if tipo == 'movie' %}{{ url_for('tv_filmes') }}{% elif tipo == 'series' %}{{ url_for('tv_series_detail', series_name=item.series_name or item.name) }}{% else %}{{ url_for('tv_canais') }}{% endif %}" class="tv-player-btn-back tv-focusable" style="margin-top:12px;">{% if tipo == 'movie' %}← Voltar aos Filmes{% elif tipo == 'series' %}← Voltar para a Série{% else %}← Voltar aos Canais{% endif %}</a>
    </div>
</div>

<script src="{{ url_for('static', filename='hls.min.js') }}"></script>
<script>
(function() {
    var tvVideo = document.getElementById('tvVideoPlayer');
    var tvOverlay = document.getElementById('tvPlayerOverlay');
    var tvError = document.getElementById('tvPlayerError');
    var overlayVisible = false;
    var overlayTimer = null;

    var streamToken = {{ stream_token|tojson }};
    var isHls = {{ 'true' if stream_is_hls else 'false' }};
    var isLikelyMpegTs = !isHls && {{ 'false' if item.stream_url.lower().split('?')[0].endswith('.mp4') else 'true' }};
    var streamChannelId = {{ stream_channel_id|tojson }};
    var itemId = {{ item.id }};
    var itemTipo = {{ tipo|tojson }};
    var itemSeriesName = {{ (item.series_name or '')|tojson }};
    var isPremium = {{ 'true' if current_user.is_premium_active or current_user.is_admin else 'false' }};
    var nativeStreamUrl = {{ native_stream_url|tojson }};
    if (typeof nativeStreamUrl === 'undefined') nativeStreamUrl = '';

    var playbackStarted = false;
    var playbackTimer = null;

    // Estado compartilhado entre os timers/watchdog/overlay.
    var _tvUnmuted = false;          // item 12: dessilencia uma unica vez
    var _tvFullscreenRequested = false; // item 10: fullscreen so na 1a reproducao
    var _tvReconnecting = false;     // item 18: trava anti-reconexao paralela
    var _tvLastStallDiag = 0;        // item 4/19: throttle de "travado" (30s)

    // Timers de segundo plano (EPG, online, flush de watch, heartbeat).
    // Pausam quando a aba nao esta visivel e voltam quando estiver (item 6).
    var _tvBgTimers = {};
    var _tvTimersPaused = false;
    function _tvRegTimer(key, fn, ms) {
        _tvBgTimers[key] = { fn: fn, ms: ms, id: null };
        if (!_tvTimersPaused) _tvBgTimers[key].id = setInterval(fn, ms);
    }
    function _tvPauseBgTimers() {
        _tvTimersPaused = true;
        Object.keys(_tvBgTimers).forEach(function(k) {
            var t = _tvBgTimers[k];
            if (t.id) { clearInterval(t.id); t.id = null; }
        });
        if (_tvWatchTimer) { clearInterval(_tvWatchTimer); _tvWatchTimer = null; }
        stopTVHeartbeat();
    }
    function _tvResumeBgTimers() {
        _tvTimersPaused = false;
        Object.keys(_tvBgTimers).forEach(function(k) {
            var t = _tvBgTimers[k];
            if (!t.id) t.id = setInterval(t.fn, t.ms);
        });
        if (playbackStarted) {
            if (!_tvWatchTimer) _tvStartStallWatch();
            startTVHeartbeat();
        }
    }
    document.addEventListener('visibilitychange', function() {
        if (document.hidden) _tvPauseBgTimers();
        else _tvResumeBgTimers();
    });

    // Overlay de erro visível = nada deve dar play/retomar sozinho (item 8).
    function _tvErrorVisible() {
        return !!(tvError && tvError.style && tvError.style.display === 'flex');
    }

    window.addEventListener('tvnavready', function() {
        if (overlayVisible && typeof TVNav !== 'undefined') {
            TVNav.setScope(tvOverlay);
            TVNav.focusFirst();
        }
    });
    var tvProgress = document.getElementById('tvProgress');
    var tvCurrentTime = document.getElementById('tvCurrentTime');
    var tvDuration = document.getElementById('tvDuration');
    var tvPlayPauseBtn = document.getElementById('tvPlayPauseBtn');

    function formatTVTime(seconds) {
        if (!isFinite(seconds) || seconds < 0) return '--:--';
        seconds = Math.floor(seconds);
        var hours = Math.floor(seconds / 3600);
        var minutes = Math.floor((seconds % 3600) / 60);
        var secs = seconds % 60;
        return (hours > 0 ? String(hours).padStart(2, '0') + ':' : '') + String(minutes).padStart(2, '0') + ':' + String(secs).padStart(2, '0');
    }

    function updateTVProgress() {
        if (!tvVideo || !tvProgress) return;
        tvCurrentTime.textContent = formatTVTime(tvVideo.currentTime);
        if (isFinite(tvVideo.duration) && tvVideo.duration > 0) {
            tvDuration.textContent = formatTVTime(tvVideo.duration);
            tvProgress.disabled = false;
            tvProgress.value = Math.round((tvVideo.currentTime / tvVideo.duration) * 1000);
        } else {
            tvDuration.textContent = streamChannelId ? 'AO VIVO' : '--:--';
            tvProgress.disabled = true;
            tvProgress.value = 0;
        }
        tvPlayPauseBtn.textContent = tvVideo.paused ? '▶ Reproduzir' : '⏸ Pausar';
    }

    function toggleTVPlayPause() {
        if (tvVideo.paused) tvVideo.play().catch(function() {});
        else tvVideo.pause();
        updateTVProgress();
    }

    function seekTV(seconds) {
        if (!isFinite(tvVideo.duration)) return;
        tvVideo.currentTime = Math.max(0, Math.min(tvVideo.duration, tvVideo.currentTime + seconds));
        updateTVProgress();
    }

    if (tvProgress) {
        tvProgress.addEventListener('input', function() {
            if (isFinite(tvVideo.duration) && tvVideo.duration > 0) {
                tvVideo.currentTime = (Number(tvProgress.value) / 1000) * tvVideo.duration;
            }
        });
    }
    ['loadedmetadata', 'durationchange', 'timeupdate', 'play', 'pause', 'ended', 'progress'].forEach(function(eventName) {
        tvVideo.addEventListener(eventName, updateTVProgress);
    });
    updateTVProgress();

    // ── Diagnóstico para o app.log (mesmo contrato do player web) ──
    // A TV é o pior lugar para depurar tela preta: nobody ve o console. Sem
    // isto, o log do servidor mostra bytes chegando e nada mais.
    var _tvDiagEngine = '-';
    var _tvDiagUrl = '';
    function _tvDiag(ev, err) {
        try {
            var b = null;
            try {
                if (tvVideo.buffered && tvVideo.buffered.length) {
                    b = tvVideo.buffered.end(tvVideo.buffered.length - 1) - tvVideo.buffered.start(0);
                }
            } catch (e) { b = -1; }
            // FormData: sendBeacon com URLSearchParams vai como text/plain e o
            // Flask recebe o payload vazio.
            var body = new FormData();
            body.append('ev', 'tv:' + ev);
            body.append('engine', _tvDiagEngine);
            body.append('readyState', tvVideo.readyState);
            body.append('networkState', tvVideo.networkState);
            body.append('currentTime', tvVideo.currentTime || 0);
            body.append('duration', isFinite(tvVideo.duration) ? tvVideo.duration : -1);
            body.append('buffered', b);
            body.append('pending', (tvVideo.seekable && tvVideo.seekable.length)
                ? tvVideo.seekable.end(tvVideo.seekable.length - 1) : 0);
            body.append('paused', tvVideo.paused ? 1 : 0);
            body.append('err', err || (tvVideo.error ? (tvVideo.error.code + ':' + tvVideo.error.message) : ''));
            body.append('url', _tvDiagUrl || tvVideo.currentSrc || '');
            if (navigator.sendBeacon) { navigator.sendBeacon('/api/player_diag', body); }
            else { fetch('/api/player_diag', { method: 'POST', body: body, keepalive: true }).catch(function () {}); }
        } catch (e) { /* nunca derrubar a TV por causa de log */ }
    }
    _tvDiag('init', '');

    tvVideo.addEventListener('playing', function() {
        playbackStarted = true;
        _tvLastTime = tvVideo.currentTime || 0;
        _tvStallTicks = 0;
        _tvHideReconnecting();
        _tvDiag('reproduzindo', '');
        if (playbackTimer) clearTimeout(playbackTimer);
        // item 12: dessilencia UMA unica vez; cada retomada nao re-forca audio.
        if (!_tvUnmuted) { _tvUnmuted = true; tvVideo.muted = false; }
        // item 10: fullscreen apenas na 1a reproducao, pedido pelo usuario.
        if (!_tvFullscreenRequested) {
            _tvFullscreenRequested = true;
            try { if (!document.fullscreenElement) document.documentElement.requestFullscreen(); } catch (e) {}
        }
        // item 11: sem auto-overlay. Some apos 5s apenas se ainda estiver aberto.
        setTimeout(function() {
            if (playbackStarted && overlayVisible) { hideTVOverlay(); }
        }, 5000);
    });
    // item 14: um unico listener de erro que decide o estado (era duplicado).
    tvVideo.addEventListener('error', function() {
        try {
            var err = tvVideo.error;
            _tvDiag('erro-video', err ? ('code=' + err.code + ' ' + err.message) : 'desconhecido');
            if (!err || playbackStarted) return;
            if (err.code === 4 && window._tvHls) {
                try { window._tvHls.startLoad(); } catch (e) { /* ignora */ }
            }
            if (window._mpegtsPlayer) {
                // Sem reinício automático: registra e deixa a decisão na mão
                // do usuário (botão Tentar novamente).
                _tvDiag('erro-video-mpegts', 'sem recuperacao automatica');
                showTVError('Erro de Reproducao', 'Conexao interrompida. Toque em Tentar novamente.');
            } else if (err) {
                showTVError('Erro de Video', 'Erro do reprodutor: ' + (err.message || 'codigo ' + err.code));
            }
        } catch (e) { /* ignora */ }
    });
    tvVideo.addEventListener('stalled', function() { _tvDiag('evento-stalled', ''); });

    if (!streamToken) {
        showTVError('Erro de Reprodução', 'Token de acesso inválido. Tente novamente.');
    } else {
        initTVPlayer();
    }

    // Proteção contra InvalidStateError do SourceBuffer
    // Só retoma se o vídeo JÁ estava tocando (underrun). A guarda contra
    // pausa é o que impede o "despausa sozinho".
    tvVideo.addEventListener('waiting', () => {
        try {
            if (tvVideo.paused || _tvUserPaused) return;
            // item 8: nunca retoma sozinho enquanto o overlay de erro esta aberto.
            if (_tvErrorVisible()) return;
            if (tvVideo.readyState >= 3) tvVideo.play();
        } catch (e) { /* ignora */ }
    });
    tvVideo.addEventListener('seeking', () => {
        try { if (tvVideo.buffered && tvVideo.buffered.length > 0) { /* SourceBuffer acessível */ } } catch (e) { /* ignora InvalidStateError */ }
    });

    async function refreshTVStreamToken(forceTs) {
        try {
            var qs = forceTs ? '?force_ts=1' : '';
            var response = await fetch('/api/stream/refresh/' + itemId + qs, {headers: {'Accept': 'application/json'}});
            var data = await response.json();
            if (data.can_play && data.stream_token) {
                streamToken = data.stream_token;
                if (typeof data.is_hls === 'boolean') _tvUseHls = data.is_hls;
                return true;
            }
        } catch (error) {}
        return false;
    }

    function buildTVStreamUrl() {
        return new URL('/proxy?token=' + encodeURIComponent(streamToken), window.location.href).href;
    }

    // ── Detecção do motor ──
    // Antes a escolha HLS vs mpegts era só pela extensão da URL: um get.php que
    // devolve TS com Content-Type video/mp2t (ou m3u8 sem .m3u8 no path) era
    // classificado errado. Aqui perguntamos o Content-Type real ao /proxy e, se
    // a sonda falhar/estourar o tempo, caímos de volta na heurística da extensão
    // e no flag que o servidor já validou (is_hls).
    function _tvProbeEngine(streamUrl) {
        return new Promise(function(resolve) {
            var done = false;
            function finish(useHls, likelyTs, via) {
                if (done) return; done = true;
                resolve({ useHls: useHls, likelyTs: likelyTs, via: via });
            }
            if (typeof fetch !== 'function' || typeof AbortController !== 'function') {
                finish(isHls, isLikelyMpegTs, 'sem-fetch'); return;
            }
            var ctrl = new AbortController();
            var to = setTimeout(function() {
                try { ctrl.abort(); } catch (e) {}
                finish(isHls, isLikelyMpegTs, 'timeout');
            }, 4000);
            fetch(streamUrl, { method: 'GET', headers: { 'Range': 'bytes=0-1' }, signal: ctrl.signal })
                .then(function(r) {
                    var ct = (r.headers.get('content-type') || '').toLowerCase();
                    clearTimeout(to);
                    try { ctrl.abort(); } catch (e) {}   // nao consumimos o corpo
                    var useHls = isHls, likelyTs = isLikelyMpegTs;
                    if (ct.indexOf('mpegurl') !== -1 || ct.indexOf('m3u8') !== -1) { useHls = true; likelyTs = false; }
                    else if (ct.indexOf('mp2t') !== -1 || ct.indexOf('mpegts') !== -1) { useHls = false; likelyTs = true; }
                    else if (ct.indexOf('mp4') !== -1 || ct.indexOf('matroska') !== -1 || ct.indexOf('video/') !== -1) { useHls = false; likelyTs = false; }
                    finish(useHls, likelyTs, 'content-type:' + (ct || '?'));
                })
                .catch(function() { clearTimeout(to); finish(isHls, isLikelyMpegTs, 'sonda-falhou'); });
        });
    }

    async function initTVPlayer() {
        var streamUrl = buildTVStreamUrl();

        var engine = await _tvProbeEngine(streamUrl);
        _tvUseHls = engine.useHls;
        isLikelyMpegTs = engine.likelyTs;
        _tvDiag('motor-detectado', 'hls=' + _tvUseHls + ' ts=' + isLikelyMpegTs + ' via=' + engine.via);

        if (_tvUseHls && typeof Hls !== 'undefined' && Hls.isSupported()) {
            loadTVHls(streamUrl, 0);
        } else {
            playDirect(streamUrl);
        }

        // 25s e suficiente para conectar/bufferizar; antes eram 60s de espera
        // com a tela em "carregando" sem nenhuma saida visivel.
        playbackTimer = setTimeout(function() {
            if (!playbackStarted) {
                showTVError('Nao foi possivel carregar', 'O canal/filme pode estar offline ou a origem esta lenta. Use o botao Voltar ou tente novamente mais tarde.');
            }
        }, 25000);
        _tvStartStallWatch();
    }

    var _mpegtsRetryDone = false;
    function playDirect(url) {
        if (isLikelyMpegTs && typeof mpegts !== 'undefined' && mpegts.isSupported()) {
            try {
                tvVideo.removeAttribute('src');
                tvVideo.load();
            } catch (e) {}
            var mpegIsLive = (itemTipo === 'live');
            var mpegPlayer = mpegts.createPlayer(
                {type: 'mpegts', isLive: mpegIsLive, url: url},
                {enableWorker: false, lazyLoad: false, autoCleanupSourceBuffer: true,
                 autoCleanupMaxBackwardDuration: 20, autoCleanupMinBackwardDuration: 12,
                 enableStashBuffer: false,
                 liveBufferLatencyChasing: false, deferSourceBufferRecycling: true}
            );
            mpegPlayer.attachMediaElement(tvVideo);
            mpegPlayer.load();
            mpegPlayer.play().catch(function() {});
            mpegPlayer.on(mpegts.Events.ERROR, function(errType, errDetail, errInfo) {
                // Sem reinício automático: registra e oferece o retry manual.
                _tvDiag('mpegts-erro', 'sem recuperacao automatica');
                showTVError('Erro de Reproducao', 'Conexao interrompida. Toque em Tentar novamente.');
            });
            window._mpegtsPlayer = mpegPlayer;
            return;
        }
        _tvDiagEngine = 'mpegts/direto';
        _tvDiagUrl = url;
        _tvDiag('motor-iniciado', '');
        tvVideo.src = url;
        try { tvVideo.play(); } catch (err) {
            var msg = 'Nao foi possivel reproduzir. ';
            if (err.name === 'NotAllowedError') msg += 'Toque na tela para iniciar.';
            else msg += err.message || 'Erro desconhecido.';
            showTVError('Erro de Reproducao', msg);
        }
    }

    var _tvRetryCount = 0;
    // Retries limitados: tentativas infinitas criavam/destruiam instancias Hls
    // em loop, travando a aba com InvalidStateError (SourceBuffer removido).
    // Live insiste mais: canal ao vivo se recupera sozinho de falha transitoria.
    var _tvMaxRetries = (itemTipo === 'live') ? 8 : 3;
    // Motor atual (HLS pode sofrer downgrade p/ TS no meio da reprodução).
    var _tvUseHls = isHls;
    var _tvDowngradedTs = false;

    function loadTVHls(url, retries) {
        if (typeof retries !== 'undefined') _tvRetryCount = retries;
        if (typeof Hls === 'undefined') {
            playDirect(url);
            return;
        }
        var hls;
        try {
            hls = new Hls({
                liveSyncDurationCount: 3,
                liveMaxLatencyDurationCount: 6,
                enableWorker: false,
                lowLatencyMode: false,
                maxBufferLength: 20,
                maxMaxBufferLength: 30,
                backBufferLength: 10,
                maxBufferSize: 30 * 1000 * 1000,
                // Retries curtos: valores altos + origem fora do ar geravam
                // uma enxurrada de requests em /proxy e travavam a TV.
                manifestLoadingTimeOut: 15000,
                manifestLoadingMaxRetry: 2,
                levelLoadingTimeOut: 15000,
                levelLoadingMaxRetry: 2,
                fragLoadingTimeOut: 30000,
                fragLoadingMaxRetry: 3,
                fragLoadingRetryDelay: 1000,
                manifestLoadingRetryDelay: 1000,
                levelLoadingRetryDelay: 1000,
                startFragPrefetch: false,
            });
        } catch(e) {
            playDirect(url);
            return;
        }

        _tvDiagEngine = 'hls.js';
        _tvDiagUrl = url;
        _tvDiag('motor-iniciado', '');
        hls.loadSource(url);
        hls.attachMedia(tvVideo);

        hls.on(Hls.Events.MANIFEST_PARSED, function() {
            try { var p = tvVideo.play(); if (p && typeof p.catch === 'function') p.catch(function(err) {
                if (err.name === 'NotAllowedError') { showTVOverlay(); }
            }); } catch (e) { /* ignora InvalidStateError do SourceBuffer */ }
        });

        // NÃO chama tvVideo.play() aqui. O hls.js continua baixando segmentos
        // enquanto o vídeo está pausado; cada FRAG_LOADED dando play era o que
        // fazia o player despausar sozinho. Quem manda é o usuário.
        hls.on(Hls.Events.ERROR, function(event, data) {
            if (!data) return;
            // Leves tambem entram no log: e o 404 de segmento que trava a TV
            // sem disparar nenhum erro fatal.
            _tvDiag('hls-' + (data.fatal ? 'FATAL' : 'leve'),
                'type=' + data.type + ' details=' + data.details +
                (data.response && data.response.code ? ' code=' + data.response.code : ''));
            if (!data || !data.fatal) return;
            if (window._tvHls !== hls) return; // instancia antiga descartada
            // Sem reinício automático. Não destrói a instância nem recarrega:
            // o player fica como está (inclusive pausado) e a única saída é o
            // botão "Tentar novamente".
            showTVError('Canal Indisponível', 'Conexão interrompida. Toque em Tentar novamente ou Voltar.');
        });

        window._tvHls = hls;
    }

    // Watchdog anti-congelamento: antes não havia nenhuma vigilância — qualquer
    // falha silenciosa da origem deixava a imagem parada sem avisar e sem tentar
    // recuperar. Agora reconecta sozinho com token renovado e mostra
    // "Reconectando..."; 60s seguidos saudáveis zeram as tentativas.
    var _tvWatchTimer = null;
    var _tvLastTime = 0;
    var _tvStallTicks = 0;
    var _tvHealthyTicks = 0;
    // VOD (filmes/séries): mesmo tratamento do site — corte prematuro retoma
    // de onde parou (1x); fim legítimo nunca é reaberto em loop.
    var _tvSuspectCutAt = 0;
    var _tvPendingSeek = null;
    var _tvVodResumed = false;
    // Intenção do usuário tem prioridade: se ele pausou, nada dá play sozinho.
    var _tvUserPaused = false;
    var tvReconnecting = document.getElementById('tvReconnecting');
    function _tvShowReconnecting() {
        if (tvReconnecting) tvReconnecting.style.display = 'block';
    }
    function _tvHideReconnecting() {
        if (tvReconnecting) tvReconnecting.style.display = 'none';
    }
    function _tvSilentReconnect(fromButton) {
        // Sem reconexão automática. Só o botão "Tentar novamente" (fromButton
        // = true) chega até aqui; qualquer outro gatilho apenas registra o
        // evento no log. Antes isso derrubava o player e voltava a dar play
        // sozinho — era o "reiniciando sozinho" / "despausou sozinho".
        if (!fromButton) {
            _tvDiag('auto-recuperacao-desativada', 'stall/erro/en');
            return;
        }
        // item 18: trava — cliques rápidos em "Tentar novamente" nao podem
        // criar players em paralelo.
        if (_tvReconnecting) { _tvDiag('reconexao-ignorada-lock', ''); return; }
        _tvReconnecting = true;
        // item 15: limpa o timer de carregamento antigo para nao disparar um
        // erro falso no meio da nova tentativa.
        if (playbackTimer) { clearTimeout(playbackTimer); playbackTimer = null; }
        _tvShowReconnecting();
        try { if (window._tvHls) { window._tvHls.destroy(); } } catch (e) {}
        window._tvHls = null;
        try { if (window._mpegtsPlayer) { window._mpegtsPlayer.destroy(); } } catch (e) {}
        window._mpegtsPlayer = null;
        // item 5: libera o SourceBuffer/elemento antes de montar o novo player.
        try { tvVideo.pause(); tvVideo.removeAttribute('src'); tvVideo.load(); } catch (e) {}
        _mpegtsRetryDone = false;
        // Após downgrade HLS->TS, mantém o TS (não volta sozinho p/ HLS).
        refreshTVStreamToken(_tvDowngradedTs || undefined).finally(function() {
            _tvReconnecting = false;
            var url = buildTVStreamUrl();
            if (_tvUseHls && typeof Hls !== 'undefined' && Hls.isSupported()) loadTVHls(url, _tvRetryCount);
            else playDirect(url);
        });
    }
    // Botão "Tentar novamente": reconecta no lugar, sem sair da página.
    function tvReconnectNow() {
        tvError.style.display = 'none';
        try { tvVideo.style.display = ''; } catch (e) {}
        _tvRetryCount = 0;
        _tvStallTicks = 0;
        _tvHealthyTicks = 0;
        _tvVodResumed = false;
        _tvPendingSeek = null;
        _tvUseHls = isHls;
        _tvDowngradedTs = false;
        _mpegtsRetryDone = false;
        // Clique explícito = nova intenção de reproduzir.
        _tvUserPaused = false;
        playbackStarted = false;
        if (playbackTimer) clearTimeout(playbackTimer);
        playbackTimer = setTimeout(function() {
            if (!playbackStarted) {
                showTVError('Nao foi possivel carregar', 'O canal/filme pode estar offline ou a origem esta lenta. Use o botao Tentar novamente ou Voltar.');
            }
        }, 25000);
        _tvSilentReconnect(true);
        _tvStartStallWatch();
    }
    function _tvStartStallWatch() {
        if (_tvWatchTimer) clearInterval(_tvWatchTimer);
        _tvWatchTimer = setInterval(function() {
            if (!playbackStarted || tvVideo.paused || tvVideo.seeking) return;
            var t = tvVideo.currentTime || 0;
            if (t !== _tvLastTime) {
                _tvLastTime = t;
                _tvStallTicks = 0;
                _tvHealthyTicks++;
                if (_tvHealthyTicks >= 12) { _tvRetryCount = 0; _tvHealthyTicks = 0; }
                _tvHideReconnecting();
                return;
            }
            _tvStallTicks++;
            _tvSuspectCutAt = Date.now();
            // item 4/19: reporta o congelamento no maximo 1x a cada 30s (antes
            // era um beacon a cada tick de 5s, inundando o app.log). Nada de
            // reportar enquanto o overlay de erro ja esta na tela.
            if (!_tvErrorVisible() && (Date.now() - _tvLastStallDiag) >= 30000) {
                _tvLastStallDiag = Date.now();
                _tvDiag('travado', 'currentTime=' + (tvVideo.currentTime || 0).toFixed(2) +
                    (tvVideo.readyState >= 2 ? ' (com dados)' : ' (sem dados)'));
            }
            // Só diagnostica. Não mostra "Reconectando..." (não há nada
            // reconectando) e não chama _tvSilentReconnect: essa função
            // agora só age no botão "Tentar novamente". Congelamento não
            // vira mais nada por conta própria.
            if (_tvStallTicks >= 6) { // ~30s congelado
                _tvStallTicks = 0;
                _tvHealthyTicks = 0;
            }
        }, 5000);
    }
    (function wireTVRetry() {
        var btn = document.getElementById('tvRetryBtn');
        if (btn) btn.addEventListener('click', tvReconnectNow);
    })();

    function showTVError(title, message) {
        if (tvVideo) tvVideo.style.display = 'none';
        if (!tvError) return;
        tvError.style.display = 'flex';
        var _h = tvError.querySelector('h2');
        if (_h) _h.textContent = title || 'Canal Indisponível';
        var _p = tvError.querySelector('p');
        if (_p && message) _p.innerHTML = message;
    }

    function setNavbarVisible() {
        var nav = document.getElementById('tvNav');
        if (nav) nav.classList.add('hidden');
    }

    function isModalOpen() {
        // item 13: cobrir TODAS as overlays realmente usadas no player TV.
        // Antes so chekava modal/popup, entao o modal de reporte
        // (.tv-report-overlay) nao era detectado e o overlay voltava por cima
        // dele.
        return !!document.querySelector(
            '.tv-modal-overlay.active, .tv-popup-overlay.active, .tv-report-overlay.active'
        );
    }

    function showTVOverlay() {
        overlayVisible = true;
        tvOverlay.classList.add('visible');
        setNavbarVisible(false);
        if (typeof TVNav !== 'undefined' && TVNav.setScope) TVNav.setScope(tvOverlay);
        if (overlayTimer) clearTimeout(overlayTimer);
        // item 10: o overlay NAO sai mais do fullscreen (era o que gerava o
        // entra-sai-entra em ciclo).
        overlayTimer = setTimeout(hideTVOverlay, 5000);
        setTimeout(function() {
            var first = tvOverlay.querySelector('.tv-focusable');
            if (first) {
                first.focus();
                if (typeof TVNav !== 'undefined' && TVNav.refresh) TVNav.refresh();
            }
        }, 100);
    }

    function hideTVOverlay() {
        overlayVisible = false;
        tvOverlay.classList.remove('visible');
        setNavbarVisible(false);
        if (typeof TVNav !== 'undefined' && TVNav.clearScope) TVNav.clearScope();
        // item 10: nao entra em fullscreen aqui; isso acontece uma unica vez na
        // primeira reproducao (no handler 'playing'), pedido pelo usuario.
    }

    function toggleTVOverlay() {
        if (isModalOpen()) return;
        if (overlayVisible) { hideTVOverlay(); }
        else { showTVOverlay(); }
    }

    tvVideo.addEventListener('click', function() {
        if (isModalOpen()) return;
        if (overlayVisible) { hideTVOverlay(); }
        else { showTVOverlay(); }
    });

    document.addEventListener('keydown', function(e) {
        if (isModalOpen()) {
            // Let TVNav handle modal navigation — do nothing here
            return;
        }
        if (e.key === 'Backspace' || e.key === 'Escape') {
            if (overlayVisible) {
                hideTVOverlay();
                e.preventDefault();
            } else {
                showTVOverlay();
                e.preventDefault();
            }
            return;
        }
        if (!playbackStarted && tvVideo.paused && (e.key === 'Enter' || e.key === ' ')) {
            e.preventDefault();
            tvVideo.play().then(function() {
                playbackStarted = true;
                if (!_tvUnmuted) { _tvUnmuted = true; tvVideo.muted = false; }
                if (playbackTimer) clearTimeout(playbackTimer);
                showTVOverlay();
            }).catch(function() {});
            return;
        }
        if (!overlayVisible) {
            showTVOverlay();
        }
    });

    tvVideo.addEventListener('play', function() {
        _tvUserPaused = false;
        showTVOverlay();
    });

    // NÃO reconecta sozinho. Um EOS de origem não é motivo para destravar
    // o player contra a vontade do usuário — e se ele estava pausado,
    // respeita a pausa. Fim legítimo de filme/série não faz nada.
    tvVideo.addEventListener('ended', function() {
        if (itemTipo === 'live') {
            _tvDiag('eos-ao-vivo', 'sem reconexao automatica');
            return;
        }
        if (Date.now() - _tvSuspectCutAt < 20000) {
            _tvDiag('eos-prematuro-vod', 'sem retomada automatica');
        }
    });
    tvVideo.addEventListener('canplay', function() {
        if (_tvPendingSeek != null && itemTipo !== 'live') {
            try { tvVideo.currentTime = _tvPendingSeek; } catch (e) {}
            _tvPendingSeek = null;
        }
    });
    tvVideo.addEventListener('seeked', function() { _tvVodResumed = false; });

    document.addEventListener('fullscreenchange', function() {
        if (!document.fullscreenElement && !overlayVisible && playbackStarted) {
            showTVOverlay();
        }
    });

    // Favorites
    var tvFavBtn = document.getElementById('tvPlayerFavBtn');

    function updateTVFavButton(favorited) {
        if (!tvFavBtn) return;
        tvFavBtn.classList.toggle('active', !!favorited);
        tvFavBtn.textContent = favorited ? '★ Favoritado' : '☆ Favoritar';
        tvFavBtn.setAttribute('aria-pressed', favorited ? 'true' : 'false');
    }

    function toggleTVFav() {
        if (!tvFavBtn || tvFavBtn.disabled) return;
        tvFavBtn.disabled = true;
        var payload = itemTipo === 'series' && itemSeriesName
            ? {series_name: itemSeriesName}
            : {canal_id: itemId};
        fetch('/api/favorites/toggle', {
            method: 'POST',
            headers: {'Content-Type': 'application/json'},
            body: JSON.stringify(payload)
        }).then(function(r) {
            if (!r.ok) throw new Error('favorite request failed');
            return r.json();
        }).then(function(data) {
            if (data && typeof data.favorited !== 'undefined') updateTVFavButton(data.favorited);
            showTVOverlay();
        }).catch(function() {
            showTVOverlay();
        }).finally(function() {
            tvFavBtn.disabled = false;
        });
    }

    fetch('/api/favorites/check/' + itemId)
        .then(function(r) { return r.json(); })
        .then(function(data) { updateTVFavButton(data.favorited); })
        .catch(function() {});

    // Fullscreen & PiP
    function toggleTVFullscreen() {
        if (document.fullscreenElement) { document.exitFullscreen(); }
        else { document.documentElement.requestFullscreen(); }
        showTVOverlay();
    }

    function toggleTVPip() {
        try {
            if (document.pictureInPictureElement) { document.exitPictureInPicture(); }
            else { tvVideo.requestPictureInPicture(); }
        } catch (err) {}
        showTVOverlay();
    }

    // EPG
    {% if tipo == 'live' %}
    (function() {
        var epgBar = document.getElementById('tvPlayerEpg');
        if (!epgBar) return;

        function loadTVEpg() {
            fetch('/api/epg/' + itemId)
                .then(function(r) { return r.json(); })
                .then(function(data) {
                    if (!data.current && !data.next) { epgBar.style.display = 'none'; return; }
                    epgBar.style.display = 'flex';
                    if (data.current) {
                        document.getElementById('tvEpgNowTitle').textContent = data.current.title;
                        document.getElementById('tvEpgNowTime').textContent = data.current.start_brt + ' - ' + data.current.end_brt;
                    }
                    if (data.next) {
                        document.getElementById('tvEpgNextTitle').textContent = data.next.title;
                        document.getElementById('tvEpgNextTime').textContent = '\uD83D\uDD50 ' + data.next.start_brt;
                    }
                    window._tvEpgPrograms = data.programs || [];
                })
                .catch(function() {});
        }
        loadTVEpg();
        _tvRegTimer('epg', loadTVEpg, 30000);
    })();
    {% endif %}

    function openTVEpg() {
        var modal = document.getElementById('tvEpgModal');
        if (!modal) return;
        var list = document.getElementById('tvEpgList');

        function renderEpg(progs) {
            if (!progs || progs.length === 0) {
                list.innerHTML = '<p style="color:var(--tv-text-muted); padding:20px; text-align:center;">Nenhum programa encontrado.</p>';
            } else {
                list.innerHTML = progs.map(function(p) {
                    var cur = p.is_current ? ' is-current' : '';
                    var liveTag = p.is_current ? ' <span class="tv-epg-live-tag">AO VIVO</span>' : '';
                    return '<div class="tv-epg-item' + cur + ' tv-focusable" tabindex="0"><div class="tv-epg-item-time">' + p.start_brt + ' - ' + p.end_brt + liveTag + '</div><div class="tv-epg-item-title">' + p.title + '</div>' + (p.description ? '<div class="tv-epg-item-desc">' + p.description + '</div>' : '') + '</div>';
                }).join('');
            }
            modal.classList.add('active');
            setTimeout(function() {
                if (typeof TVNav !== 'undefined' && TVNav.setScope) {
                    TVNav.setScope(modal);
                }
            }, 200);
        }

        var progs = window._tvEpgPrograms;
        if (progs && progs.length > 0) {
            renderEpg(progs);
        } else {
            fetch('/api/epg/' + itemId)
                .then(function(r) { return r.json(); })
                .then(function(data) {
                    window._tvEpgPrograms = data.programs || [];
                    renderEpg(window._tvEpgPrograms);
                })
                .catch(function() {
                    renderEpg([]);
                });
        }
    }

    function closeTVEpg() {
        document.getElementById('tvEpgModal').classList.remove('active');
        TVNav.clearScope();
        showTVOverlay();
        setTimeout(function() {
            var btn = document.querySelector('.tv-player-epg-btn');
            if (btn) btn.focus();
            TVNav.refresh();
        }, 100);
    }

    // ═══════════════════════════════════════════════
    // Watch Time Tracking & Remaining Time Updates
    // ═══════════════════════════════════════════════
    var totalWatched = 0;
    var watchInterval = null;

    function updateTVRemaining(seconds) {
        var bar = document.getElementById('tvPlayerInfoText');
        if (!bar) return;
        if (isPremium) {
            bar.innerHTML = '⭐ Premium - Acesso Ilimitado';
            return;
        }
        var h = Math.floor(seconds / 3600);
        var m = Math.floor((seconds % 3600) / 60);
        if (seconds <= 0) {
            bar.innerHTML = '⏰ Tempo esgotado! <span style="color:var(--gold);">Assine Premium</span>';
            tvVideo.pause();
        } else {
            bar.innerHTML = '⏱️ Restam ' + h + 'h ' + m + 'm';
        }
    }

    function sendTVWatchTime() {
        if (totalWatched > 0) {
            fetch('/api/consume_time', {
                method: 'POST',
                keepalive: true,
                headers: {'Content-Type': 'application/json'},
                body: JSON.stringify({seconds: totalWatched})
            }).then(function(r) { return r.json(); }).then(function(data) {
                if (!isPremium) updateTVRemaining(data.remaining);
            }).catch(function() {});
            totalWatched = 0;
        }
    }

    var tvHeartbeatInterval = null;
    function sendTVHeartbeat() {
        fetch('/api/watch_heartbeat', {
            method: 'POST',
            headers: {'Content-Type': 'application/json'},
            body: JSON.stringify({canal_id: itemId})
        }).catch(function() {});
    }
    function startTVHeartbeat() {
        if (tvHeartbeatInterval) return;
        sendTVHeartbeat();
        tvHeartbeatInterval = setInterval(sendTVHeartbeat, 30000);
    }
    function stopTVHeartbeat() {
        if (tvHeartbeatInterval) { clearInterval(tvHeartbeatInterval); tvHeartbeatInterval = null; }
    }
    function sendTVWatchStop() {
        // Beacon: entregue mesmo ao fechar o app/TV (o fetch era cancelado e o
        // conteudo continuava marcado como "assistindo" no painel).
        if (typeof window.trocoBeacon === 'function') {
            window.trocoBeacon('/api/watch_stop', {canal_id: itemId});
            return;
        }
        try {
            fetch('/api/watch_stop', {
                method: 'POST',
                keepalive: true,
                headers: {'Content-Type': 'application/json'},
                body: JSON.stringify({canal_id: itemId})
            }).catch(function() {});
        } catch (e) {}
    }
    tvVideo.addEventListener('play', function() {
        if (watchInterval) clearInterval(watchInterval);
        watchInterval = setInterval(function() { totalWatched += 5; }, 5000);
        startTVHeartbeat();
    });
    tvVideo.addEventListener('pause', function() {
        _tvUserPaused = true;
        sendTVWatchTime(); sendTVWatchStop(); stopTVHeartbeat();
    });
    tvVideo.addEventListener('ended', function() { sendTVWatchTime(); sendTVWatchStop(); stopTVHeartbeat(); });
    window.addEventListener('beforeunload', function() { sendTVWatchTime(); sendTVWatchStop(); stopTVHeartbeat(); if (watchInterval) clearInterval(watchInterval); try { if (typeof window.trocoStreamStop === 'function') window.trocoStreamStop(); } catch (e) {} });
    window.addEventListener('pagehide', function() { try { if (typeof window.trocoStreamStop === 'function') window.trocoStreamStop(); } catch (e) {} });
    _tvRegTimer('watchflush', function() { if (totalWatched >= 30) sendTVWatchTime(); }, 10000);

    // Online Viewers
    function updateTVOnlineViewers() {
        fetch('/api/online_viewers/' + itemId)
            .then(function(r) { return r.json(); })
            .then(function(data) {
                document.getElementById('tvPlayerOnlineCount').textContent = data.online || 0;
            })
            .catch(function() {});
    }
    updateTVOnlineViewers();
    _tvRegTimer('online', updateTVOnlineViewers, 120000);

    // item 11: sem auto-overlay apos 1s. O overlay abre na interacao do
    // usuario (tecla/clique), no primeiro play, ou quando o autoplay e bloqueado.

    // ═══════════════════════════════════════════════
    // Report Problem (TV Player)
    // ═══════════════════════════════════════════════
    function openTVReport() {
        var m = document.getElementById('tvReportModal');
        m.classList.add('active');
        setTimeout(function() {
            TVNav.setScope(m);
            var first = m.querySelector('.tv-focusable');
            if (first) { first.focus(); TVNav.refresh(); }
        }, 200);
    }

    function closeTVReport() {
        var m = document.getElementById('tvReportModal');
        m.classList.remove('active');
        TVNav.clearScope();
        showTVOverlay();
    }

    document.getElementById('tvReportModal').addEventListener('click', function(e) {
        if (e.target === this) closeTVReport();
    });

    function submitTVReport(issueType) {
        fetch('/api/report', {
            method: 'POST',
            headers: {'Content-Type': 'application/json'},
            body: JSON.stringify({canal_id: itemId, issue_type: issueType})
        }).then(function(r) { return r.json(); }).then(function(data) {
            if (data.ok) {
                document.getElementById('tvReportFormOptions').style.display = 'none';
                document.getElementById('tvReportSuccess').style.display = 'block';
                var btn = document.getElementById('tvReportBtn');
                btn.textContent = '✅ Reportado';
                btn.classList.add('active');
                btn.onclick = null;
                setTimeout(closeTVReport, 2000);
            } else {
                alert(data.error || 'Erro ao enviar reporte.');
            }
        }).catch(function() { alert('Erro ao enviar reporte.'); });
    }

    (function checkTVReportStatus() {
        fetch('/api/report/check/' + itemId)
            .then(function(r) { return r.json(); })
            .then(function(data) {
                if (data.reported) {
                    var btn = document.getElementById('tvReportBtn');
                    btn.textContent = '✅ Reportado';
                    btn.classList.add('active');
                    btn.onclick = null;
                }
            });
    })();

    // Os botoes usam onclick no markup e o player roda dentro de um IIFE.
    // Expor as acoes evita que Enter/clique encontre funcoes indefinidas.
    // ── Sair / botao Voltar ──
    // Estava num bloco de script inline dentro da div .tv-player-top; movido
    // para ca para o cleanup do player viver no mesmo escopo que cria os players.
    var _tvExitUrl = {% if tipo == 'movie' %}'{{ url_for("tv_filmes") }}'{% elif tipo == 'series' %}'{{ url_for("tv_series_detail", series_name=item.series_name or item.name) }}'{% else %}'{{ url_for("tv_canais") }}'{% endif %};
    window._tvExit = function() {
        try {
            if (window._tvHls) window._tvHls.destroy();
            if (window._mpegtsPlayer) window._mpegtsPlayer.destroy();
            if (tvVideo) { tvVideo.pause(); tvVideo.removeAttribute('src'); tvVideo.load(); }
            if (document.fullscreenElement) document.exitFullscreen();
            // Libera a sessao de reproducao na hora (senao a TV fica
            // contando como "assistindo" depois de voltar).
            if (typeof window.trocoStreamStop === 'function') window.trocoStreamStop();
        } catch (e) {}
        if (document.referrer && document.referrer.indexOf(location.hostname) !== -1 && window.history.length > 2) {
            window.history.back();
            setTimeout(function() { window.location.href = _tvExitUrl; }, 700);
        } else {
            window.location.href = _tvExitUrl;
        }
    };
    (function wireTVBack(){
        var b = document.getElementById('tvBackBtn');
        if (b) b.onclick = function() { window._tvExit(); return false; };
    })();

    window.seekTV = seekTV;
    window.toggleTVPlayPause = toggleTVPlayPause;
    window.toggleTVFav = toggleTVFav;
    window.toggleTVFullscreen = toggleTVFullscreen;
    window.toggleTVPip = toggleTVPip;
    window.openTVReport = openTVReport;
    window.closeTVReport = closeTVReport;
    window.submitTVReport = submitTVReport;
})();
</script>
{% endblock %}