{% extends "base.html" %}
{% block content %}
<div class="stats">
  {% for k, label in labels.items() %}
    <div class="stat"><b>{{ counts[k] }}</b><span class="badge {{ k }}">{{ label }}</span></div>
  {% endfor %}
</div>

<form class="search" method="get">
  <input name="q" value="{{ q }}" placeholder="بحث بالاسم أو اليوزر أو الهاتف">
  <button class="btn gray">بحث</button>
</form>

<div class="card scroll">
<table>
  <thead><tr><th>الكابتن</th><th>الدخول</th><th>المتدربون</th><th>الحالة</th><th>ينتهي</th><th>إجراءات</th></tr></thead>
  <tbody>
  {% for c in captains %}
  <tr>
    <td><b>{{ c.full_name }}</b></td>
    <td dir="ltr" style="text-align:right">{{ c.username or "" }}{% if c.username and c.phone %}<br>{% endif %}{{ c.phone or "" }}</td>
    <td>{{ c.trainees_count }}</td>
    <td><span class="badge {{ c.state }}">{{ labels[c.state] }}</span></td>
    <td>{% if c.paid_until %}{{ c.paid_until }}<br><small>{{ c.days_text }}</small>{% else %}—{% endif %}</td>
    <td class="actions">
      <form method="post" action="{{ url_for('admin.extend', uid=c.id) }}">
        <input type="hidden" name="csrf" value="{{ csrf_token() }}">
        <select name="months">
          {% for m in [1,2,3,6,12] %}<option value="{{ m }}">{{ m }} شهر</option>{% endfor %}
        </select>
        <input name="amount" type="number" min="0" step="any" style="width:100px" placeholder="{{ price or 'المبلغ' }}">
        <button class="btn ok">تفعيل / تمديد</button>
      </form>
      {% if c.is_active %}
      <form method="post" action="{{ url_for('admin.deactivate', uid=c.id) }}" onsubmit="return confirm('إيقاف هذا الكابتن وقفل حسابه؟')">
        <input type="hidden" name="csrf" value="{{ csrf_token() }}"><button class="btn bad">إيقاف</button>
      </form>
      {% endif %}
      <form method="post" action="{{ url_for('admin.reset_password', uid=c.id) }}" onsubmit="return confirm('إنشاء كلمة مرور مؤقتة جديدة؟')">
        <input type="hidden" name="csrf" value="{{ csrf_token() }}"><button class="btn gray">إعادة كلمة المرور</button>
      </form>
    </td>
  </tr>
  {% else %}
  <tr><td colspan="6" style="text-align:center;color:var(--muted)">لا يوجد كباتن بعد</td></tr>
  {% endfor %}
  </tbody>
</table>
</div>
<small>الحقل الفارغ للمبلغ = السعر الشهري × عدد الأشهر. المرتّبون أولاً هم الأقرب انتهاءً.</small>
{% endblock %}