{% extends "admin/base.html" %}
{% block page_title %}Користувачі{% endblock %}
{% block content %}
<h1>👥 Користувачі</h1>

<div class="card">
  <div class="table-wrap">
    <table class="responsive-table">
      <tr><th>Ім'я</th><th>Username</th><th>Telegram ID</th><th>Замовлень</th><th>Сума покупок</th><th>Перше замовлення</th><th>Останнє замовлення</th><th></th></tr>
      {% for user, orders_count, total_spent, last_order_at, first_order_at in rows %}
      <tr onclick="location.href='{{ url_for('admin.customers_detail', telegram_id=user.telegram_id) }}'" style="cursor:pointer;">
        <td data-label="Ім'я">{{ user.first_name or '—' }}</td>
        <td data-label="Username" class="muted">{{ '@' + user.username if user.username else '—' }}</td>
        <td data-label="Telegram ID" class="muted">{{ user.telegram_id }}</td>
        <td data-label="Замовлень">{{ orders_count }}</td>
        <td data-label="Сума покупок">{{ total_spent }} грн</td>
        <td data-label="Перше замовлення" class="muted">{{ first_order_at.strftime('%d.%m.%Y') if first_order_at else '—' }}</td>
        <td data-label="Останнє замовлення" class="muted">{{ last_order_at.strftime('%d.%m.%Y') if last_order_at else '—' }}</td>
        <td data-label=""><a class="btn small secondary" href="{{ url_for('admin.customers_detail', telegram_id=user.telegram_id) }}">Відкрити</a></td>
      </tr>
      {% else %}
      <tr><td colspan="8" class="muted">Користувачів ще немає</td></tr>
      {% endfor %}
    </table>
  </div>
</div>
{% endblock %}