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

<div class="card">
    <h2>{{ t('profiles.title') }}</h2>
    <p style="color:var(--text-lo); margin:0 0 12px;">{{ t('profiles.hint') }}</p>
</div>

<!-- 1.0.161: Bulk-create профилей в активном антидетекте (Phase 1).
     Юзер вставляет колонку SOCKS5-прокси → каркас создаёт папку +
     N профилей с именами D1/D2/... и YouTube как стартовая страница.
     Поддерживается на AdsPower и ixBrowser. На других адаптерах
     endpoint вернёт 400 с понятным сообщением. -->
<div class="card" id="bulk-create-card">
    <h2>
        <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-3px; margin-right:6px;">
            <rect x="3" y="4" width="18" height="16" rx="2"/><path d="M12 8v8"/><path d="M8 12h8"/>
        </svg>Массовое создание профилей в антидетекте
    </h2>
    <p class="card-hint">
        Создаёт папку в активном антидетекте и заполняет её профилями. Каждый профиль получает
        отдельный SOCKS5-прокси из вставленного списка, имя по шаблону <code>D1</code>,
        <code>D2</code>, …, стартовая страница — YouTube. Поддерживаются AdsPower и ixBrowser.
    </p>
    <div class="grid-2" style="margin-top:8px;">
        <label class="field">
            <span>Название папки</span>
            <input class="input" type="text" id="bc-folder" placeholder="D-2026-05" autocomplete="off">
        </label>
        <label class="field">
            <span>Префикс имени профилей</span>
            <input class="input" type="text" id="bc-prefix" value="D" maxlength="8" autocomplete="off">
        </label>
        <label class="field">
            <span>Стартовый номер</span>
            <input class="input" type="number" id="bc-start" value="1" min="1" max="9999">
        </label>
        <label class="field">
            <span>Тип прокси</span>
            <input class="input" type="text" value="SOCKS5 (фиксировано)" disabled>
        </label>
    </div>
    <label class="field" style="margin-top:8px;">
        <span>Прокси-лист (одна строка = один профиль)</span>
        <textarea class="queue-input" id="bc-proxies" rows="8" placeholder="host:port&#10;host:port:user:pass&#10;socks5://user:pass@host:port"></textarea>
    </label>
    <div class="queue-actions" style="margin-top:6px;">
        <button class="btn ghost btn-sm" data-queue-import="bc-proxies">{{ t('common.import_file') }}</button>
        <button class="btn ghost btn-sm" data-queue-paste="bc-proxies">{{ t('common.paste_text') }}</button>
        <span class="pill count" id="bc-proxy-count">Строк: 0</span>
    </div>
    <div class="btn-row" style="margin-top:14px;">
        <button class="btn" id="bc-start-btn" data-icon="play">Создать профили</button>
        <span class="onb-msg" id="bc-msg" role="status" style="margin-left:8px;"></span>
    </div>
    <pre class="log-stream" id="bc-log" style="margin-top:12px; max-height:240px;"></pre>
</div>

<div class="card">
    <h2>{{ t('profiles.queues_title') }}</h2>
    <div class="queue-grid">

        <div class="queue">
            <div class="queue-head">
                <b>{{ t('profiles.queue_names') }}</b>
                <span class="pill" id="q-names-count">{{ t('profiles.queue_remaining', n=0) }}</span>
            </div>
            <textarea class="queue-input" id="q-names" placeholder="My Channel&#10;Gaming Hub&#10;Beauty Tips"></textarea>
            <div class="queue-actions">
                <button class="btn ghost btn-sm" data-queue-import="q-names">{{ t('common.import_file') }}</button>
                <button class="btn ghost btn-sm" data-queue-paste="q-names">{{ t('common.paste_text') }}</button>
            </div>
        </div>

        <div class="queue">
            <div class="queue-head">
                <b>{{ t('profiles.queue_handles') }}</b>
                <span class="pill" id="q-handles-count">{{ t('profiles.queue_remaining', n=0) }}</span>
            </div>
            <textarea class="queue-input" id="q-handles" placeholder="@mychannel&#10;@gaminghub&#10;@beautytips"></textarea>
            <div class="queue-actions">
                <button class="btn ghost btn-sm" data-queue-import="q-handles">{{ t('common.import_file') }}</button>
                <button class="btn ghost btn-sm" data-queue-paste="q-handles">{{ t('common.paste_text') }}</button>
            </div>
        </div>

        <div class="queue">
            <div class="queue-head">
                <b>{{ t('profiles.queue_descriptions') }}</b>
                <span class="pill" id="q-desc-count">{{ t('profiles.queue_remaining', n=0) }}</span>
            </div>
            <textarea class="queue-input" id="q-desc" placeholder="One description per blank-line separated block."></textarea>
            <div class="queue-actions">
                <button class="btn ghost btn-sm" data-queue-import="q-desc">{{ t('common.import_file') }}</button>
                <button class="btn ghost btn-sm" data-queue-paste="q-desc">{{ t('common.paste_text') }}</button>
            </div>
        </div>

        <div class="queue">
            <div class="queue-head">
                <b>{{ t('profiles.queue_avatars') }}</b>
                <span class="pill" id="q-avatars-count">{{ t('profiles.queue_remaining', n=0) }}</span>
            </div>
            <div class="dropzone">
                <input type="file" id="q-avatars" multiple accept="image/*" hidden>
                <button class="btn ghost" onclick="document.getElementById('q-avatars').click()">{{ t('common.import_file') }}</button>
                <span style="color:var(--text-lo); font-size:12px;">PNG / JPG, 800x800</span>
            </div>
        </div>

        <div class="queue" style="grid-column: 1 / -1;">
            <div class="queue-head">
                <b>Ссылки в профиль канала (название + URL)</b>
                <span class="pill" id="q-links-count">Осталось: 0</span>
            </div>
            <p class="card-hint" style="margin-top:0;margin-bottom:8px">
                По одной ссылке на строку в формате <code>Название | https://example.com</code>.
                Заполняется в боковую панель канала через studio.youtube.com Customization → Basic info → Links.
                YouTube ограничивает до 5 видимых ссылок на канал.
            </p>
            <textarea class="queue-input" id="q-links" placeholder="Telegram | https://t.me/mychannel&#10;Сайт | https://example.com&#10;Discord | https://discord.gg/abc"></textarea>
            <div class="queue-actions">
                <button class="btn ghost btn-sm" data-queue-import="q-links">{{ t('common.import_file') }}</button>
                <button class="btn ghost btn-sm" data-queue-paste="q-links">{{ t('common.paste_text') }}</button>
            </div>
        </div>

    </div>
</div>

<div class="card">
    <h2>{{ t('warmup.profiles') }}</h2>
    <p class="card-hint">{{ t('profiles.fill_hint') }}</p>
    <div class="toolbar">
        <input type="text" class="input" placeholder="{{ t('warmup.filter_group') }}" id="fill-filter">
        <button class="btn ghost" id="profiles-refresh" data-icon="refresh" data-refresh-fill>{{ t('common.refresh') }}</button>
        <button class="btn ghost" data-icon="check" data-select-all-fill>{{ t('common.select_all') }}</button>
        <span class="pill count" id="fill-counter">Выбрано: 0</span>
        <button class="btn" data-icon="play" data-wip="Запуск заполнения каналов">{{ t('profiles.run') }}</button>
    </div>
    {# 1.0.185: вернул потерянный profile-grid — без него autoBind no-op'ил
       и юзер видел пустую тулбару с «Выбрано: 0» но без карточек. Сам
       autoBindGrid просит элемент `#{prefix}-grid` иначе ничего не рендерит. #}
    <div class="profile-grid empty" id="fill-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>
    <pre class="log-stream">{{ t('profiles.log_empty') }}</pre>
</div>

{% endblock %}
{% block scripts %}
<script>
(function(){
    const bindCount = (input, label, isFile=false) => {
        const i = document.getElementById(input), l = document.getElementById(label);
        if (!i || !l) return;
        const upd = () => {
            const n = isFile
                ? (i.files ? i.files.length : 0)
                : i.value.split(/\n+/).filter(s => s.trim()).length;
            l.textContent = "{{ t('profiles.queue_remaining', n='__N__') }}".replace('__N__', n);
        };
        i.addEventListener(isFile ? 'change' : 'input', upd); upd();
    };
    bindCount('q-names',    'q-names-count');
    bindCount('q-handles',  'q-handles-count');
    bindCount('q-desc',     'q-desc-count');
    bindCount('q-avatars',  'q-avatars-count', true);
    // Links: count rows that have BOTH title and url (split by | or tab).
    (function(){
        const i = document.getElementById('q-links');
        const l = document.getElementById('q-links-count');
        if (!i || !l) return;
        const upd = () => {
            const n = i.value.split(/\n+/).filter(line => {
                const parts = line.split(/\s*[|\t]\s*/);
                return parts.length >= 2 && parts[0].trim() && parts[1].trim().match(/^https?:\/\//);
            }).length;
            l.textContent = 'Осталось: ' + n;
        };
        i.addEventListener('input', upd); upd();
    })();

    // 1.0.185: autoBind заводит fetch профилей и заполняет #fill-grid
    // карточками. Кнопка «Обновить» теперь помечена data-refresh-fill —
    // autoBind сам прицепит соответствующий handler (без полного reload
    // страницы, что было лишним и теряло state очередей в textarea).
    if (window.EmberProfiles && window.EmberProfiles.autoBind) {
        window.EmberProfiles.autoBind('fill');
    }

    // ─── Bulk-create profiles in active antidetect ──────────────────────
    const bcProxies = document.getElementById('bc-proxies');
    const bcCount   = document.getElementById('bc-proxy-count');
    const bcStart   = document.getElementById('bc-start-btn');
    const bcMsg     = document.getElementById('bc-msg');
    const bcLog     = document.getElementById('bc-log');

    function bcUpdateCount() {
        if (!bcProxies || !bcCount) return;
        const n = bcProxies.value.split(/\n+/).filter(s => s.trim()).length;
        bcCount.textContent = 'Строк: ' + n;
    }
    if (bcProxies) bcProxies.addEventListener('input', bcUpdateCount);
    bcUpdateCount();

    function bcAppendLog(text, tone) {
        if (!bcLog) return;
        const span = document.createElement('span');
        span.className = 'log-stream-line' + (tone === 'err' ? ' log-warn' : '');
        const ts = new Date().toLocaleTimeString();
        span.textContent = '[' + ts + '] ' + text + '\n';
        bcLog.appendChild(span);
        bcLog.scrollTop = bcLog.scrollHeight;
    }

    if (bcStart) bcStart.addEventListener('click', async () => {
        const folder = (document.getElementById('bc-folder').value || '').trim();
        const prefix = (document.getElementById('bc-prefix').value || 'D').trim() || 'D';
        const startNum = parseInt(document.getElementById('bc-start').value || '1', 10) || 1;
        const proxies = (bcProxies.value || '').split(/\n+/).map(s => s.trim()).filter(Boolean);

        if (window.EmberLog) window.EmberLog('INFO',
            `bulk-create CLICK folder='${folder}' prefix='${prefix}' start=${startNum} proxies=${proxies.length}`,
            {page:'profiles'});

        if (!folder) {
            if (window.EmberLog) window.EmberLog('WARN', 'bulk-create: empty folder name', {page:'profiles'});
            if (window.EmberToast) window.EmberToast('Введите название папки', 'err');
            return;
        }
        if (!proxies.length) {
            if (window.EmberLog) window.EmberLog('WARN', 'bulk-create: empty proxy list', {page:'profiles'});
            if (window.EmberToast) window.EmberToast('Вставьте прокси-лист', 'err');
            return;
        }
        if (proxies.length > 500) {
            if (window.EmberLog) window.EmberLog('WARN', `bulk-create: too many proxies (${proxies.length} > 500)`, {page:'profiles'});
            if (window.EmberToast) window.EmberToast('Максимум 500 за раз', 'err');
            return;
        }

        bcStart.disabled = true;
        const origLabel = bcStart.textContent;
        bcStart.textContent = 'Создаю…';
        if (bcMsg) bcMsg.textContent = 'Создаю папку «' + folder + '» и ' + proxies.length + ' профилей. Может занять минуту.';
        bcAppendLog('Старт: ' + proxies.length + ' профилей в папку «' + folder + '»');

        try {
            const r = await fetch('/api/antidetect/bulk-create-profiles', {
                method: 'POST',
                headers: {'Content-Type': 'application/json'},
                body: JSON.stringify({
                    folder: folder,
                    prefix: prefix,
                    start_num: startNum,
                    proxies: proxies,
                }),
            });
            const j = await r.json();
            if (!j.ok) {
                if (window.EmberLog) window.EmberLog('WARN',
                    `bulk-create /antidetect/bulk-create-profiles FAIL err='${String(j.error||'').slice(0,200)}'`,
                    {page:'profiles'});
                bcAppendLog('Ошибка: ' + (j.error || 'unknown'), 'err');
                if (bcMsg) { bcMsg.textContent = j.error || 'Ошибка'; bcMsg.className = 'onb-msg err'; }
                if (window.EmberToast) window.EmberToast(j.error || 'Не получилось', 'err');
                return;
            }
            const created = j.created || [];
            const errors = j.errors || [];
            if (window.EmberLog) window.EmberLog(errors.length ? 'WARN' : 'INFO',
                `bulk-create DONE group_id=${j.group_id} created=${created.length} errors=${errors.length}`,
                {page:'profiles'});
            bcAppendLog('Папка создана: id=' + j.group_id);
            for (const c of created) {
                bcAppendLog('✓ ' + c.name + ' → ' + c.proxy_host + ':' + c.proxy_port + ' (pid=' + c.profile_id + ')');
            }
            for (const e of errors) {
                bcAppendLog('✗ ' + e.name + ' (' + e.proxy + '): ' + e.error, 'err');
            }
            if (bcMsg) {
                bcMsg.className = 'onb-msg ' + (errors.length ? 'warn' : 'ok');
                bcMsg.textContent = 'Создано: ' + created.length + (errors.length ? ' · ошибок: ' + errors.length : '');
            }
            if (window.EmberToast) {
                window.EmberToast('Создано ' + created.length + ' профилей' + (errors.length ? ' (с ' + errors.length + ' ошибками)' : ''),
                                  errors.length ? 'warn' : 'ok');
            }
            // Drop the global profile cache so a refresh of the Аккаунты /
            // Прогрев / Залив grid picks up the new entries.
            try { window.__EmberProfilesCache = null; } catch (_) {}
        } catch (e) {
            if (window.EmberLog) window.EmberLog('ERROR', `bulk-create fetch threw: ${e && e.message || e}`, {page:'profiles'});
            bcAppendLog('Сеть: ' + (e.message || e), 'err');
            if (window.EmberToast) window.EmberToast('Сеть: ' + e.message, 'err');
        } finally {
            bcStart.disabled = false;
            bcStart.textContent = origLabel;
        }
    });
})();
</script>
{% endblock %}