{% extends "base.html" %}
{% block title %}Пользователи — Админка{% endblock %}
{% block content %}
<div class="card">
  <div class="toolbar">
    <h2 style="margin:0">Пользователи <span class="muted" style="font-weight:400;font-size:14px">({{ total }})</span></h2>
    <span class="spacer"></span>
    <a class="btn sm {{ 'secondary' if not only_telegram else '' }}" href="/admin/users?only_telegram=1&amp;unverified={{ '1' if unverified else '0' }}">Только TG</a>
    <a class="btn sm {{ 'secondary' if not unverified else '' }}" href="/admin/users?unverified=1&amp;only_telegram={{ '1' if only_telegram else '0' }}">На проверке</a>
    <a class="btn sm" href="/admin/users/new">+ Создать</a>
    <form method="get" action="/admin/users" hx-get="/admin/users"
          hx-target="#user-table" hx-select="tbody" hx-swap="outerHTML"
          hx-trigger="submit, keyup delay:400ms from:find input[name=q]">
      <div class="row">
        <input type="hidden" name="only_telegram" value="{{ '1' if only_telegram else '0' }}">
        <input type="hidden" name="unverified" value="{{ '1' if unverified else '0' }}">
        <input name="q" value="{{ q }}" placeholder="Поиск по email или telegram_id" style="width:280px">
        <button class="btn ghost sm" type="submit">Найти</button>
      </div>
    </form>
  </div>

  <table>
    <thead>
      <tr>
        <th>Email / Telegram</th>
        <th>Роль</th>
        <th>Статус</th>
        <th>TG проверен</th>
        <th>Кредиты</th>
        <th>Создан</th>
        <th></th>
      </tr>
    </thead>
    <tbody id="user-table">
      {% for u in users %}
      <tr>
        <td>
          {{ u.email or '—' }}
          {% if u.telegram_id %}<div class="muted">tg: {{ u.telegram_id }}</div>{% endif %}
        </td>
        <td><span class="pill {{ u.role }}">{{ u.role }}</span></td>
        <td>
          {% if u.is_active %}<span class="pill on">active</span>{% else %}<span class="pill off">blocked</span>{% endif %}
        </td>
        <td>
          {% if u.telegram_verified %}<span class="pill on">да</span>{% else %}<span class="pill warn">на проверке</span>{% endif %}
        </td>
        <td>{{ u.credits_left }}</td>
        <td class="muted">{{ u.created_at | dt }}</td>
        <td><a class="btn ghost sm" href="/admin/users/{{ u.id }}">Открыть</a></td>
      </tr>
      {% else %}
      <tr><td colspan="7"><div class="empty">Ничего не найдено</div></td></tr>
      {% endfor %}
    </tbody>
  </table>

  {% if pages > 1 %}
  <div class="pager">
    {% for p in range(1, pages + 1) %}
      {% if p == page %}<span class="btn sm" style="background:var(--line);cursor:default">{{ p }}</span>
      {% else %}<a class="btn ghost sm" href="/admin/users?q={{ q }}&page={{ p }}">{{ p }}</a>{% endif %}
    {% endfor %}
  </div>
  {% endif %}
</div>
{% endblock %}