{% extends "admin/base.html" %}
{% block page_title %}📊 داشبورد{% endblock %}
{% block content %}
<!-- STATS -->
<div class="stat-cards">
  <div class="stat-card animate-in">
    <div class="num">{{ users_count }}</div>
    <div class="label">👥 {{ t('users') }}</div>
  </div>
  <div class="stat-card animate-in">
    <div class="num" style="color:var(--accent)">{{ games_count }}</div>
    <div class="label">🎮 {{ t('games') }}</div>
  </div>
  <div class="stat-card animate-in">
    <div class="num" style="color:var(--warning)">{{ matches_count }}</div>
    <div class="label">🏆 {{ t('daily_matches') }}</div>
  </div>
  <div class="stat-card animate-in">
    <div class="num" style="color:var(--success)">{{ txs_today }}</div>
    <div class="label">📅 تراکنش‌های امروز</div>
  </div>
</div>

<!-- RECENT MATCHES -->
<div class="animate-in">
  <div class="section-title">🏆 {{ t('recent_matches') }}</div>
  <div class="table-wrap">
    <table>
      <thead><tr>
        <th>{{ t('match_title') }}</th><th>{{ t('match_game') }}</th><th>{{ t('match_start') }}</th><th>{{ t('match_entry_fee') }}</th><th>{{ t('match_status') }}</th><th>{{ t('action') }}</th>
      </tr></thead>
      <tbody>
        {% for m in matches %}
        <tr>
          <td><strong>{{ m.title }}</strong></td>
          <td>{{ m.game.icon }} {{ m.game.name }}</td>
          <td>{{ m.starts_at.strftime('%Y-%m-%d %H:%M') }}</td>
          <td>{{ m.entry_fee }}</td>
          <td><span class="badge badge-amber">{{ m.status }}</span></td>
          <td>
            <a href="{{ url_for('admin.match_edit', mid=m.id) }}" class="btn btn-outline btn-xs">✏️</a>
            <a href="{{ url_for('admin.match_cancel', mid=m.id) }}" class="btn btn-danger btn-xs" onclick="return confirm('{{ t('confirm_delete') }}')">🗑️</a>
          </td>
        </tr>
        {% else %}
        <tr><td colspan="6" style="text-align:center;color:var(--text-muted)">{{ t('no_data') }}</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>

<!-- SUPPORT MESSAGES -->
<div class="animate-in mt" style="margin-top:2rem">
  <div class="section-title">💬 پیام‌های پشتیبانی اخیر</div>
  <div class="table-wrap">
    <table>
      <thead><tr><th>کاربر</th><th>موضوع</th><th>پیام</th><th>تاریخ</th><th>وضعیت</th></tr></thead>
      <tbody>
        {% for msg in support_messages %}
        <tr>
          <td>{{ msg.user.username if msg.user else 'ناشناس' }}</td>
          <td><strong>{{ msg.subject }}</strong></td>
          <td style="max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">{{ msg.message }}</td>
          <td>{{ msg.created_at.strftime('%Y-%m-%d %H:%M') }}</td>
          <td><span class="badge {% if msg.status == 'open' %}badge-amber{% elif msg.status == 'closed' %}badge-green{% else %}badge-blue{% endif %}">{{ msg.status }}</span></td>
        </tr>
        {% else %}
        <tr><td colspan="5" style="text-align:center;color:var(--text-muted)">پیامی وجود ندارد</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>

<!-- RECENT USERS -->
<div class="animate-in mt" style="margin-top:2rem">
  <div class="section-title">👥 آخرین کاربران</div>
  <div class="table-wrap">
    <table>
      <thead><tr><th>{{ t('email') }}</th><th>{{ t('username') }}</th><th>{{ t('created') }}</th><th>{{ t('status') }}</th></tr></thead>
      <tbody>
        {% for u in users %}
        <tr>
          <td>{{ u.email }}</td><td>{{ u.username }}</td>
          <td>{{ u.created_at.strftime('%Y-%m-%d') }}</td>
          <td><span class="badge {% if u.is_active %}badge-green{% else %}badge-red{% endif %}">{{ 'فعال' if u.is_active else 'غیرفعال' }}</span></td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}