{% extends "base.html" %}
{% block page_title %}{{ t('warmup.title') }}{% endblock %}
{% block content %}

<div class="card">
    <h2>{{ t('warmup.scenarios.title') }}</h2>
    <p class="card-hint" id="warmup-scenario-hint">{{ t('warmup.scenarios.hint') }}</p>
    <div class="scenario-row" data-group="scenario">
        <button class="btn ghost active" data-scenario="soft_warmup">{{ t('warmup.scenarios.soft') }}</button>
        <button class="btn ghost" data-scenario="medium_warmup">{{ t('warmup.scenarios.medium') }}</button>
        <button class="btn ghost" data-scenario="active_warmup">{{ t('warmup.scenarios.active') }}</button>
    </div>
</div>

<div class="card">
    <h2>{{ t('warmup.settings.title') }}</h2>
    <div class="grid-2">

        <label class="field">
            <span>{{ t('warmup.settings.threads') }}</span>
            <div class="slider-row">
                <input type="range" min="1" max="8" value="3" id="warmup-threads" data-pref="warmup.threads">
                <span class="pill" id="warmup-threads-val">3</span>
            </div>
        </label>

        <label class="field">
            <span>{{ t('warmup.settings.watch_time') }}</span>
            <div class="slider-row compound">
                <span class="field-prefix">{{ t('warmup.settings.watch_from') }}</span>
                <input type="number" min="1" max="120" value="15" class="num" id="warmup-time-from" data-pref="warmup.watch_time_from">
                <span class="field-prefix">{{ t('warmup.settings.watch_to') }}</span>
                <input type="number" min="1" max="240" value="30" class="num" id="warmup-time-to" data-pref="warmup.watch_time_to">
            </div>
        </label>

        <label class="field">
            <span>{{ t('warmup.settings.like_chance') }}</span>
            <div class="slider-row">
                <input type="range" min="0" max="100" value="30" id="warmup-like" data-pref="warmup.like_chance">
                <span class="pill" id="warmup-like-val">30%</span>
            </div>
        </label>

        <label class="field">
            <span>{{ t('warmup.settings.sub_chance') }}</span>
            <div class="slider-row">
                <input type="range" min="0" max="100" value="5" id="warmup-sub" data-pref="warmup.sub_chance">
                <span class="pill" id="warmup-sub-val">5%</span>
            </div>
        </label>

        <label class="field">
            <span>{{ t('warmup.settings.comment_chance') }}<span class="field-info" title="{{ t('warmup.settings.comment_chance_help') }}">?</span></span>
            <div class="slider-row">
                <input type="range" min="0" max="30" value="0" id="warmup-comment" data-pref="warmup.comment_chance">
                <span class="pill" id="warmup-comment-val">0%</span>
            </div>
        </label>

        <label class="field">
            <span>{{ t('warmup.settings.deep_watch_chance') }}<span class="field-info" title="{{ t('warmup.settings.deep_watch_chance_help') }}">?</span></span>
            <div class="slider-row">
                <input type="range" min="0" max="50" value="10" id="warmup-deep" data-pref="warmup.deep_watch_chance">
                <span class="pill" id="warmup-deep-val">10%</span>
            </div>
        </label>

        <label class="field">
            <span>{{ t('warmup.settings.deep_watch_sec') }}<span class="field-info" title="{{ t('warmup.settings.deep_watch_sec_help') }}">?</span></span>
            <div class="slider-row compound">
                <span class="field-prefix">{{ t('common.from') }}</span>
                <input type="number" min="15" max="600" value="60" class="num" id="warmup-deep-min" data-pref="warmup.deep_watch_min">
                <span class="field-prefix">{{ t('common.to') }}</span>
                <input type="number" min="15" max="600" value="120" class="num" id="warmup-deep-max" data-pref="warmup.deep_watch_max">
            </div>
        </label>

        <label class="field">
            <span>{{ t('warmup.settings.shorts_lang') }}</span>
            <select class="select" id="warmup-shorts-lang" data-pref="warmup.shorts_lang">
                <option value="any">{{ t('warmup.lang.any') }}</option>
                <option value="ru" selected>Русский</option>
                <option value="en">English</option>
                <option value="uk">Українська</option>
                <option value="es">Español</option>
                <option value="pt">Português</option>
                <option value="de">Deutsch</option>
                <option value="fr">Français</option>
            </select>
        </label>

        <label class="field">
            <span>{{ t('warmup.settings.mode') }}<span class="field-info" title="{{ t('warmup.settings.mode_help') }}">?</span></span>
            <select class="select" id="warmup-mode" data-pref="warmup.mode">
                <option value="mixed" selected>{{ t('warmup.mode.mixed') }}</option>
                <option value="shorts">{{ t('warmup.mode.shorts') }}</option>
                <option value="videos">{{ t('warmup.mode.videos') }}</option>
            </select>
        </label>

        <label class="field check-field">
            <input type="checkbox" id="warmup-tg-notify" data-pref="warmup.tg_notify">
            <span>{{ t('warmup.tg_notify') }}</span>
        </label>

        <label class="field check-field">
            <input type="checkbox" id="warmup-auto-create" data-pref="warmup.auto_create_channel">
            <span>{{ t('warmup.settings.auto_create_channel') }}<span class="field-info" title="{{ t('warmup.settings.auto_create_channel_help') }}">?</span></span>
        </label>

        <label class="field check-field">
            <input type="checkbox" id="warmup-headless" data-pref="warmup.headless">
            <span>{{ t('warmup.settings.headless') }}<span class="field-info" title="{{ t('warmup.settings.headless_help') }}">?</span></span>
        </label>

        <label class="field check-field">
            <input type="checkbox" id="warmup-mute-audio" data-pref="warmup.mute_audio" data-default="1">
            <span>{{ t('warmup.settings.mute_audio') }}<span class="field-info" title="{{ t('warmup.settings.mute_audio_help') }}">?</span></span>
        </label>

    </div>
</div>

<div class="card" id="api-phone-card" hidden>
    <h2>Визуальный монитор · API-прогрев</h2>
    <p class="card-hint">Живой вид работы по API — по «телефону» на аккаунт. Показывает открываемое видео под iPhone-личностью. Это визуализация событий, не проигрывание.</p>
    <div class="phone-wall" id="api-phone-wall"></div>
</div>

<div class="card">
    <h2>{{ t('warmup.queue.title') }}</h2>
    <pre class="log-stream" id="warmup-log">{{ t('warmup.queue.empty') }}</pre>
</div>

<div class="card">
    <h2>{{ t('warmup.profiles') }}</h2>
    <p class="card-hint">{{ t('warmup.profiles_hint') }}</p>
    <div class="toolbar">
        <input type="text" class="input" placeholder="{{ t('warmup.filter_group') }}" id="profile-filter">
        <select class="select" id="profile-status-filter" title="{{ t('warmup.filter.status_title') }}">
            <option value="">{{ t('warmup.filter.all_statuses') }}</option>
            <option value="none">{{ t('warmup.filter.none') }}</option>
            <option value="warmed">{{ t('warmup.filter.warmed') }}</option>
            <option value="running">{{ t('warmup.filter.running') }}</option>
            <option value="error_any">{{ t('warmup.filter.error_any') }}</option>
            <option value="error_login">{{ t('warmup.filter.error_login') }}</option>
            <option value="error_no_channel">{{ t('warmup.filter.error_no_channel') }}</option>
            <option value="error_adapter">{{ t('warmup.filter.error_adapter') }}</option>
            <option value="error_no_tiles">{{ t('warmup.filter.error_no_tiles') }}</option>
            <option value="error">{{ t('warmup.filter.error') }}</option>
        </select>
        <button class="btn ghost" data-icon="refresh" data-refresh-profiles>{{ t('common.refresh') }}</button>
        <button class="btn ghost" data-icon="check" data-select-all>{{ t('common.select_all') }}</button>
        <span class="pill count" id="warmup-counter"
              data-counter-empty="{{ t('warmup.counter_selected', n=0) }}"
              data-counter-template="{{ t('warmup.counter_selected_total', n='__N__', total='__T__') }}">{{ t('warmup.counter_selected', n=0) }}</span>
        <div class="toolbar-actions">
            <button class="btn" id="warmup-start" data-icon="play">{{ t('common.start') }}</button>
            <select class="select" id="api-warmup-client" data-pref="api_warmup.client"
                    title="Режим API-прогрева: iPhone = мобильный Safari-контекст под личностью айфона аккаунта (работает), web = десктоп-Chrome. Нативный iOS-app контекст пока закрыт App Attest — не предлагаем.">
                <option value="mweb">API-режим: iPhone (Safari)</option>
                <option value="web">API-режим: web</option>
            </select>
            <label class="check-field" style="margin:0 4px" title="Разрешить реальные записи через API (лайк/подписка/коммент) — по ползункам прогрева. Эксперимент: примет ли YT наш OAuth-токен проверяется на живом акке. По умолчанию ВЫКЛ — API-прогрев только смотрит.">
                <input type="checkbox" id="api-warmup-actions" data-pref="api_warmup.actions">
                <span>Действия по API</span>
            </label>
            <button class="btn ghost" id="api-warmup-start" data-icon="spark"
                    title="Прогрев через YouTube API — без браузера и антидетекта. Открывает ленту и видео под iPhone-личностью аккаунта. Лайк/подписка/коммент — только если включён чекбокс «Действия по API» И аккаунт авторизован. Иначе анонимный обход (только просмотр).">API-прогрев</button>
            <button class="btn ghost" id="warmup-stop" data-icon="pause" title="{{ t('warmup.stop_help') }}">{{ t('warmup.stop') }}</button>
        </div>
    </div>
    <div class="profile-grid empty" id="profile-grid" data-adapter="{{ active_adapter }}">
        <div class="empty-state es-loading">
            <div class="es-icon"><svg viewBox="0 0 24 24" class="es-spin"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="2.4" stroke-dasharray="42 14" stroke-linecap="round"/></svg></div>
            <div class="es-title">{{ t('warmup.loading_profiles', adapter=ANTIDETECTS[active_adapter].label) }}</div>
        </div>
    </div>
</div>

{% endblock %}
{% block scripts %}
<script>
(function(){
    const bind = (range, out, suffix='') => {
        const r = document.getElementById(range), o = document.getElementById(out);
        if (!r || !o) return;
        const upd = () => o.textContent = r.value + suffix;
        r.addEventListener('input', upd); upd();
    };
    bind('warmup-threads', 'warmup-threads-val');
    bind('warmup-like',    'warmup-like-val',    '%');
    bind('warmup-sub',     'warmup-sub-val',     '%');
    bind('warmup-comment', 'warmup-comment-val', '%');
    bind('warmup-deep',    'warmup-deep-val',    '%');

    // Scenario buttons + slider/select persistence + restore on mount.
    if (window.EmberWarmup) {
        window.EmberWarmup.bindControls({
            hintEl: document.getElementById('warmup-scenario-hint'),
            hints: {
                soft_warmup:   '{{ t("warmup.scenarios.soft_hint") }}',
                medium_warmup: '{{ t("warmup.scenarios.medium_hint") }}',
                active_warmup: '{{ t("warmup.scenarios.active_hint") }}',
            },
        });
    }

    // Profile grid (shared with proliv). 1.0.158: autoBind handles the
    // 'profile-*' DOM convention plus a single override for the counter
    // which uses 'warmup-counter' (page-specific) instead of 'profile-counter'.
    if (window.EmberProfiles && window.EmberProfiles.autoBind) {
        window.EmberProfiles.autoBind('profile', {
            counter: document.getElementById('warmup-counter'),
        });
    }

    // START → POST /api/warmup/start with the selected profile checkboxes.
    // Bind UNCONDITIONALLY so the click always fires SOMETHING — earlier
    // we required `window.EmberWarmup` at bind-time, which silently
    // failed if app.js threw before assigning EmberWarmup, leaving the
    // user with a button that did nothing on click.
    const startBtn = document.getElementById('warmup-start');
    const logEl = document.getElementById('warmup-log');
    if (startBtn) {
        startBtn.addEventListener('click', () => {
            console.debug('[warmup] start click — EmberWarmup loaded:', !!window.EmberWarmup);
            // 1.0.227: единый «контрольный канал» — логируем клик и состояние
            // модуля. Если EmberWarmup не загружен — это уйдёт WARN-ом в
            // server telemetry, увижу сразу. Юзер: «особый контроль чтобы
            // все шло сразу».
            const selected = document.querySelectorAll(
                '.profile-card:not(.is-filtered-out) input[data-profile-cb]:checked'
            ).length;
            if (window.EmberLog) {
                window.EmberLog(
                    window.EmberWarmup ? 'INFO' : 'WARN',
                    `warmup-start CLICK selected=${selected} EmberWarmup=${!!window.EmberWarmup}`,
                    {page: 'warmup'}
                );
            }
            if (window.EmberWarmup && typeof window.EmberWarmup.start === 'function') {
                window.EmberWarmup.start({ log: logEl });
            } else if (logEl) {
                // Fallback if app.js failed to load — at least say so.
                logEl.textContent = 'Ошибка: модуль прогрева не загрузился. Проверь консоль (F12) на JS-ошибки и перезапусти Ember.';
                if (window.EmberToast) window.EmberToast('EmberWarmup не загружен — см. консоль', 'err');
            }
        });
    }
    // API-warmup button — browser-less InnerTube pass. Streams into the SAME
    // log the operator is already watching, so it appears in the monitor
    // exactly like the classic warmup.
    const apiBtn = document.getElementById('api-warmup-start');
    if (apiBtn) {
        apiBtn.addEventListener('click', () => {
            if (window.EmberApiWarmup && typeof window.EmberApiWarmup.start === 'function') {
                window.EmberApiWarmup.start({ log: logEl });
            } else if (logEl) {
                logEl.textContent = 'Ошибка: модуль API-прогрева не загрузился. Проверь консоль (F12) и перезапусти Ember.';
                if (window.EmberToast) window.EmberToast('EmberApiWarmup не загружен — см. консоль', 'err');
            }
        });
    }
    // Stop button — sets the cancel flag server-side. The runner picks it
    // up between profiles and between videos within an active session,
    // so already-open profiles finish their current video then close
    // cleanly. New profiles in the same batch don't get started.
    const stopBtn = document.getElementById('warmup-stop');
    if (stopBtn) {
        stopBtn.addEventListener('click', () => {
            stopBtn.disabled = true;
            const orig = stopBtn.textContent;
            stopBtn.textContent = 'Останавливаю…';
            fetch('/api/warmup/stop', { method: 'POST' })
                .then(r => r.json())
                .then(d => {
                    if (window.EmberToast) {
                        let msg;
                        if (d.ok) {
                            const cancelled = d.cancelled || 0;
                            const closed = d.closed || 0;
                            const parts = ['Очередь остановлена'];
                            if (cancelled > 0) parts.push('из очереди снято ' + cancelled);
                            if (closed > 0)    parts.push('закрыто окон ' + closed);
                            parts.push('активные профили допроходят текущее видео');
                            msg = parts.join(' · ');
                        } else {
                            msg = d.error || 'Не получилось остановить';
                        }
                        window.EmberToast(msg, d.ok ? 'ok' : 'err');
                    }
                    if (logEl && d.ok) {
                        const span = document.createElement('span');
                        span.className = 'log-stream-line log-warn';
                        span.textContent = '[' + new Date().toLocaleTimeString() + '] остановка запрошена — допроходим текущие видео и закрываем профили';
                        logEl.appendChild(span);
                        logEl.scrollTop = logEl.scrollHeight;
                    }
                })
                .catch(e => {
                    if (window.EmberToast) window.EmberToast('Сеть: ' + (e.message || e), 'err');
                })
                .finally(() => {
                    setTimeout(() => { stopBtn.disabled = false; stopBtn.textContent = orig; }, 2000);
                });
        });
    }
})();
</script>
{% endblock %}