{% extends "base.html" %}
{% from "_macros.html" import icon %}
{% from "_macros_ui.html" import loading %}
{% block title %}Планировщик — TG Agent{% endblock %}
{% block content %}
<h1>Планировщик</h1>

<div class="card mb-4">
    <div class="card-header fw-semibold">
        Планировщик
        <span class="hint" data-tooltip="Планировщик автоматически ставит задачи в очередь: сбор, статистику">?</span>
    </div>
    <div class="card-body">
        <small class="text-muted d-block mb-2">Автоматическое создание задач: сбор каждые {{ interval_minutes }} мин.</small>
        <p>Статус: <strong>{{ "Запущен" if is_running else "Остановлен" }}</strong></p>
        {% if queue_paused %}
        <p><span class="badge text-bg-warning">Очередь на паузе</span>
           <small class="text-muted">Поставленные задачи ждут возобновления.</small></p>
        {% endif %}

        <div class="scheduler-actions">
            {% if not is_running %}
            <form method="post" action="/scheduler/start" data-busy>
                <button type="submit" class="btn btn-primary">{{ icon("run") }} Запустить</button>
            </form>
            {% else %}
            <form method="post" action="/scheduler/stop" data-busy>
                <button type="submit" class="btn btn-secondary">&#9724; Остановить</button>
            </form>
            {% endif %}
            <form method="post" action="/scheduler/trigger" data-busy>
                <button type="submit" class="btn btn-outline-primary">{{ icon("run") }} Собрать все каналы</button>
            </form>
            {% if queue_paused %}
            <form method="post" action="/scheduler/resume" data-busy>
                <button type="submit" class="btn btn-warning">&#9654; Продолжить очередь</button>
            </form>
            {% else %}
            <form method="post" action="/scheduler/pause" data-busy>
                <button type="submit" class="btn btn-outline-warning">&#9208; Пауза очереди</button>
            </form>
            {% endif %}
            <form method="post" action="/scheduler/test-notification" data-busy>
                <button type="submit" class="btn btn-outline-secondary"
                        {% if not bot_configured %}disabled title="Подключите бот в Настройках → Уведомления"{% endif %}>
                    Тест
                </button>
            </form>
            <button type="button" class="btn btn-outline-info"
                    onclick="dryRunNotifications()"
                    id="dry-run-btn">
                Dry-run
            </button>
        </div>
    </div>
</div>

{# Heavy health and periodic-job sections load lazily (#756). #}
<div hx-get="/scheduler/fragments/health" hx-trigger="load" hx-swap="innerHTML">
    {{ loading(class="my-4") }}
</div>

<div hx-get="/scheduler/fragments/jobs" hx-trigger="load" hx-swap="innerHTML">
    {{ loading(class="my-4") }}
</div>

<!-- Dry-run results (populated via fetch) -->
<div id="dry-run-results" class="mb-4" style="display:none"></div>

<script>
function dryRunNotifications() {
    var btn = document.getElementById('dry-run-btn');
    var container = document.getElementById('dry-run-results');
    setAsyncButtonBusy(btn, true, 'Dry-run');
    fetch('/scheduler/dry-run-notifications', {method: 'POST'})
        .then(function(r) { return r.text(); })
        .then(function(html) {
            container.innerHTML = html;
            container.style.display = '';
        })
        .catch(function() {
            container.innerHTML = '<div class="alert alert-danger">Ошибка при выполнении dry-run</div>';
            container.style.display = '';
        })
        .finally(function() {
            setAsyncButtonBusy(btn, false);
        });
}
</script>
{% endblock %}