{% extends 'admin/layout.html.twig' %}
{% block page_title %}Guidoune Masters{% endblock %}
{% block breadcrumb %}
  <span class="sep">/</span><span class="breadcrumb-text">Guidoune Masters</span>
{% endblock %}

{% block stylesheets %}
  {{ parent() }}
  <style>
    .gm-hero {
      display: flex; flex-direction: column; align-items: center;
      padding: 24px 0 32px; gap: 14px;
    }
    .gm-hero img { width: 240px; height: auto; filter: drop-shadow(0 8px 24px rgba(0,0,0,.6)); }
    .gm-hero .gm-subtitle {
      font-size: .78rem; font-weight: 700; letter-spacing: .3em;
      text-transform: uppercase; color: var(--muted);
    }
    .gm-hero form { margin-top: 6px; }
    .gm-launch {
      padding: 12px 32px; font-size: 1rem;
    }
    .gm-flash {
      background: rgba(248,81,73,.1); border: 1px solid rgba(248,81,73,.4);
      color: var(--danger); padding: 10px 14px; border-radius: 6px;
      font-size: .85rem; margin-bottom: 16px;
    }
    .gm-status-ongoing { color: var(--success); }
    .gm-status-finished { color: var(--muted); }
    .gm-status-waiting { color: var(--accent); }
  </style>
{% endblock %}

{% block content %}
  {% for label, msgs in app.flashes(['error', 'warning', 'success']) %}
    {% for m in msgs %}
      <div class="gm-flash">{{ m }}</div>
    {% endfor %}
  {% endfor %}

  <div class="gm-hero">
    <img src="{{ asset('images/tcg/logo.png') }}" alt="Guidoune Masters">
    <span class="gm-subtitle">TCG CSI World</span>
    <form method="POST" action="{{ path('admin_tcg_new') }}">
      <button type="submit" class="btn btn-primary gm-launch">Nouvelle partie hot-seat</button>
    </form>
  </div>

  <div class="section">
    <div class="section-title">Parties ({{ matches|length }})</div>

    {% if matches|length == 0 %}
      <div class="empty">Aucun match pour l'instant. Lance-en un avec le bouton ci-dessus.</div>
    {% else %}
      <table>
        <thead>
          <tr>
            <th data-sort data-sort-type="num">#</th>
            <th data-sort>Statut</th>
            <th data-sort data-sort-type="num">Tour</th>
            <th>Joueur actif</th>
            <th>Vainqueur</th>
            <th data-sort>Créé le</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          {% for m in matches %}
            {% set state = m.gameState %}
            {% set statusClass = 'gm-status-' ~ m.status %}
            <tr>
              <td>{{ m.id }}</td>
              <td class="{{ statusClass }}">{{ m.status }}</td>
              <td>{{ state.turn ?? '—' }}</td>
              <td>{{ state.activePlayer ?? '—' }}</td>
              <td>{% if m.winner %}{{ m.winner.username }}{% elseif m.status == 'finished' %}Joueur #{{ state.activePlayer ?? '?' }}{% else %}—{% endif %}</td>
              <td>{{ m.createdAt|date('Y-m-d H:i') }}</td>
              <td>
                <div class="actions">
                  <a href="{{ path('admin_tcg_match', {id: m.id}) }}" class="btn btn-edit btn-sm">Ouvrir</a>
                  <form method="POST" action="{{ path('admin_tcg_delete', {id: m.id}) }}" onsubmit="return confirm('Supprimer ce match ?');" style="display:inline">
                    <button type="submit" class="btn btn-delete btn-sm">Supprimer</button>
                  </form>
                </div>
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    {% endif %}
  </div>
{% endblock %}