{% extends "base.html" %}
{% block body %}
<h1>Воркеры</h1>
<div class="panel">
  <table>
    <tr><th>Имя</th><th>Enabled</th><th>Heartbeat</th><th>Статус</th><th>Job</th><th></th></tr>
    {% for w in workers %}
    <tr>
      <td class="mono">{{ w.name }}</td>
      <td>{% if w.enabled %}<span class="pill ok">enabled</span>{% else %}<span class="pill bad">disabled</span>{% endif %}</td>
      <td>{{ w.heartbeat_at or "нет" }}</td>
      <td>{{ w.status or "" }}</td>
      <td>{{ w.current_job_id or "" }}</td>
      <td><form method="post" action="/workers/{{ w.name }}/toggle"><input type="hidden" name="csrf_token" value="{{ user.csrf_token }}"><button class="btn" type="submit">Вкл/выкл</button></form></td>
    </tr>
    {% endfor %}
  </table>
</div>

<details class="panel" open>
  <summary><strong>Категории публикаций</strong></summary>
  <p class="muted">Активные категории попадают в редакторскую и передаются AI-райтеру как ID, название и тэг. ID стабилен: модель возвращает его в JSON, а тэг подставляется из БД.</p>
  <form class="category-create" method="post" action="/categories/create">
    <input type="hidden" name="csrf_token" value="{{ user.csrf_token }}">
    <label><span>Название</span><input name="name" placeholder="например, разгрузка" required></label>
    <label><span>Тэг</span><input name="tag" placeholder="если пусто, соберётся из названия"></label>
    <button class="btn primary" type="submit">Добавить</button>
  </form>
  <table class="compact-table category-table">
    <tr><th>Название</th><th>Тэг</th><th>ID</th><th>Статус</th><th></th></tr>
    {% for c in categories %}
    <tr>
      <td>
        <form id="category-update-{{ c.id }}" method="post" action="/categories/{{ c.id }}/update">
          <input type="hidden" name="csrf_token" value="{{ user.csrf_token }}">
          <input name="name" value="{{ c.name }}">
        </form>
      </td>
      <td><input form="category-update-{{ c.id }}" name="tag" value="{{ c.tag }}"></td>
      <td><input value="{{ c.sort_order }}" type="number" readonly title="Стабильный ID категории для AI-райтера"></td>
      <td>{% if c.is_active %}<span class="pill ok">активна</span>{% else %}<span class="pill">выключена</span>{% endif %}</td>
      <td class="icon-actions">
        <button class="icon-btn" form="category-update-{{ c.id }}" type="submit" title="Сохранить">✓</button>
        <form method="post" action="/categories/{{ c.id }}/toggle">
          <input type="hidden" name="csrf_token" value="{{ user.csrf_token }}">
          <button class="icon-btn" type="submit" title="{% if c.is_active %}Выключить{% else %}Включить{% endif %}">{% if c.is_active %}⏸{% else %}▶{% endif %}</button>
        </form>
        <form method="post" action="/categories/{{ c.id }}/delete">
          <input type="hidden" name="csrf_token" value="{{ user.csrf_token }}">
          <button class="icon-btn danger" type="submit" title="Удалить из активных">×</button>
        </form>
      </td>
    </tr>
    {% endfor %}
  </table>
</details>

<h2>Настройки</h2>
{% for category, rows in settings|groupby("category") %}
<details class="panel" {% if category == "AI Qualifier" %}open{% endif %}>
  <summary><strong>{{ category_titles.get(category, category) }}</strong></summary>
  <table>
    <tr><th>Ключ</th><th>Значение</th><th>Описание</th></tr>
    {% for s in rows %}
    <tr>
      <td><div class="mono">{{ s.key }}</div><div class="muted">{{ s.title }}</div></td>
      <td>
        <form class="row" method="post" action="/settings/save">
          <input type="hidden" name="csrf_token" value="{{ user.csrf_token }}">
          <input type="hidden" name="key" value="{{ s.key }}">
          {% if s.value_type == "bool" %}
          <select name="value" style="width:120px;">
            <option value="true" {% if s.value_json == true %}selected{% endif %}>true</option>
            <option value="false" {% if s.value_json == false %}selected{% endif %}>false</option>
          </select>
          {% elif s.key in ["ai_qualifier_provider", "ai_writer_provider"] %}
          <select name="value" style="width:260px;">
            {% for p in provider_options %}
            <option value="{{ p.value }}" {% if s.value_json == p.value %}selected{% endif %}>{{ p.label }}</option>
            {% endfor %}
          </select>
          {% elif s.key == "ai_qualifier_model" %}
          <select name="value" style="width:420px; max-width:100%;">
            {% for m in ai_model_options %}
            <option value="{{ m.value }}" {% if s.value_json == m.value %}selected{% endif %}>{{ m.label }}</option>
            {% endfor %}
            {% if s.value_json and s.value_json not in ai_model_options|map(attribute="value")|list %}
            <option value="{{ s.value_json }}">{{ s.value_json }} · текущее значение</option>
            {% endif %}
          </select>
          {% elif s.key == "ai_writer_model" %}
          <select name="value" style="width:420px; max-width:100%;">
            {% for m in writer_model_options %}
            <option value="{{ m.value }}" {% if s.value_json == m.value %}selected{% endif %}>{{ m.label }}</option>
            {% endfor %}
            {% if s.value_json and s.value_json not in writer_model_options|map(attribute="value")|list %}
            <option value="{{ s.value_json }}">{{ s.value_json }} · текущее значение</option>
            {% endif %}
          </select>
          {% elif s.value_type == "secret" %}
          <div class="secret-editor">
            <input class="secret-visible" name="value" value="{{ s.value_json }}" autocomplete="off" spellcheck="false" style="width:420px; max-width:100%;">
            <div class="muted small-help">Ключ показан полностью для удобства. Не открывай эту страницу в демонстрации экрана.</div>
          </div>
          {% elif s.value_type == "text" %}
          <div class="prompt-editor">
            {% if prompt_hints and s.key in prompt_hints %}
            <div class="prompt-hint">
              <strong>{{ prompt_hints[s.key].title }}</strong>
              <div class="muted">{{ prompt_hints[s.key].body }}</div>
              <div class="hint-grid">
                <div>
                  <div class="hint-label">Как безопасно менять</div>
                  <div>{{ prompt_hints[s.key].safe }}</div>
                </div>
                <div>
                  <div class="hint-label">Что приходит на вход</div>
                  <div>{{ prompt_hints[s.key].input }}</div>
                </div>
              </div>
              <details class="nested-details">
                <summary>Базовая форма/пример</summary>
                <pre>{{ prompt_hints[s.key].contract }}</pre>
              </details>
            </div>
            {% endif %}
            <textarea name="value" rows="12" style="width:720px; max-width:100%;">{{ s.value_json }}</textarea>
          </div>
          {% else %}
          <input name="value" value="{{ s.value_json }}" style="width:180px;">
          {% endif %}
          <button class="btn" type="submit">OK</button>
        </form>
      </td>
      <td>{{ s.description }}</td>
    </tr>
    {% endfor %}
  </table>
</details>
{% endfor %}
{% endblock %}