{% extends "base.html" %}{% block content %}<h1>Sinc Brasil v6</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>
<div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px">
<form method="post" action="/sync"><input type="hidden" name="mode" value="all"><button>Sincronizar Tudo</button></form>
<form method="post" action="/sync"><input type="hidden" name="mode" value="movie"><button>Sincronizar Filmes</button></form>
<form method="post" action="/sync"><input type="hidden" name="mode" value="series"><button>Sincronizar Séries</button></form>
<a id="stopbtn" href="/sync/cancel" style="display:none;padding:8px 14px;background:#dc2626;color:#fff;border-radius:8px;text-decoration:none;font-weight:bold">⏹ Parar</a>
</div>
<p><label style="font-size:13px"><input type="checkbox" id="fastmode" name="speed" value="fast"> Modo rápido (só envia itens novos, pula os que já existem)</label></p>
<script>document.querySelectorAll('form[action="/sync"]').forEach(function(f){f.addEventListener('submit',function(){if(document.getElementById('fastmode')&&document.getElementById('fastmode').checked){var i=document.createElement('input');i.type='hidden';i.name='speed';i.value='fast';f.appendChild(i);}});});</script>
<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"><input type="hidden" name="mode" value="normal"><button onmousedown="return confirm('Limpar filmes do catálogo, HD e XUI?')">Limpar filmes (normal)</button></form>
<form method="post" action="/clear/movies"><input type="hidden" name="mode" value="fast"><button onmousedown="return confirm('Limpeza rápida: só o catálogo local, mantém HD e XUI.')">Limpar filmes (rápida)</button></form>
<form method="post" action="/clear/series"><input type="hidden" name="mode" value="normal"><button onmousedown="return confirm('Limpar séries do catálogo, HD e XUI?')">Limpar séries (normal)</button></form>
<form method="post" action="/clear/series"><input type="hidden" name="mode" value="fast"><button onmousedown="return confirm('Limpeza rápida: só o catálogo local, mantém HD e XUI.')">Limpar séries (rápida)</button></form></div>
<p class="muted">Limpeza <b>normal</b>: apaga do catálogo local, do HD e do XUI. Limpeza <b>rápida</b>: só apaga o catálogo local (mantém o HD e o XUI). Após a limpeza rápida, sincronize de novo para atualizar o 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 fails=0;
var iv = setInterval(function(){
  fetch('/api/sync-progress').then(function(r){
    if(!r.ok) throw new Error('HTTP '+r.status);
    return r.json();
  }).then(function(d){
    fails=0;
    var stopbtn=document.getElementById('stopbtn');
    if(!d || !d.running){
      if(document.getElementById('syncbox').style.display==='block'){document.getElementById('syncbox').style.display='none';stopbtn.style.display='none';if(d && d.label && d.label.indexOf('Sincronizando')<0){location.reload();}}
      stopbtn.style.display='none';
      return;
    }
    stopbtn.style.display='inline-block';
    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';
    if(d.label && d.label.indexOf('travada')>=0){setTimeout(function(){location.reload();},3000);}
  }).catch(function(){
    fails++;
    if(fails>=5){document.getElementById('stopbtn').style.display='inline-block';}
  });
},2000);
</script>
{% endblock %}