{% extends "ui/base_ui.html" %}

{% block title %}Tournaments (admin) - ATP Platform{% endblock %}

{% block content %}
<header style="display:flex;justify-content:space-between;align-items:center;">
  <h1>Tournaments (admin)</h1>
  <a href="/ui/admin/tournaments/new" role="button">New tournament</a>
</header>

<table>
  <thead>
    <tr>
      <th>ID</th>
      <th>Game</th>
      <th>Status</th>
      <th>Rounds</th>
      <th>Players</th>
      <th>Created</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    {% for t in tournaments %}
    <tr>
      <td>#{{ t.id }}</td>
      <td>{{ t.game_type }}</td>
      <td>{{ t.status }}</td>
      <td>{{ t.total_rounds }}</td>
      <td>{{ t.num_players }}</td>
      <td>{{ t.created_at.strftime("%Y-%m-%d %H:%M") }}</td>
      <td style="display:flex;gap:0.5rem;">
        <a href="/ui/admin/tournaments/{{ t.id }}">Open</a>
        {% if t.status in ("pending", "active") %}
        <button type="button"
                class="secondary outline"
                style="padding:0.1rem 0.5rem;"
                hx-post="/api/v1/tournaments/{{ t.id }}/cancel"
                hx-confirm="Cancel tournament #{{ t.id }}? This cannot be undone."
                hx-swap="none"
                hx-on::after-request="if (event.detail.successful) window.location.reload();">
          Cancel
        </button>
        {% endif %}
      </td>
    </tr>
    {% else %}
    <tr><td colspan="7"><em>No tournaments yet.</em></td></tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}