{% 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>
    <form method="get" action="/admin/invoices" class="row">
      <select name="status_filter" style="width:auto">
        <option value="">все статусы</option>
        {% for s in statuses %}
        <option value="{{ s }}" {{ 'selected' if s == status_filter else '' }}>{{ s }}</option>
        {% endfor %}
      </select>
      <select name="kind" style="width:auto">
        <option value="">все типы</option>
        {% for k in kinds %}
        <option value="{{ k }}" {{ 'selected' if k == kind else '' }}>{{ k }}</option>
        {% endfor %}
      </select>
      <button class="btn ghost sm" type="submit">Фильтр</button>
    </form>
  </div>

  <table>
    <thead>
      <tr>
        <th>Пользователь</th>
        <th>Тип</th>
        <th>Сумма</th>
        <th>Статус</th>
        <th>Создан</th>
        <th>Оплачен</th>
        <th></th>
      </tr>
    </thead>
    <tbody>
      {% for inv in invoices %}
      <tr>
        <td>
          <a href="/admin/users/{{ inv.user_id }}">{{ inv.email or 'tg ' ~ inv.telegram_id or inv.user_id[:8] }}</a>
        </td>
        <td>{{ inv.kind }}</td>
        <td>{{ inv.amount_rub }} ₽</td>
        <td>
          {% if inv.status == 'succeeded' %}<span class="pill on">{{ inv.status }}</span>
          {% elif inv.status == 'refunded' %}<span class="pill off">{{ inv.status }}</span>
          {% elif inv.status == 'pending' %}<span class="pill warn">{{ inv.status }}</span>
          {% else %}<span class="pill">{{ inv.status }}</span>{% endif %}
        </td>
        <td class="muted">{{ inv.created_at | dt }}</td>
        <td class="muted">{{ inv.paid_at | dt }}</td>
        <td><a class="btn ghost sm" href="/admin/users/{{ inv.user_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/invoices?status_filter={{ status_filter }}&kind={{ kind }}&page={{ p }}">{{ p }}</a>{% endif %}
    {% endfor %}
  </div>
  {% endif %}
</div>
{% endblock %}