{% extends spa_base or "base.html"%}
{% block title %}Admin - Configurações M3U{% endblock %}
{% block extra_head %}
<style>
    .config-page {
        max-width: 700px;
    }
    .back-link {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: var(--text-muted);
        text-decoration: none;
        font-size: 0.9em;
        font-weight: 500;
        margin-bottom: 20px;
    }
    .back-link:hover { color: var(--text-primary); }
    .config-header h1 {
        font-size: 1.5em;
        font-weight: 700;
        color: var(--text-primary);
        margin-bottom: 24px;
    }
    .config-form {
        background: var(--bg-card);
        border-radius: var(--radius-lg);
        padding: 28px;
        border: 1px solid var(--border);
        margin-bottom: 24px;
    }
    .form-group {
        margin-bottom: 20px;
    }
    .form-group:last-child { margin-bottom: 0; }
    .form-group label {
        display: block;
        font-size: 0.8em;
        color: var(--text-muted);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: 8px;
        font-weight: 500;
    }
    .form-group input[type="text"] {
        width: 100%;
        padding: 12px 14px;
        background: var(--bg-surface);
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        color: var(--text-primary);
        font-size: 0.85em;
        font-family: monospace;
        transition: var(--transition);
    }
    .form-group input[type="number"] {
        width: 100px;
        padding: 12px 14px;
        background: var(--bg-surface);
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        color: var(--text-primary);
        font-size: 0.9em;
        transition: var(--transition);
    }
    .form-group input:focus {
        outline: none;
        border-color: var(--text-secondary);
    }
    .form-row {
        display: flex;
        gap: 24px;
        align-items: flex-end;
        flex-wrap: wrap;
    }
    .form-row .form-group { flex: 1; min-width: 200px; }
    .checkbox-group {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 0;
    }
    .checkbox-group input[type="checkbox"] {
        width: 18px;
        height: 18px;
        accent-color: var(--primary);
    }
    .checkbox-group label {
        color: var(--text-primary);
        font-size: 0.9em;
        margin-bottom: 0;
    }
    .form-actions {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
    }
    .status-card {
        background: var(--bg-surface);
        border: 1px solid var(--border);
        border-radius: var(--radius-lg);
        padding: 20px;
    }
    .status-card h3 {
        color: var(--primary);
        font-size: 1em;
        font-weight: 600;
        margin-bottom: 16px;
    }
    .status-row {
        display: flex;
        gap: 8px;
        margin-bottom: 8px;
        font-size: 0.85em;
    }
    .status-row:last-child { margin-bottom: 0; }
    .status-label { color: var(--text-muted); }
    .status-value { color: var(--text-secondary); }
    .status-value.active { color: var(--green); }
    .status-value.inactive { color: var(--primary); }
    .status-value.mono {
        font-family: monospace;
        font-size: 0.9em;
        word-break: break-all;
    }
    .status-list {
        margin: 4px 0 14px;
        padding: 10px 12px;
        background: var(--bg-surface);
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        max-height: 220px;
        overflow-y: auto;
        font-family: monospace;
        font-size: 0.76em;
        line-height: 1.5;
        color: var(--text-secondary);
        word-break: break-all;
    }
    .status-list .item { padding: 2px 0; }
    .status-list .item + .item { border-top: 1px dashed var(--border); }
    .status-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 10px; }
    .status-chip {
        background: var(--bg-surface);
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        padding: 8px 12px;
        min-width: 92px;
        text-align: center;
    }
    .status-chip b { display: block; font-size: 1.25em; line-height: 1.1; }
    .status-chip span { font-size: 0.68em; text-transform: uppercase; color: var(--text-muted); letter-spacing: .04em; }
    .tab-nav {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
        margin-bottom: 20px;
        border-bottom: 1px solid var(--border);
    }
    .tab-btn {
        background: none;
        border: none;
        border-bottom: 2px solid transparent;
        color: var(--text-muted);
        font-size: 0.9em;
        font-weight: 600;
        padding: 10px 14px;
        cursor: pointer;
        transition: var(--transition);
    }
    .tab-btn:hover { color: var(--text-primary); }
    .tab-btn.active {
        color: var(--text-primary);
        border-bottom-color: var(--primary);
    }
    .tab-pane { display: none; }
    .tab-pane.active { display: block; }
    .badge {
        display: inline-block;
        padding: 2px 8px;
        border-radius: 999px;
        font-size: 0.72em;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        white-space: nowrap;
    }
    .badge-ok { background: rgba(34,197,94,0.15); color: #22c55e; }
    .badge-warn { background: rgba(245,197,24,0.15); color: var(--gold); }
    .badge-err { background: rgba(229,9,20,0.15); color: var(--primary); }
    .status-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.82em;
    }
    .status-table th {
        text-align: left;
        color: var(--text-muted);
        font-size: 0.75em;
        text-transform: uppercase;
        letter-spacing: 0.4px;
        padding: 8px 10px;
        border-bottom: 1px solid var(--border);
        white-space: nowrap;
    }
    .status-table td {
        padding: 10px;
        border-bottom: 1px solid var(--border);
        color: var(--text-secondary);
        vertical-align: top;
    }
    .status-table tr:last-child td { border-bottom: none; }
    .conn-bar {
        height: 6px;
        background: var(--bg-card);
        border-radius: 999px;
        overflow: hidden;
        margin-top: 4px;
        min-width: 64px;
    }
    .conn-bar > div { height: 100%; background: var(--green); }
    .test-box {
        border: 1px solid var(--border);
        border-radius: var(--radius-md);
        padding: 16px;
        margin-top: 12px;
        background: var(--bg-surface);
    }
    .test-kv {
        display: grid;
        grid-template-columns: 170px 1fr;
        gap: 6px 12px;
        font-size: 0.85em;
    }
    .test-kv .k { color: var(--text-muted); }
    .test-kv .v { color: var(--text-secondary); word-break: break-word; }
    .test-list { margin: 8px 0 0 18px; padding: 0; font-size: 0.85em; color: var(--text-secondary); }
    @media (max-width: 600px) {
        .test-kv { grid-template-columns: 1fr; gap: 2px 0; }
        .test-kv .k { margin-top: 8px; }
    }
    @media (max-width: 768px) {
        .config-page {
            max-width: 100%;
        }
        .config-header h1 {
            font-size: 1.3em;
        }
        .config-form {
            padding: 20px;
        }
        .form-group input[type="text"],
        .form-group input[type="number"] {
            padding: 10px 12px;
            font-size: 0.85em;
        }
        .form-row {
            flex-direction: column;
            gap: 16px;
        }
        .form-row .form-group {
            min-width: 100%;
        }
        .form-actions {
            flex-direction: column;
        }
        .form-actions .btn {
            width: 100%;
            justify-content: center;
        }
        .status-card {
            padding: 16px;
        }
        .status-row {
            flex-direction: column;
            gap: 4px;
        }
    }
    @media (max-width: 480px) {
        .config-header h1 {
            font-size: 1.1em;
        }
        .config-form {
            padding: 16px;
        }
    }
</style>
{% endblock %}
{% block content %}
<div class="config-page">
    <a href="{{ url_for('admin_panel') }}" class="back-link">← Voltar ao Painel</a>

    <div class="config-header">
        <h1>Configurações M3U</h1>
    </div>

    <div class="tab-nav">
        <button type="button" class="tab-btn active" data-tab="config" onclick="switchTab('config')">⚙️ Configurações</button>
        <button type="button" class="tab-btn" data-tab="test" onclick="switchTab('test')">🧪 Testar M3U</button>
        <button type="button" class="tab-btn" data-tab="status" onclick="switchTab('status')">📊 Status das Contas</button>
        <button type="button" class="tab-btn" data-tab="logs" onclick="switchTab('logs')">📜 Logs</button>
    </div>

    <div class="tab-pane active" id="pane-config">

    <form method="POST" class="config-form">
        <div class="form-group">
            <label>URLs M3U / Credenciais (uma por linha)</label>
            <textarea name="m3u_urls" id="m3u-urls-input" rows="8" style="width:100%; padding:12px 14px; background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-md); color:var(--text-primary); font-size:0.82em; font-family:monospace; resize:vertical;">{{ (settings.get('m3u_urls') or [settings.get('m3u_url', '')])|join('\n') }}</textarea>
            <small style="display:block; margin-top:8px; color:var(--text-muted); line-height:1.5;">O catálogo é importado pela primeira lista. Durante cada reprodução, o proxy usa uma credencial diferente para cada sessão ativa quando houver contas livres. Canais, filmes e séries continuam unificados no mesmo catálogo.</small>
        </div>

        <div style="border-top: 1px solid var(--border); margin: 16px 0; padding-top: 16px;">
            <div class="form-group">
                <label>URLs do EPG / Guia de Programas (uma por linha)</label>
                <textarea name="epg_url" id="epg-url-input" rows="6" style="width:100%; padding:12px 14px; background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-md); color:var(--text-primary); font-size:0.82em; font-family:monospace; resize:vertical;">{% set e = settings.get('epg_url') %}{{ (e if e is string else (e or [])|join('\n')) }}</textarea>
                <small style="display:block; margin-top:6px; color:var(--text-muted); line-height:1.5;">Derivado automaticamente de <strong>todas</strong> as listas M3U (<code>get.php</code> &rarr; <code>xmltv.php</code>, mesmo host/credenciais), uma URL por linha. Ao editar as listas acima, este campo se atualiza sozinho. S&oacute; edite manualmente para usar fontes de EPG diferentes.</small>
            </div>
        </div>

        <div style="border-top: 1px solid var(--border); margin: 16px 0; padding-top: 16px;">
            <h4 style="color: var(--gold); margin-bottom: 12px;">🎬 Enriquecimento Xtream</h4>
            <div class="form-group" style="display:flex; justify-content:flex-end;">
                <button type="button" id="btn-force-xtream" class="btn btn-outline" style="border-color:rgba(76,175,80,0.3); color:#4CAF50;" onclick="forceXtream()">🔄 Enriquecer Agora</button>
            </div>
        </div>

        <div style="border-top: 1px solid var(--border); margin: 16px 0; padding-top: 16px;">
            <div class="form-row">
                <div class="form-group">
                    <label>Horas Gratuitas por Dia</label>
                    <input type="number" name="free_daily_hours" value="{{ settings.get('free_daily_hours', 4) }}" min="0.5" max="24" step="0.5">
                </div>
                <div class="form-group" style="justify-content:flex-end; display:flex; padding-top:22px;">
                    <span style="color:var(--text-muted); font-size:0.85em;">Tempo diário para usuários free</span>
                </div>
            </div>
        </div>

        <div class="form-actions">
            <button type="submit" class="btn">Salvar Configurações</button>
            <button type="button" id="btn-force-m3u" class="btn btn-outline" onclick="forceM3U()">🔄 Atualizar tudo (M3U + EPG + Xtream)</button>
            <button type="button" id="btn-force-epg" class="btn btn-outline" style="border-color:rgba(245,197,24,0.3); color:var(--gold);" onclick="forceEPG()">📺 Atualizar EPG</button>
            <a href="{{ url_for('admin_m3u_kill_orphans') }}" class="btn btn-outline" style="border-color:rgba(229,9,20,0.4); color:var(--primary);" onclick="return confirm('Encerrar processos de importacao M3U/EPG travados? Use se o site estiver fora do ar ou uma atualizacao nunca terminar.')">🛑 Encerrar import travado</a>
        </div>
    </form>

    <!-- Progress Bar -->
    <div id="progress-panel" class="config-form" style="margin-top:24px; display:none;">
        <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:16px;">
            <h3 id="progress-title" style="color:var(--text-primary); font-size:1.05em; font-weight:600;">⏳ Atualizacao em andamento...</h3>
            <a id="cancel-btn" href="/admin/m3u/cancel" onclick="return confirm('Cancelar atualizacao?')" style="display:inline-flex; align-items:center; gap:6px; padding:8px 16px; background:rgba(229,9,20,0.1); color:var(--primary); border:1px solid rgba(229,9,20,0.3); border-radius:var(--radius-sm); text-decoration:none; font-size:0.85em; font-weight:600;">✖ Cancelar</a>
        </div>
        <div style="background:var(--bg-surface); border-radius:var(--radius-lg); padding:20px; border:1px solid var(--border);">
            <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:12px;">
                <span id="progress-phase" style="color:var(--text-muted); font-size:0.85em; font-weight:500;">Preparando...</span>
                <span id="progress-percent" style="color:var(--text-primary); font-size:1.4em; font-weight:700;">0%</span>
            </div>
            <div style="width:100%; height:12px; background:var(--bg-card); border-radius:999px; overflow:hidden; margin-bottom:12px; border:1px solid var(--border);">
                <div id="progress-bar" style="height:100%; width:0%; background:linear-gradient(90deg, var(--green), #4ade80); border-radius:999px; transition:width 0.5s ease;"></div>
            </div>
            <div id="progress-message" style="color:var(--text-secondary); font-size:0.85em; margin-bottom:8px;">Aguardando inicio...</div>
            <div id="progress-details" style="display:grid; grid-template-columns:repeat(4, 1fr); gap:8px; margin-top:12px;">
                <div style="text-align:center; padding:8px; background:var(--bg-card); border-radius:var(--radius-sm); border:1px solid var(--border);">
                    <div id="pd-total" style="color:var(--text-primary); font-size:1.1em; font-weight:700;">0</div>
                    <div style="color:var(--text-muted); font-size:0.7em; text-transform:uppercase;">Total</div>
                </div>
                <div style="text-align:center; padding:8px; background:var(--bg-card); border-radius:var(--radius-sm); border:1px solid var(--border);">
                    <div id="pd-processed" style="color:var(--text-primary); font-size:1.1em; font-weight:700;">0</div>
                    <div style="color:var(--text-muted); font-size:0.7em; text-transform:uppercase;">Processados</div>
                </div>
                <div style="text-align:center; padding:8px; background:var(--bg-card); border-radius:var(--radius-sm); border:1px solid var(--border);">
                    <div id="pd-added" style="color:var(--green); font-size:1.1em; font-weight:700;">0</div>
                    <div style="color:var(--text-muted); font-size:0.7em; text-transform:uppercase;">Novos</div>
                </div>
                <div style="text-align:center; padding:8px; background:var(--bg-card); border-radius:var(--radius-sm); border:1px solid var(--border);">
                    <div id="pd-updated" style="color:var(--gold); font-size:1.1em; font-weight:700;">0</div>
                    <div style="color:var(--text-muted); font-size:0.7em; text-transform:uppercase;">Atualizados</div>
                </div>
            </div>
        </div>
    </div>

    <!-- Upload Manual -->
    <div class="config-form" style="margin-top:24px;">
        <h3 style="color:var(--text-primary); font-size:1.05em; font-weight:600; margin-bottom:16px;">📤 Upload Manual de Arquivos</h3>
        <p style="color:var(--text-muted); font-size:0.85em; margin-bottom:20px;">Se a hospedagem nao consegue baixar automaticamente (timeout, cPanel, etc), voce pode enviar o arquivo diretamente.</p>
        <form method="POST" action="{{ url_for('admin_m3u_upload') }}" enctype="multipart/form-data" style="margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid var(--border);">
            <div class="form-group">
                <label>Upload M3U / M3U8 / TXT</label>
                <input type="file" name="m3u_file" accept=".m3u,.m3u8,.txt" required style="width:100%; padding:10px; background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-md); color:var(--text-primary); font-size:0.85em;">
                <small style="display:block; margin-top:6px; color:var(--text-muted);">Selecione o arquivo M3U do seu computador. Será importado diretamente no catálogo.</small>
            </div>
            <button type="submit" class="btn" style="background:var(--green); color:#fff;">📥 Importar M3U</button>
        </form>
        <form method="POST" action="{{ url_for('admin_epg_upload') }}" enctype="multipart/form-data">
            <div class="form-group">
                <label>Upload EPG / XMLTV</label>
                <input type="file" name="epg_file" accept=".xml,.xmltv,.gz" required style="width:100%; padding:10px; background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-md); color:var(--text-primary); font-size:0.85em;">
                <small style="display:block; margin-top:6px; color:var(--text-muted);">Selecione o arquivo EPG (XML ou XMLTV) do seu computador. Aceita também .gz compactado.</small>
            </div>
            <button type="submit" class="btn" style="background:var(--gold); color:#000;">📺 Importar EPG</button>
        </form>
    </div>

    <div class="status-card">
        <h3>Status Atual</h3>
        {% set m3u_list = settings.get('m3u_urls') or [settings.get('m3u_url', '')] %}
        {% set m3u_list = m3u_list | map('trim') | select | list %}
        {% set epg_raw = settings.get('epg_url', '') %}
        {% if epg_raw is string %}{% set epg_list = epg_raw.split('\n') %}{% else %}{% set epg_list = epg_raw or [] %}{% endif %}
        {% set epg_list = epg_list | map('trim') | select | list %}
        {% if cpanel_mode %}
        <div class="status-row" style="margin-top:8px; padding-top:8px; border-top:1px solid var(--border);">
            <span class="status-label">Modo:</span>
            <span class="status-value" style="color:var(--gold);">cPanel - Use Cron Jobs para atualizacoes automaticas</span>
        </div>
        {% endif %}
        <div class="status-row">
            <span class="status-label">Fontes M3U disponiveis:</span>
            <span class="status-value">{{ m3u_list|length }}</span>
        </div>
        <div class="status-list">
            {% for u in m3u_list %}
            <div class="item">{{ loop.index }}. {{ u }}</div>
            {% else %}
            <div class="item" style="color:var(--text-muted);">Nenhuma fonte configurada.</div>
            {% endfor %}
        </div>
        <div class="status-row">
            <span class="status-label">URLs EPG disponiveis:</span>
            <span class="status-value">{{ epg_list|length }}</span>
        </div>
        <div class="status-list">
            {% for u in epg_list %}
            <div class="item">{{ loop.index }}. {{ u }}</div>
            {% else %}
            <div class="item" style="color:var(--text-muted);">Nenhuma EPG configurada (derivada das fontes M3U).</div>
            {% endfor %}
        </div>
    </div>

    </div><!-- /pane-config -->

    <!-- Aba: Testar M3U -->
    <div class="tab-pane" id="pane-test">
        <div class="config-form">
            <h3 style="color:var(--text-primary); font-size:1.05em; font-weight:600; margin-bottom:12px;">🧪 Testar M3U</h3>
            <p style="color:var(--text-muted); font-size:0.85em; margin-bottom:20px; line-height:1.6;">
                Cole a URL da lista. O teste baixa e analisa o arquivo, confere quantos itens foram reconhecidos
                (canais, filmes e séries), testa a reprodução de algumas amostras e consulta a conta Xtream.
                <strong>Nada é gravado no catálogo</strong> — serve justamente para validar antes de forçar uma atualização.
            </p>
            <div class="form-group">
                <label>URL da lista M3U / Xtream</label>
                <textarea id="test-url" rows="3" style="width:100%; padding:12px 14px; background:var(--bg-surface); border:1px solid var(--border); border-radius:var(--radius-md); color:var(--text-primary); font-size:0.82em; font-family:monospace; resize:vertical;">{{ (settings.get('m3u_urls') or [settings.get('m3u_url', '')])[0] }}</textarea>
                <small style="display:block; margin-top:8px; color:var(--text-muted); line-height:1.5;">Aceita lista sem cabeçalho #EXTM3U e listas só com URLs. Deixe em branco para testar a primeira fonte disponivel.</small>
            </div>
            <div class="form-actions">
                <button type="button" id="btn-test-m3u" class="btn" onclick="testM3U()">🧪 Testar agora</button>
            </div>
            <div id="test-result"></div>
        </div>
    </div>

    <!-- Aba: Status das Contas -->
    <div class="tab-pane" id="pane-status">
        <div class="config-form">
            <div style="display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:16px;">
                <div>
                    <h3 style="color:var(--text-primary); font-size:1.05em; font-weight:600; margin-bottom:4px;">📊 Status das Contas M3U</h3>
                    <div id="status-updated" style="color:var(--text-muted); font-size:0.8em;">Carregando...</div>
                </div>
                <div style="display:flex; gap:12px; align-items:center; flex-wrap:wrap;">
                    <label style="display:flex; align-items:center; gap:6px; color:var(--text-muted); font-size:0.82em; cursor:pointer;">
                        <input type="checkbox" id="status-auto" checked onchange="toggleStatusAuto()" style="accent-color:var(--primary);">
                        Atualizar a cada 60s
                    </label>
                    <button type="button" class="btn btn-outline" onclick="loadM3UStatus(true)">🔄 Atualizar</button>
                </div>
            </div>

            <div id="status-catalog" class="status-card" style="margin-bottom:16px;">
                <div style="color:var(--text-muted); font-size:0.85em;">Carregando resumo do catálogo...</div>
            </div>

            <div style="overflow-x:auto;">
                <table class="status-table">
                    <thead>
                        <tr>
                            <th>Conta</th>
                            <th>Status</th>
                            <th>Auth</th>
                            <th>Expira</th>
                            <th>Conexões</th>
                            <th>Plano</th>
                            <th>Última verificação</th>
                            <th>Ações</th>
                        </tr>
                    </thead>
                    <tbody id="status-body">
                        <tr><td colspan="7" style="color:var(--text-muted);">Carregando...</td></tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Aba: Logs -->
    <div class="tab-pane" id="pane-logs">
        <div class="config-form">
            <div style="display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:16px;">
                <div>
                    <h3 style="color:var(--text-primary); font-size:1.05em; font-weight:600; margin-bottom:4px;">📜 Logs das Fontes M3U</h3>
                    <div id="logs-updated" style="color:var(--text-muted); font-size:0.8em;">Carregando...</div>
                </div>
                <div style="display:flex; gap:12px; align-items:center; flex-wrap:wrap;">
                    <label style="display:flex; align-items:center; gap:6px; color:var(--text-muted); font-size:0.82em; cursor:pointer;">
                        <input type="checkbox" id="logs-auto" checked onchange="toggleLogsAuto()" style="accent-color:var(--primary);">
                        Atualizar a cada 60s
                    </label>
                    <button type="button" class="btn btn-outline" onclick="loadM3ULogs()">🔄 Atualizar</button>
                </div>
            </div>
            <div id="logs-content" style="overflow-x:auto;">
                <div style="color:var(--text-muted); padding:20px; text-align:center;">Carregando logs...</div>
            </div>
        </div>
    </div>

</div>

<script>
var pollTimer = null;
var progressUrl = '';
var progressType = '';

function startProgress(type) {
    progressType = type;
    progressUrl = type === 'epg' ? '/api/epg-progress' : (type === 'xtream' ? '/admin/xtream/status' : '/api/m3u-progress');
    var panel = document.getElementById('progress-panel');
    var cancelBtn = document.getElementById('cancel-btn');
    if (cancelBtn) {
        if (type === 'xtream') {
            cancelBtn.style.display = 'none';
        } else {
            cancelBtn.href = type === 'epg' ? '/admin/epg/cancel' : '/admin/m3u/cancel';
            cancelBtn.style.display = 'inline-flex';
        }
    }
    panel.style.display = 'block';
    panel.scrollIntoView({behavior: 'smooth', block: 'start'});
    var titles = {
        'epg': '⏳ Atualizacao EPG em andamento...',
        'xtream': '🎬 Enriquecimento Xtream em andamento...'
    };
    document.getElementById('progress-title').textContent = titles[type] || '⏳ Atualizacao M3U em andamento...';
    pollProgress();
    if (pollTimer) clearInterval(pollTimer);
    pollTimer = setInterval(pollProgress, 2000);
}

function pollProgress() {
    fetch(progressUrl)
    .then(function(r){ return r.json(); })
    .then(function(d) {
        var bar = document.getElementById('progress-bar');
        var pct = document.getElementById('progress-percent');
        var phase = document.getElementById('progress-phase');
        var msg = document.getElementById('progress-message');
        bar.style.width = d.percent + '%';
        pct.textContent = d.percent + '%';
        var phases = {
            'init': 'Inicializando...',
            'm3u': '📡 M3U: baixando e sincronizando...',
            'epg': '📺 EPG: baixando e mapeando guia...',
            'xtream': '🎬 Xtream: capas e sinopses...',
            'partial': '⚠️ Concluido com avisos',
            'parse': '🔎 Lendo a lista...',
            'download': '📡 Baixando...',
            'validate': '🔍 Validando...',
            'import': '⚙️ Importando catalogo...',
            'cleanup': '🧹 Limpando itens ausentes...',
            'movies': '🎬 Processando filmes...',
            'series': '📺 Processando series...',
            'done': '✅ Concluido!',
            'error': '❌ Erro',
            'cancelled': '🚫 Cancelado',
            'idle': 'Aguardando...'
        };
        phase.textContent = phases[d.phase] || d.phase;
        msg.textContent = d.message || '';
        document.getElementById('pd-total').textContent = d.total || 0;
        document.getElementById('pd-processed').textContent = d.processed || 0;
        document.getElementById('pd-added').textContent = d.added || d.movies || 0;
        document.getElementById('pd-updated').textContent = d.updated || d.series || 0;
        if (d.phase === 'done' || d.phase === 'partial' || d.phase === 'error' || d.phase === 'cancelled' || !d.running) {
            clearInterval(pollTimer);
            pollTimer = null;
            var cancelBtn = document.getElementById('cancel-btn');
            if (cancelBtn && progressType !== 'xtream') cancelBtn.style.display = 'none';
            if (d.phase === 'done') {
                bar.style.background = 'linear-gradient(90deg, var(--green), #4ade80)';
                document.getElementById('progress-title').textContent = '✅ Concluido!';
            } else if (d.phase === 'partial') {
                bar.style.background = 'linear-gradient(90deg, var(--gold), #fbbf24)';
                document.getElementById('progress-title').textContent = '⚠️ Atualizacao parcial';
            } else if (d.phase === 'error') {
                bar.style.background = 'linear-gradient(90deg, var(--primary), #ff6b6b)';
                document.getElementById('progress-title').textContent = '❌ Erro na atualizacao';
            } else if (d.phase === 'cancelled') {
                bar.style.background = 'linear-gradient(90deg, var(--gold), #fbbf24)';
                document.getElementById('progress-title').textContent = '🚫 Atualizacao cancelada';
            }
        }
    })
    .catch(function(){});
}

function forceM3U() {
    if (!confirm('Atualizar o catalogo completo agora?\n\n1. Lista M3U (canais, filmes, series)\n2. Guia de programas (EPG)\n3. Capas e sinopses via Xtream')) return;
    fetch('/admin/m3u/update')
    .then(function() { startProgress('m3u'); })
    .catch(function() { startProgress('m3u'); });
}
function forceEPG() {
    if (!confirm('Atualizar Guia de Programas (EPG)?')) return;
    fetch('/admin/epg/refresh')
    .then(function() { startProgress('epg'); })
    .catch(function() { startProgress('epg'); });
}
function forceXtream() {
    if (!confirm('Enriquecer metadados (capas, descricoes)?')) return;
    fetch('/admin/xtream/enrich')
    .then(function() { startProgress('xtream'); })
    .catch(function() { startProgress('xtream'); });
}
// ─── Abas: configuracoes / teste / status ────────────────────────────────
function m3uEsc(value) {
    return String(value === null || value === undefined ? '' : value)
        .replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
        .replace(/"/g, '&quot;').replace(/'/g, '&#39;');
}
function m3uFmtBytes(n) {
    n = Number(n) || 0;
    if (n >= 1048576) return (n / 1048576).toFixed(1) + ' MB';
    if (n >= 1024) return (n / 1024).toFixed(1) + ' KB';
    return n + ' B';
}
function switchTab(name) {
    document.querySelectorAll('.tab-pane').forEach(function(pane) {
        pane.classList.toggle('active', pane.id === 'pane-' + name);
    });
    document.querySelectorAll('.tab-btn').forEach(function(btn) {
        btn.classList.toggle('active', btn.getAttribute('data-tab') === name);
    });
    if (name === 'status') {
        loadM3UStatus(false);
        if (document.getElementById('status-auto').checked) startStatusTimer();
    }
    if (name === 'logs') {
        loadM3ULogs();
        if (document.getElementById('logs-auto').checked) startLogsTimer();
    }
}

// ─── Teste de M3U ────────────────────────────────────────────────────────
function testM3U() {
    var url = document.getElementById('test-url').value.trim();
    var box = document.getElementById('test-result');
    var btn = document.getElementById('btn-test-m3u');
    btn.disabled = true;
    btn.textContent = '⏳ Testando...';
    box.innerHTML = '<div class="test-box" style="color:var(--text-muted);">Baixando e analisando a lista. Isso pode levar alguns segundos...</div>';
    fetch('/admin/m3u/test', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'X-CSRFToken': document.querySelector('meta[name=csrf-token]').content
        },
        body: JSON.stringify({ url: url })
    })
    .then(function(resp) { return resp.json(); })
    .then(function(data) { renderM3UTest(data); })
    .catch(function(err) {
        box.innerHTML = '<div class="test-box" style="color:var(--primary);">❌ Falha no teste: ' + m3uEsc(err) + '</div>';
    })
    .then(function() {
        btn.disabled = false;
        btn.textContent = '🧪 Testar agora';
    });
}

function renderM3UTest(d) {
    var box = document.getElementById('test-result');
    if (!d) { box.innerHTML = ''; return; }
    var html = '<div class="test-box">';
    html += '<div style="margin-bottom:14px;">'
         + '<span class="badge ' + (d.ok ? 'badge-ok' : 'badge-err') + '">' + (d.ok ? 'COMPATÍVEL' : 'NÃO COMPATÍVEL') + '</span>'
         + '<strong style="margin-left:8px;">' + m3uEsc(d.veredito || '') + '</strong></div>';
    html += '<div class="test-kv">';
    function kv(label, value) {
        if (value === undefined || value === null || value === '') return;
        html += '<div class="k">' + m3uEsc(label) + '</div><div class="v">' + value + '</div>';
    }
    kv('URL', '<span style="font-family:monospace; word-break:break-all;">' + m3uEsc(d.url) + '</span>');
    if (d.http_status) kv('HTTP', m3uEsc(d.http_status) + (d.content_type ? ' · ' + m3uEsc(d.content_type) : ''));
    if (d.bytes !== undefined && d.bytes !== null) kv('Tamanho', m3uFmtBytes(d.bytes) + (d.truncated ? ' (parcial)' : ''));
    if (d.has_header !== undefined && d.has_header !== null) kv('Cabeçalho #EXTM3U', d.has_header ? 'Sim' : 'Não (aceito)');
    if (d.urls !== undefined && d.urls !== null) kv('URLs encontradas', m3uEsc(d.urls));
    if (d.entries !== undefined && d.entries !== null) kv('Itens #EXTINF', m3uEsc(d.entries));
    if (d.parsed !== undefined && d.parsed !== null) kv('Itens reconhecidos', m3uEsc(d.parsed));
    if (d.tipos) kv('Por tipo', '📺 ' + (d.tipos.live || 0) + ' canais · 🎬 ' + (d.tipos.movie || 0) + ' filmes · 📽️ ' + (d.tipos.series || 0) + ' séries');
    if (d.total_ms !== undefined && d.total_ms !== null) kv('Tempo', (d.total_ms / 1000).toFixed(1) + 's');
    html += '</div>';

    if (d.errors && d.errors.length) {
        html += '<div style="margin-top:14px; color:var(--primary); font-size:0.85em;"><strong>Erros</strong><ul class="test-list">';
        d.errors.forEach(function(item) { html += '<li>' + m3uEsc(item) + '</li>'; });
        html += '</ul></div>';
    }
    if (d.warnings && d.warnings.length) {
        html += '<div style="margin-top:14px; color:var(--gold); font-size:0.85em;"><strong>Avisos</strong><ul class="test-list">';
        d.warnings.forEach(function(item) { html += '<li>' + m3uEsc(item) + '</li>'; });
        html += '</ul></div>';
    }
    if (d.streams && d.streams.length) {
        html += '<div style="margin-top:16px;"><strong>Teste de reprodução</strong>'
             + '<table class="status-table" style="margin-top:8px;"><thead><tr>'
             + '<th>Tipo</th><th>Amostra</th><th>HTTP</th><th>Conteúdo</th><th>Resultado</th>'
             + '</tr></thead><tbody>';
        d.streams.forEach(function(stream) {
            html += '<tr><td>' + m3uEsc(stream.tipo) + '</td>'
                 + '<td>' + m3uEsc(stream.nome) + '</td>'
                 + '<td>' + m3uEsc(stream.status || '-') + '</td>'
                 + '<td>' + m3uEsc(stream.content_type || '-') + '</td>'
                 + '<td>' + (stream.ok ? '<span class="badge badge-ok">OK</span>'
                        : '<span class="badge badge-err">Falhou</span>' + (stream.erro ? '<div style="color:var(--text-muted); font-size:0.85em; margin-top:4px;">' + m3uEsc(stream.erro) + '</div>' : ''))
                 + '</td></tr>';
        });
        html += '</tbody></table></div>';
    }
    if (d.xtream) {
        var x = d.xtream;
        html += '<div style="margin-top:16px; border-top:1px solid var(--border); padding-top:12px;"><strong>Conta Xtream</strong><div class="test-kv" style="margin-top:8px;">';
        if (x.ok) {
            kv('Usuário', m3uEsc(x.username) + ' @ ' + m3uEsc(x.host));
            kv('Status', m3uStatusBadge(x));
            kv('Autenticação', x.auth === 1 ? 'OK' : 'Falhou');
            kv('Expira', m3uEsc(x.exp_date || 'N/A') + (x.days_left !== null && x.days_left !== undefined ? ' (' + (x.vencido ? 'vencido' : x.days_left + ' dias') + ')' : ''));
            kv('Conexões', (x.active_cons || 0) + ' em uso de ' + (x.max_connections || 0) + ' permitidas');
            kv('Plano', x.is_trial ? 'Teste' : 'Pago');
        } else {
            kv('Erro', m3uEsc(x.erro || 'sem resposta'));
        }
        html += '</div></div>';
    }
    if (d.samples && d.samples.length) {
        html += '<details style="margin-top:14px;"><summary style="cursor:pointer; color:var(--text-muted); font-size:0.85em;">Amostra de itens</summary><ul class="test-list">';
        d.samples.forEach(function(item) {
            html += '<li><strong>' + m3uEsc(item.name) + '</strong> <span style="color:var(--text-muted);">(' + m3uEsc(item.tipo) + (item.group ? ' · ' + m3uEsc(item.group) : '') + ')</span></li>';
        });
        html += '</ul></details>';
    }
    html += '</div>';
    box.innerHTML = html;
}

// ─── Status das contas ───────────────────────────────────────────────────
var statusTimer = null;

function m3uStatusBadge(account) {
    var status = (account.status || '').toLowerCase();
    if (!account.ok) return '<span class="badge badge-err">Erro</span>';
    if (status === 'active' && account.auth === 1) return '<span class="badge badge-ok">Ativo</span>';
    if (account.vencido || status === 'expired') return '<span class="badge badge-err">Vencido</span>';
    if (account.auth !== 1) return '<span class="badge badge-err">Sem acesso</span>';
    return '<span class="badge badge-warn">' + m3uEsc(account.status || '?') + '</span>';
}

function loadM3UStatus(force) {
    fetch('/admin/m3u/status' + (force ? '?force=1' : ''))
        .then(function(resp) { return resp.json(); })
        .then(function(data) { renderM3UStatus(data); })
        .catch(function(err) {
            document.getElementById('status-updated').textContent = 'Erro ao carregar status: ' + err;
        });
}

function renderM3UStatus(d) {
    var data = d || {};
    var catalog = data.catalog || {};
    var accounts = data.accounts || [];
    var catalogBox = document.getElementById('status-catalog');

    var html = '<h3>Catálogo atual</h3><div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); gap:10px;">';
    function chip(label, value, color) {
        html += '<div style="background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius-sm); padding:10px; text-align:center;">'
             + '<div style="color:' + (color || 'var(--text-primary)') + '; font-size:1.15em; font-weight:700;">' + value + '</div>'
             + '<div style="color:var(--text-muted); font-size:0.7em; text-transform:uppercase;">' + label + '</div></div>';
    }
    chip('Canais', catalog.live || 0);
    chip('Filmes', catalog.movie || 0);
    chip('Séries', catalog.series || 0);
    chip('Total', catalog.total || 0);
    html += '</div>';

    var okCount = 0, badCount = 0, soon = 0;
    accounts.forEach(function(account) {
        if (account.ok && (account.status || '').toLowerCase() === 'active' && account.auth === 1) okCount++;
        else badCount++;
        if (account.days_left !== null && account.days_left !== undefined && account.days_left >= 0 && account.days_left <= 7) soon++;
    });

    var sum = data.summary || {};
    function sChip(label, value, color) {
        return '<div class="status-chip"><b style="color:' + color + ';">' + value + '</b><span>' + label + '</span></div>';
    }
    var livreV = sum.livres, quaseV = sum.quase_cheias, cheiaV = sum.cheias, probV = sum.problema, desV = sum.desativadas;
    var restV = (sum.conexoes_restantes === null || sum.conexoes_restantes === undefined) ? '?' : sum.conexoes_restantes;
    html += '<div class="status-chips" style="margin-top:14px;">'
         + sChip('Contas livres', livreV, '#22c55e')
         + sChip('Contas quase cheias', quaseV, 'var(--gold)')
         + sChip('Contas cheias', cheiaV, '#38bdf8')
         + sChip('Com problema', probV, 'var(--primary)')
         + sChip('Desativadas', desV, 'var(--text-muted)')
         + sChip('Conexões livres', restV, '#22c55e')
         + '</div>';
    html += '<div style="color:var(--text-muted); font-size:0.74em; margin:-4px 0 6px;">'
         + 'As cinco primeiras contam as CREDENCIAIS; "Conexões livres" soma as vagas '
         + 'de stream que ainda sobem em todas elas.'
         + '</div>';
    if (sum.sem_dado_conexao) {
        html += '<div style="color:var(--text-muted); font-size:0.74em; margin:-4px 0 6px;">'
             + sum.sem_dado_conexao + ' fonte(s) sem informacao de conexao do provedor.</div>';
    }

    html += '<div style="color:var(--text-muted); font-size:0.82em; margin-top:6px;">'
         + '<span style="color:#22c55e; font-weight:600;">' + okCount + ' ativa(s)</span> · '
         + '<span style="color:' + (badCount ? 'var(--primary)' : 'var(--text-muted)') + '; font-weight:600;">' + badCount + ' com problema</span> · '
         + '<span style="color:' + (soon ? 'var(--gold)' : 'var(--text-muted)') + '; font-weight:600;">' + soon + ' vencendo em até 7 dias</span>'
         + '</div>';
    if (catalog.file_mtime) {
        html += '<div style="color:var(--text-muted); font-size:0.78em; margin-top:6px;">Última atualização do arquivo M3U: '
             + m3uEsc(catalog.file_mtime) + ' · ' + m3uFmtBytes(catalog.file_size) + '</div>';
    }
    catalogBox.innerHTML = html;

    var body = document.getElementById('status-body');
    if (!accounts.length) {
        body.innerHTML = '<tr><td colspan="8" style="color:var(--text-muted);">Nenhuma conta M3U configurada.</td></tr>';
    } else {
        body.innerHTML = accounts.map(function(account) {
            var connections = '-';
            if (account.ok) {
                var used = Number(account.active_cons) || 0;
                var maximum = Number(account.max_connections) || 0;
                var percent = maximum > 0 ? Math.min(100, Math.round(used * 100 / maximum)) : 0;
                var barColor = (maximum > 0 && used >= maximum) ? 'var(--primary)' : 'var(--green)';
                connections = used + ' / ' + maximum
                    + '<div class="conn-bar"><div style="width:' + percent + '%; background:' + barColor + ';"></div></div>';
            }
            var expiry = '-';
            if (account.ok) {
                expiry = m3uEsc(account.exp_date || 'N/A')
                    + (account.days_left !== null && account.days_left !== undefined
                        ? '<div style="color:var(--text-muted); font-size:0.85em;">' + (account.vencido ? 'vencido' : account.days_left + ' dias restantes') + '</div>'
                        : '');
            }
            var auth = !account.ok ? '-' : (account.auth === 1
                ? '<span class="badge badge-ok">OK</span>'
                : '<span class="badge badge-err">Falhou</span>');
            var plan = account.ok ? (account.is_trial ? 'Teste' : 'Pago') : '-';
            var checked = m3uEsc(account.checked_at || '-')
                + (account.ok ? '' : '<div style="color:var(--primary); font-size:0.85em;">' + m3uEsc(account.erro || 'sem resposta') + '</div>');
            var disabled = account.disabled === true || account.usable === false;
            var actions = '<td style="white-space:nowrap;">';
            if (disabled) {
                actions += '<button class="btn btn-sm btn-outline" style="padding:4px 8px; font-size:0.75em;" onclick="m3uAction(' + account.source_index + ', \'unhide\')" title="Reabilitar">👁️ Reabilitar</button> ';
            } else {
                actions += '<button class="btn btn-sm btn-outline" style="padding:4px 8px; font-size:0.75em;" onclick="m3uAction(' + account.source_index + ', \'hide\')" title="Ocultar/Desabilitar">🚫 Ocultar</button> ';
            }
            actions += '<button class="btn btn-sm btn-outline" style="padding:4px 8px; font-size:0.75em; color:var(--primary); border-color:rgba(229,9,20,0.3);" onclick="m3uAction(' + account.source_index + ', \'delete\')" title="Excluir permanentemente">🗑️ Excluir</button>';
            actions += '</td>';
            return '<tr>'
                + '<td><strong>' + m3uEsc(account.username || '-') + '</strong>'
                + '<div style="color:var(--text-muted); font-size:0.85em;">' + m3uEsc(account.host || '') + '</div>'
                + '<div style="color:var(--text-muted); font-size:0.75em; font-family:monospace; word-break:break-all;">' + m3uEsc(account.fonte || '') + '</div></td>'
                + '<td>' + m3uStatusBadge(account) + '</td>'
                + '<td>' + auth + '</td>'
                + '<td>' + expiry + '</td>'
                + '<td>' + connections + '</td>'
                + '<td>' + plan + '</td>'
                + '<td>' + checked + '</td>'
                + actions
                + '</tr>';
        }).join('');
    }
    document.getElementById('status-updated').textContent = 'Atualizado em ' + (data.checked_at || '')
        + (data.count !== undefined ? ' · ' + data.count + ' conta(s)' : '');
}

function startStatusTimer() {
    if (statusTimer) clearInterval(statusTimer);
    statusTimer = setInterval(function() { loadM3UStatus(false); }, 60000);
}
function toggleStatusAuto() {
    if (document.getElementById('status-auto').checked) {
        startStatusTimer();
    } else if (statusTimer) {
        clearInterval(statusTimer);
        statusTimer = null;
    }
}

var logsTimer = null;
function startLogsTimer() {
    if (logsTimer) clearInterval(logsTimer);
    logsTimer = setInterval(function() { loadM3ULogs(); }, 60000);
}
function toggleLogsAuto() {
    if (document.getElementById('logs-auto').checked) {
        startLogsTimer();
    } else if (logsTimer) {
        clearInterval(logsTimer);
        logsTimer = null;
    }
}

function m3uAction(index, action) {
    var labels = { hide: 'ocultar', unhide: 'reabilitar', delete: 'excluir permanentemente' };
    if (!confirm('Tem certeza que deseja ' + labels[action] + ' esta conta M3U?')) return;
    fetch('/admin/m3u/source/' + index + '/' + action, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json', 'X-CSRFToken': document.querySelector('meta[name=csrf-token]').content }
    })
    .then(function(r) { return r.json(); })
    .then(function(d) {
        if (d.ok) {
            loadM3UStatus(true);
        } else {
            alert('Erro: ' + (d.error || 'falha'));
        }
    })
    .catch(function() { alert('Erro de conexão'); });
}

// ─── Logs ───────────────────────────────────────────────────────────────────
function loadM3ULogs() {
    var box = document.getElementById('logs-content');
    box.innerHTML = '<div style="color:var(--text-muted); padding:20px; text-align:center;">Carregando logs...</div>';
    fetch('/admin/m3u/logs?limit=200')
    .then(function(r) { return r.json(); })
    .then(function(d) { renderM3ULogs(d.logs || []); })
    .catch(function() { box.innerHTML = '<div style="color:var(--primary); padding:20px;">Erro ao carregar logs</div>'; });
}

function renderM3ULogs(logs) {
    var box = document.getElementById('logs-content');
    if (!logs.length) {
        box.innerHTML = '<div style="color:var(--text-muted); padding:20px; text-align:center;">Nenhum log encontrado</div>';
        return;
    }
    var html = '<div style="overflow-x:auto;"><table class="status-table"><thead><tr>'
             + '<th>Data/Hora</th><th>Conta</th><th>Ação</th><th>Status</th><th>Mensagem</th><th>Detalhes</th>'
             + '</tr></thead><tbody>';
    logs.forEach(function(log) {
        var statusClass = log.status === 'ok' ? 'badge-ok' : (log.status === 'warn' ? 'badge-warn' : 'badge-err');
        var actionLabel = {
            test: '🧪 Teste', sync: '🔄 Sync', status: '📊 Status',
            proxy_fail: '🔄 Proxy Fail', proxy_failover: '✅ Failover OK',
            health_check: '💚 Health OK', health_fail: '⚠️ Health Falha',
            hide: '🚫 Ocultar', unhide: '👁️ Reabilitar', delete: '🗑️ Excluir'
        }[log.action] || log.action;
        var details = '';
        try {
            if (log.details) {
                var d = JSON.parse(log.details);
                details = '<pre style="margin:0; font-size:0.7em; color:var(--text-muted); white-space:pre-wrap;">' + m3uEsc(JSON.stringify(d, null, 2)) + '</pre>';
            }
        } catch(e) {}
        html += '<tr>'
            + '<td>' + m3uEsc(log.created_at) + '</td>'
            + '<td>' + (log.source_index !== null && log.source_index !== undefined ? '<strong>#' + (log.source_index + 1) + '</strong>' : '-')
                + (log.source_url ? '<div style="font-size:0.7em; color:var(--text-muted); font-family:monospace; word-break:break-all;">' + m3uEsc(log.source_url) + '</div>' : '')
            + '</td>'
            + '<td><span class="badge ' + statusClass + '">' + actionLabel + '</span></td>'
            + '<td><span class="badge ' + statusClass + '">' + log.status.toUpperCase() + '</span></td>'
            + '<td>' + m3uEsc(log.message) + '</td>'
            + '<td>' + details + '</td>'
            + '</tr>';
    });
    html += '</tbody></table></div>';
    box.innerHTML = html;
}

// Verificar se ja esta rodando ao carregar a pagina
(function() {
    fetch('/api/m3u-progress')
    .then(function(r){ return r.json(); })
    .then(function(d) {
        if (d.running) startProgress('m3u');
        else {
            return fetch('/api/epg-progress');
        }
    })
    .then(function(r) { if (r && r.json) return r.json(); })
    .then(function(d) {
        if (d && d.running) startProgress('epg');
        else {
            return fetch('/admin/xtream/status');
        }
    })
    .then(function(r) { if (r && r.json) return r.json(); })
    .then(function(d) {
        if (d && d.running) startProgress('xtream');
    })
    .catch(function(){});
})();

// EPG derivado automaticamente de TODAS as listas M3U (get.php -> xmltv.php),
// uma URL por linha. Ao digitar nas listas, o campo de EPG se atualiza sozinho
// — igual ao backend.
(function() {
    var ta = document.getElementById('m3u-urls-input');
    var epg = document.getElementById('epg-url-input');
    if (!ta || !epg) return;
    function derive(src) {
        src = (src || '').trim();
        if (!src) return '';
        if (/xmltv\.php/i.test(src)) return src;
        var eps = ['get.php', 'player_api.php'];
        for (var i = 0; i < eps.length; i++) {
            if (src.toLowerCase().indexOf(eps[i]) !== -1) {
                return src.replace(new RegExp(eps[i].replace('.', '\\.'), 'i'), 'xmltv.php');
            }
        }
        return '';
    }
    function deriveAll() {
        var lines = ta.value.split(/\r?\n/);
        var out = [];
        for (var i = 0; i < lines.length; i++) {
            var d = derive(lines[i]);
            if (d && out.indexOf(d) === -1) out.push(d);
        }
        return out;
    }
    ta.addEventListener('input', function() {
        var all = deriveAll();
        if (all.length) epg.value = all.join('\n');
    });
})();
</script>
{% endblock %}