{% extends "admin/base.html" %}
{% block page_title %}👥 {{ team.name }}{% endblock %}
{% block content %}
<div class="action-bar">
  <div style="display:flex;align-items:center;gap:0.75rem">
    <a href="{{ url_for('admin.teams_list') }}" class="btn btn-ghost btn-sm">← بازگشت</a>
    <h2 style="font-size:1rem;margin:0">👥 {{ team.name }}</h2>
    <span class="badge badge-cyan">{{ team.game.icon }} {{ team.game.name if team.game else '—' }}</span>
  </div>
  <a href="{{ url_for('admin.team_disband', tid=team.id) }}" class="btn btn-danger btn-sm"
     onclick="return confirm('آیا از انحلال این تیم مطمئن هستید؟')">💥 انحلال تیم</a>
</div>

<div class="card animate-in">
  <div class="flex" style="gap:1.5rem;margin-bottom:1.25rem;flex-wrap:wrap">
    <div>
      <div style="font-size:0.7rem;color:var(--text-muted);text-transform:uppercase">نام تیم</div>
      <div style="font-family:'Orbitron';font-weight:700;color:var(--neon);font-size:1.2rem">{{ team.name }}</div>
    </div>
    <div>
      <div style="font-size:0.7rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:0.3rem">تعداد اعضا</div>
      <div style="font-weight:700">{{ team.member_count }}</div>
    </div>
    <div>
      <div style="font-size:0.7rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:0.3rem">مالک</div>
      <div style="font-size:0.95rem">{{ team.owner.display_name if team.owner else '—' }}</div>
    </div>
  </div>

  <div class="table-wrap">
    <table>
      <thead><tr><th>بازیکن</th><th>شناسه</th><th>نقش</th><th>وضعیت</th><th>اقدام</th></tr></thead>
      <tbody>
        {% for m in team.members %}
        <tr>
          <td style="font-weight:600">{{ m.user.display_name if m.user else '—' }}</td>
          <td style="color:var(--text-muted)">#{{ m.user.numeric_id if m.user else '' }}</td>
          <td>
            <span class="badge {% if m.role=='owner' %}badge-green{% elif m.role=='manager' %}badge-amber{% else %}badge-cyan{% endif %}">{{ m.role }}</span>
          </td>
          <td><span class="badge badge-green">{{ m.status }}</span></td>
          <td>
            {% if m.role != 'owner' %}
            <a href="{{ url_for('admin.team_remove_member', tid=team.id, mem_id=m.id) }}" class="btn btn-danger btn-xs"
               onclick="return confirm('حذف این بازیکن از تیم؟')">حذف</a>
            {% else %}
            <span style="color:var(--text-muted);font-size:0.75rem">—</span>
            {% endif %}
          </td>
        </tr>
        {% else %}
        <tr><td colspan="5" style="text-align:center;color:var(--text-muted);padding:1.5rem">بدون عضو</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}