{% extends "admin/base.html" %}
{% block page_title %}👥 مدیریت کاربران{% endblock %}
{% block content %}
<div class="action-bar">
  <div class="search-box">
    <input class="input" type="text" placeholder="جستجو با ایمیل، نام یا ID..." id="userSearch" onkeyup="filterUsers()">
  </div>
</div>
<div class="table-wrap">
  <table id="usersTable">
    <thead><tr>
      <th>ID</th><th>{{ t('email') }}</th><th>{{ t('username') }}</th><th>نقش</th>
      <th>{{ t('status') }}</th>
      <th>{{ t('wallet') }} (ورودی)</th>
      <th>{{ t('wallet') }} (خروجی)</th>
      <th>تاریخ عضویت</th><th>{{ t('action') }}</th>
    </tr></thead>
    <tbody>
      {% for u in users %}
      <tr>
        <td style="color:var(--text-muted)">#{{ u.id }}</td>
        <td><strong>{{ u.email }}</strong></td>
        <td>{{ u.username }}</td>
        <td><span class="badge {% if u.role and u.role.code=='superadmin' %}badge-red{% elif u.role and u.role.code=='admin' %}badge-amber{% else %}badge-green{% endif %}">{{ u.role.name if u.role else '—' }}</span></td>
        <td><span class="badge {% if u.is_active %}badge-green{% else %}badge-red{% endif %}">{{ 'فعال' if u.is_active else 'غیرفعال' }}</span></td>
        <td style="color:var(--neon);font-weight:700">
          {% set w = u.wallets|selectattr('kind','equalto','deposit')|first %}
          {{ "%.2f"|format(w.balance if w else 0) }} USDT
        </td>
        <td style="color:var(--blue);font-weight:700">
          {% set pw = u.wallets|selectattr('kind','equalto','payout')|first %}
          {{ "%.2f"|format(pw.balance if pw else 0) }} USDT
        </td>
        <td>{{ u.created_at.strftime('%Y-%m-%d') }}</td>
        <td>
          <div class="flex" style="gap:0.3rem">
            <a href="{{ url_for('admin.user_toggle', uid=u.id) }}" class="btn btn-outline btn-xs" title="{{ 'غیرفعال' if u.is_active else 'فعال' }}">
              {{ '🔴' if u.is_active else '🟢' }}
            </a>
            <a href="{{ url_for('admin.user_set_role', uid=u.id) }}" class="btn btn-outline btn-xs" title="تغییر نقش">🎭</a>
            <a href="{{ url_for('admin.messages_page', uid=u.id) }}" class="btn btn-outline btn-xs" title="ارسال پیام / نوتیفیکیشن">✉️</a>
          </div>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
<script>
function filterUsers(){
  const q=document.getElementById('userSearch').value.toLowerCase();
  document.querySelectorAll('#usersTable tbody tr').forEach(r=>{
    r.style.display=r.textContent.toLowerCase().includes(q)?'':'none';
  });
}
</script>
{% endblock %}