{% extends "base.html" %}
{% block page_title %}RuTube · Прогрев{% endblock %}
{% block content %}

<div class="card" style="border-left:3px solid var(--accent);">
    <h2>🟣 RuTube — Прогрев</h2>
    <p class="card-hint">
        Органическая активность на RuTube через ваш антидетект-профиль: открывает ленту
        rutube.ru, смотрит видео заданное время, по желанию ставит лайки/подписки.
        <b>v1 ездит на живых куках</b> — профиль должен быть залогинен в RuTube вручную.
        Первый прогон с видимым окном — в логи падают строки <code>rt.warm.probe</code>
        для калибровки селекторов.
    </p>
</div>

<div class="card">
    <h2>Профили <span class="pill" id="rtw-prof-count">0 выбрано</span></h2>
    <div class="btn-row compact" style="margin-bottom:10px;">
        <button class="btn ghost" id="rtw-prof-all">Выбрать все</button>
        <button class="btn ghost" id="rtw-prof-none">Снять все</button>
        <button class="btn ghost" id="rtw-prof-reload">↻ Обновить</button>
    </div>
    <div id="rtw-prof-list" style="max-height:280px; overflow:auto; display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:6px;">
        <div class="empty-row">загружаем профили…</div>
    </div>
</div>

<div class="card">
    <h2>Настройки прогрева</h2>
    <label class="field">
        <span>Сколько видео смотреть (от / до)</span>
        <div class="slider-row">
            <input type="number" min="1" max="50" value="4" id="rtw-min-videos" data-pref="rutube_warmup.min_videos" style="width:70px">
            <span>—</span>
            <input type="number" min="1" max="50" value="8" id="rtw-max-videos" data-pref="rutube_warmup.max_videos" style="width:70px">
        </div>
    </label>
    <label class="field">
        <span>Время на видео, сек (от / до)</span>
        <div class="slider-row">
            <input type="number" min="5" max="3600" value="30" id="rtw-wsec-min" data-pref="rutube_warmup.watch_seconds_min" style="width:80px">
            <span>—</span>
            <input type="number" min="5" max="3600" value="120" id="rtw-wsec-max" data-pref="rutube_warmup.watch_seconds_max" style="width:80px">
        </div>
    </label>
    <label class="field">
        <span>Шанс лайка, %</span>
        <div class="slider-row">
            <input type="range" min="0" max="100" step="5" value="0" id="rtw-like" data-pref="rutube_warmup.like_chance">
            <span class="pill" id="rtw-like-val">0%</span>
        </div>
    </label>
    <label class="field">
        <span>Шанс подписки, %</span>
        <div class="slider-row">
            <input type="range" min="0" max="100" step="5" value="0" id="rtw-sub" data-pref="rutube_warmup.sub_chance">
            <span class="pill" id="rtw-sub-val">0%</span>
        </div>
    </label>
    <label class="field">
        <span>Потоки (параллельных профилей)</span>
        <div class="slider-row">
            <input type="range" min="1" max="10" step="1" value="1" id="rtw-threads" data-pref="rutube_warmup.threads">
            <span class="pill" id="rtw-threads-val">1</span>
        </div>
    </label>
    <label class="field check-field" title="Видимое окно профиля — нужно для калибровки селекторов RuTube.">
        <input type="checkbox" id="rtw-show-browser" data-pref="rutube_warmup.show_browser" data-default="1" checked>
        <span>🖥 Показать браузер при прогреве (видимое окно)</span>
    </label>
</div>

<div class="card">
    <div class="btn-row">
        <button class="btn" id="rtw-start">▶ Запустить прогрев RuTube</button>
        <button class="btn ghost" id="rtw-stop">■ Стоп</button>
    </div>
    <pre id="rutube-warmup-log" class="log-stream" style="margin-top:12px; max-height:300px; overflow:auto;"></pre>
</div>

<script>
(function(){
    const $ = (id) => document.getElementById(id);
    function selectedIds(){ return Array.from(document.querySelectorAll('#rtw-prof-list input[type=checkbox]:checked')).map(c => c.value); }
    function refreshCount(){ const el=$('rtw-prof-count'); if(el) el.textContent = selectedIds().length + ' выбрано'; }
    function renderProfiles(list){
        const box=$('rtw-prof-list'); if(!box) return;
        if(!list.length){ box.innerHTML='<div class="empty-row">нет профилей в антидетекте</div>'; return; }
        box.innerHTML = list.map(p => {
            const name=(p.name||p.id||'').toString();
            return '<label class="field check-field" style="margin:0;padding:4px 6px;"><input type="checkbox" value="'+p.id+'">'+
                   '<span style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">'+name+'</span></label>';
        }).join('');
        box.querySelectorAll('input[type=checkbox]').forEach(c=>c.addEventListener('change',refreshCount));
        refreshCount();
    }
    function loadProfiles(){
        const box=$('rtw-prof-list'); if(box) box.innerHTML='<div class="empty-row">загружаем профили…</div>';
        fetch('/api/adapters/{{ active_adapter }}/profiles').then(r=>r.json()).then(d=>{
            renderProfiles((d&&d.ok&&d.profiles)||[]);
        }).catch(()=>{ if(box) box.innerHTML='<div class="empty-row">ошибка загрузки</div>'; });
    }
    $('rtw-prof-all') && $('rtw-prof-all').addEventListener('click',()=>{document.querySelectorAll('#rtw-prof-list input[type=checkbox]').forEach(c=>c.checked=true);refreshCount();});
    $('rtw-prof-none') && $('rtw-prof-none').addEventListener('click',()=>{document.querySelectorAll('#rtw-prof-list input[type=checkbox]').forEach(c=>c.checked=false);refreshCount();});
    $('rtw-prof-reload') && $('rtw-prof-reload').addEventListener('click',loadProfiles);

    const bind=(id,valId,suffix)=>{const el=$(id),v=$(valId); if(el&&v){ const upd=()=>v.textContent=el.value+(suffix||''); el.addEventListener('input',upd); upd(); }};
    bind('rtw-like','rtw-like-val','%'); bind('rtw-sub','rtw-sub-val','%'); bind('rtw-threads','rtw-threads-val','');

    function logLine(t){ const el=$('rutube-warmup-log'); if(el){ el.textContent+=t+'\n'; el.scrollTop=el.scrollHeight; } }

    $('rtw-start') && $('rtw-start').addEventListener('click',()=>{
        const ids=selectedIds();
        if(!ids.length){ window.EmberToast && window.EmberToast('Выберите хотя бы один профиль','err'); return; }
        const body={
            profile_ids: ids,
            min_videos: parseInt($('rtw-min-videos').value||'4',10),
            max_videos: parseInt($('rtw-max-videos').value||'8',10),
            watch_seconds_min: parseInt($('rtw-wsec-min').value||'30',10),
            watch_seconds_max: parseInt($('rtw-wsec-max').value||'120',10),
            like_chance: (parseInt($('rtw-like').value||'0',10)/100),
            sub_chance: (parseInt($('rtw-sub').value||'0',10)/100),
        };
        fetch('/api/rutube/warmup/start',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(body)})
            .then(r=>r.json()).then(d=>{
                if(d.ok){ window.EmberToast && window.EmberToast('RuTube прогрев: '+d.queued+' профилей','ok'); logLine('▶ Прогрев RuTube поставлен: '+d.queued+' профилей.');
                    if(window.EmberRunnerLog) window.EmberRunnerLog.attachTo('rutube-warmup-log'); }
                else { window.EmberToast && window.EmberToast(d.error||'Ошибка','err'); logLine('✖ '+(d.error||'Ошибка')); }
            }).catch(e=>logLine('✖ сеть: '+(e&&e.message||e)));
    });
    $('rtw-stop') && $('rtw-stop').addEventListener('click',()=>{
        fetch('/api/rutube/warmup/stop',{method:'POST'}).then(r=>r.json()).then(d=>logLine('■ Стоп. Отменено: '+(d.cancelled||0))).catch(()=>{});
    });

    loadProfiles();
})();
</script>
{% endblock %}