{% extends "base.html" %}{% block content %}<h1>Sinc Brasil v5</h1><p class="muted">Armazenamento: <b>{{storage}}</b> · Porta: <b>8090</b></p>
{% if request.query_params.get('error') %}<div class="err">{{request.query_params.get('error')}}</div>{% endif %}
{% if request.query_params.get('sync') %}<div class="ok">M3U: {{request.query_params.get('sync')}} itens. {{request.query_params.get('xui','')}}</div>{% endif %}
{% if request.query_params.get('cleared') %}<div class="ok">{{request.query_params.get('cleared')}} removidos do catálogo local e do cache.</div>{% endif %}
<div class="cards"><div class="card">VOD<div class="num">{{total}}</div></div><div class="card">Filmes<div class="num">{{movies}}</div></div><div class="card">Séries<div class="num">{{series}}</div></div><div class="card">Canais<div class="num">{{channels}}</div></div><div class="card">No cache<div class="num">{{cached}}</div></div><div class="card">Cache usado<div class="num">{{size_gb}} GB</div></div></div>
<h3>VOD</h3><form method="post" action="/sync"><button>Sincronizar M3U + XUI agora</button></form>
<a id="stopbtn" href="/sync/cancel" style="display:none;margin-left:10px;padding:8px 14px;background:#dc2626;color:#fff;border-radius:8px;text-decoration:none;font-weight:bold">⏹ Parar sincronização</a>
<p>M3U espelho VOD: <input value="{{request.base_url}}api/m3u?kind=vod" readonly></p>
<div style="display:flex;gap:10px;flex-wrap:wrap"><form method="post" action="/clear/movies" onsubmit="return confirm('APAGAR todos os filmes do catálogo local e do HD?')"><button>Limpar filmes</button></form>
<form method="post" action="/clear/series" onsubmit="return confirm('APAGAR todas as séries do catálogo local e do HD?')"><button>Limpar séries</button></form></div>
<p class="muted">A limpeza remove o catálogo local e os arquivos do cache. Ela não apaga automaticamente os itens já existentes no XUI.</p>
<div id="syncbox" style="display:none;margin-top:14px"><p style="margin:0"><b id="synclabel">Sincronizando…</b></p>
<div style="background:#2a313b;border-radius:8px;height:16px;overflow:hidden"><div id="syncbar" style="background:linear-gradient(90deg,#3b82f6,#22d3ee);height:100%;width:0%;transition:width .4s"></div></div>
<p id="synccount" style="margin:4px 0 0;font-size:12px"></p></div>
<script>
var iv = setInterval(function(){
  fetch('/api/sync-progress').then(function(r){return r.json()}).then(function(d){
    if(!d || !d.running){
      if(document.getElementById('syncbox').style.display==='block'){document.getElementById('syncbox').style.display='none';document.getElementById('stopbtn').style.display='none';if(d && d.label && d.label.indexOf('Sincronizando')<0){location.reload();}}
      return;
    }
    document.getElementById('stopbtn').style.display=(d && d.running)?'inline-block':'none';
    document.getElementById('syncbox').style.display='block';
    document.getElementById('synclabel').textContent = d.label||'Sincronizando…';
    var pct = d.total>0? Math.round(d.done/d.total*100):0;
    document.getElementById('syncbar').style.width = pct+'%';
    document.getElementById('synccount').textContent = d.done+' de '+d.total+' itens';
  }).catch(function(){});
},2000);
</script>
{% endblock %}