{# Partial swapped by HTMX after updates. Depends on `user`, `stats`, `roles`. #}
<div class="grid cols-2">
  <div class="card">
    <h2 style="margin-top:0">
      {{ user.email or 'Без email' }}
      {% if user.telegram_id %}<span class="muted" style="font-weight:400">· tg {{ user.telegram_id }}</span>{% endif %}
    </h2>
    <p class="muted" style="margin:0 0 14px">ID: <code>{{ user.id }}</code></p>
    <p class="muted" style="margin:0 0 14px">
      {% if user.telegram_verified %}
        <span class="pill on">TG проверен</span>
      {% else %}
        <span class="pill warn">TG на проверке</span>
      {% endif %}
      {% if user.billing_hold %}
        <span class="pill off">billing hold</span>
      {% endif %}
    </p>

    <div class="grid cols-2" style="margin-bottom:6px">
      <div><div class="stat">{{ user.credits_left }}</div><div class="stat-label">Кредиты</div></div>
      <div><div class="stat">{{ stats.docs_total }}</div><div class="stat-label">Документов</div></div>
      <div><div class="stat" style="color:var(--ok)">{{ stats.docs_done }}</div><div class="stat-label">Успешных</div></div>
      <div>      <div class="stat" style="color:var(--bad)">{{ stats.docs_failed }}</div><div class="stat-label">Ошибок</div></div>
    </div>

    <div class="card" style="margin:14px 0 0">
      <h3 style="margin-top:0">Профиль</h3>
      {% if profile %}
      <p class="muted" style="margin:0 0 6px">
        Язык: {{ {'ru': 'Русский', 'be': 'Беларуская', 'en': 'English'}.get(profile.language, 'не выбран') }}
        · Часовой пояс: {{ profile.timezone or 'не выбран' }}
      </p>
      <p class="muted" style="margin:0 0 6px">
        Уведомления — отчёты: {{ '✔' if profile.notif_prefs.report_ready else '✘' }}
        · безопасность: {{ '✔' if profile.notif_prefs.security else '✘' }}
        · маркетинг: {{ '✔' if profile.notif_prefs.marketing else '✘' }}
      </p>
      <p class="muted" style="margin:0">
        Дашборд — фильтр: {{ profile.dashboard_prefs.severity_filter }}
        · на странице: {{ profile.dashboard_prefs.per_page }}
        · плотность: {{ profile.dashboard_prefs.density }}
      </p>
      {% else %}
      <p class="muted" style="margin:0">Профиль ещё не создан.</p>
      {% endif %}
    </div>

    <div class="card" style="margin:14px 0 0">
      <h3 style="margin-top:0">Подписка</h3>
      {% if subscription %}
      <p class="muted" style="margin:0 0 6px">
        Тариф: {{ subscription.plan_name }} ({{ subscription.plan_code }})
        · {{ subscription.quota_used }} использовано
      </p>
      <p class="muted" style="margin:0 0 10px">Действует до: {{ subscription.period_end[:10] }}</p>
      <button class="btn ghost sm" type="button"
              hx-post="/admin/users/{{ user.id }}/subscription/cancel" hx-target="#user-card" hx-swap="outerHTML">
        Отменить подписку
      </button>
      {% else %}
      <p class="muted" style="margin:0 0 10px">Нет активной подписки.</p>
      <form hx-post="/admin/users/{{ user.id }}/subscription" hx-target="#user-card" hx-swap="outerHTML" class="row">
        <select name="plan_code" style="width:auto">
          <option value="lite">Lite</option>
          <option value="pro">Pro</option>
          <option value="max">Max</option>
        </select>
        <input name="days" type="number" value="30" min="1" style="width:80px">
        <button class="btn" type="submit">Выдать</button>
      </form>
      {% endif %}
    </div>

    {% if user.billing_hold %}
    <div class="card" style="margin:14px 0 0;border-color:var(--bad)">
      <h3 style="margin-top:0">Billing hold</h3>
      <p class="muted" style="margin:0 0 10px">
        Загрузки заблокированы (402) из-за возврата с перерасходом.
      </p>
      <button class="btn danger sm" type="button"
              hx-post="/admin/users/{{ user.id }}/billing-hold/clear"
              hx-target="#user-card" hx-swap="outerHTML"
              hx-confirm="Снять hold и разблокировать загрузки?">
        Снять hold
      </button>
    </div>
    {% endif %}

    <div class="card" style="margin:14px 0 0">
      <h3 style="margin-top:0">Счета</h3>
      {% if invoices %}
      <table>
        <thead>
          <tr><th>Тип</th><th>Сумма</th><th>Статус</th><th>Создан</th><th></th></tr>
        </thead>
        <tbody>
          {% for inv in invoices %}
          <tr>
            <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>
              {% if inv.status == 'succeeded' %}
              <form hx-post="/admin/users/{{ user.id }}/refund"
                    hx-target="#user-card" hx-swap="outerHTML" class="row">
                <input type="hidden" name="invoice_id" value="{{ inv.id }}">
                <button class="btn ghost sm" type="submit"
                        hx-confirm="Вернуть деньги по счёту {{ inv.amount_rub }} ₽?">Вернуть</button>
              </form>
              {% endif %}
            </td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
      <form hx-post="/admin/users/{{ user.id }}/refund"
            hx-target="#user-card" hx-swap="outerHTML" class="row" style="margin-top:12px">
        <input name="invoice_id" placeholder="invoice UUID" style="width:280px">
        <label class="row" style="display:flex;align-items:center;gap:6px;margin:0">
          <input type="checkbox" name="full" style="width:auto">
          <span style="color:var(--muted);font-size:12px">полный возврат (без калькулятора)</span>
        </label>
        <button class="btn danger sm" type="submit"
                hx-confirm="Выполнить возврат вручную?">Вернуть вручную</button>
      </form>
      {% else %}
      <p class="muted" style="margin:0">Счетов нет.</p>
      {% endif %}
    </div>

    <div class="card" style="margin:14px 0 0">
      <h3 style="margin-top:0">История кредитов</h3>
      {% if credit_events %}
      <table>
        <thead>
          <tr><th>Δ</th><th>Тип</th><th>Баланс</th><th>Когда</th></tr>
        </thead>
        <tbody>
          {% for ev in credit_events %}
          <tr>
            <td style="color:{{ 'var(--ok)' if ev.delta > 0 else 'var(--bad)' }}">{{ ev.delta }}</td>
            <td>{{ ev.kind }}</td>
            <td>{{ ev.balance_after }}</td>
            <td class="muted">{{ ev.created_at | dt }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
      {% else %}
      <p class="muted" style="margin:0">Событий пока нет.</p>
      {% endif %}
    </div>
  </div>

  <div class="card">
    <form hx-post="/admin/users/{{ user.id }}" hx-target="#user-card" hx-swap="outerHTML">
      <label for="role">Роль</label>
      <select id="role" name="role">
        {% for r in roles %}
        <option value="{{ r }}" {{ 'selected' if r == user.role else '' }}>{{ r }}</option>
        {% endfor %}
      </select>

      <label for="credits_left">Кредиты</label>
      <div class="row">
        <input id="credits_left" name="credits_left" type="number" min="0" value="{{ user.credits_left }}" style="width:140px">
        <a class="btn ghost sm" hx-get="/admin/users/{{ user.id }}/credits?delta=10" hx-target="#user-card" hx-swap="outerHTML">+10</a>
        <a class="btn ghost sm" hx-get="/admin/users/{{ user.id }}/credits?delta=-1" hx-target="#user-card" hx-swap="outerHTML">−1</a>
        <a class="btn ghost sm" hx-get="/admin/users/{{ user.id }}/credits?delta=100" hx-target="#user-card" hx-swap="outerHTML">+100</a>
      </div>

      <label class="row" style="display:flex;align-items:center;gap:8px;margin-top:16px">
        <input type="checkbox" name="is_active" style="width:auto"
               {{ 'checked' if user.is_active else '' }}>
        <span style="color:var(--ink);font-size:14px">Аккаунт активен</span>
      </label>

      <div class="row" style="margin-top:18px">
        <button class="btn" type="submit">Сохранить</button>
        {% if user.is_active %}
        <button class="btn danger" type="button"
                hx-post="/admin/users/{{ user.id }}/toggle-active" hx-target="#user-card" hx-swap="outerHTML">
          Заблокировать
        </button>
        {% else %}
        <button class="btn" type="button"
                hx-post="/admin/users/{{ user.id }}/toggle-active" hx-target="#user-card" hx-swap="outerHTML">
          Разблокировать
        </button>
        {% endif %}
        {% if not user.telegram_verified %}
        <button class="btn" type="button"
                hx-post="/admin/users/{{ user.id }}/verify-telegram" hx-target="#user-card" hx-swap="outerHTML">
          Подтвердить TG
        </button>
        {% endif %}
      </div>
    </form>
  </div>
</div>