{% extends "base.html" %}
{% block title %}کاربران{% endblock %}
{% block page_title %}کاربران{% endblock %}
{% block content %}

<div class="table-wrap">
  <div class="table-header">
    <h3>👥 کاربران ({{ users|length }})</h3>
  </div>
  <table>
    <thead><tr><th>آیدی</th><th>نام</th><th>یوزرنیم</th><th>تلفن</th><th>وضعیت</th><th>کیف پول</th><th>امتیاز</th><th>تاریخ</th><th>عملیات</th></tr></thead>
    <tbody>
    {% for u in users %}
    <tr>
      <td style="font-size:12px;color:var(--muted)">{{ u.user_id }}</td>
      <td>
        {{ u.full_name or '?' }}
        {% if u.is_vip %}<span class="badge badge-vip" style="margin-right:4px">👑 VIP</span>{% endif %}
      </td>
      <td style="color:var(--muted)">@{{ u.username or '—' }}</td>
      <td style="font-size:12px">{{ u.phone or '—' }}</td>
      <td>
        {% if u.is_blacklisted %}<span class="badge badge-bl">⛔ مسدود</span>
        {% elif u.is_verified %}<span class="badge badge-confirmed">✅ احراز</span>
        {% else %}<span class="badge badge-pending">⏳ احراز نشده</span>{% endif %}
      </td>
      <td>{{ "{:,}".format(u.wallet or 0) }} ت</td>
      <td>⭐ {{ u.points or 0 }}</td>
      <td style="font-size:11px;color:var(--muted)">{{ (u.joined_at or '')[:10] }}</td>
      <td>
        <div style="display:flex;gap:6px;flex-wrap:wrap">
        {% if u.is_blacklisted %}
          <form method="POST" action="/user/{{ u.user_id }}/unblacklist" style="display:inline">
            <button class="btn btn-green" type="submit">رفع مسدود</button>
          </form>
        {% else %}
          <form method="POST" action="/user/{{ u.user_id }}/blacklist" style="display:inline">
            <button class="btn btn-red" type="submit">⛔ مسدود</button>
          </form>
        {% endif %}
        <button class="btn btn-orange" onclick="openWallet({{ u.user_id }}, '{{ u.full_name }}')">👛 کیف پول</button>
        </div>
      </td>
    </tr>
    {% endfor %}
    </tbody>
  </table>
</div>

<div class="modal-overlay" id="walletModal">
  <div class="modal">
    <h3>👛 افزودن موجودی کیف پول</h3>
    <p id="walletUser" style="color:var(--muted);font-size:13px;margin-bottom:16px"></p>
    <form method="POST" id="walletForm">
      <div class="form-group">
        <label>مبلغ (تومان) - برای کسر، منفی وارد کن</label>
        <input type="number" name="amount" placeholder="مثلاً: 50000" required>
      </div>
      <div class="modal-btns">
        <button type="submit" class="btn btn-primary">✅ ثبت</button>
        <button type="button" class="btn btn-red" onclick="document.getElementById('walletModal').classList.remove('open')">لغو</button>
      </div>
    </form>
  </div>
</div>
<script>
function openWallet(id, name){
  document.getElementById('walletUser').textContent = '👤 ' + name;
  document.getElementById('walletForm').action='/user/'+id+'/wallet';
  document.getElementById('walletModal').classList.add('open');
}
</script>
{% endblock %}