{# ══════════════════════════════════════════════════════════════════════
   Fragment dynamique du match (swap AJAX)
   Contient : flashes, topbar, board, main du joueur actif, log.
   Le modal et le contexte JS sont dans match.html.twig hors du wrapper.
   ══════════════════════════════════════════════════════════════════════ #}
{% import 'admin/tcg/_macros.html.twig' as helpers %}

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

{# ── Bandeau infos + actions globales ── #}
<div class="gm-topbar">
  <div class="gm-topbar-info">
    <span>Tour <b>{{ state.turn ?? 1 }}</b></span>
    <span>Joueur actif <b>#{{ state.activePlayer ?? '?' }}</b></span>
    <span>Statut <b>{{ match.status }}</b></span>
  </div>
  <div class="gm-topbar-actions">
    {% if match.status != 'finished' %}
      <button type="button" class="btn btn-cancel" onclick="gmRollDice()">🎲 Lancer le dé</button>
      <form method="POST" action="{{ path('admin_tcg_action', {id: match.id}) }}" data-gm-ajax>
        <input type="hidden" name="action" value="end_turn">
        <button type="submit" class="btn btn-primary">Fin de tour</button>
      </form>
    {% endif %}
    <a href="{{ path('admin_tcg_index') }}" class="btn btn-cancel">← Retour</a>
  </div>
</div>

{% if match.status == 'finished' %}
  <div class="gm-victory">
    <h2>Partie terminée</h2>
    <p>Vainqueur : Joueur #{{ state.activePlayer ?? '?' }}
      {% if match.winner %} ({{ match.winner.username }}){% endif %}
    </p>
  </div>
{% endif %}

{# ── Board principal ── #}
<div class="gm-board-wrap">
  <div class="gm-board">

    {# ═════════════ Joueur 2 (haut, miroir) ═════════════ #}
    <div class="gm-player2">
      {{ helpers.renderCamp(state.players[p2Id] ?? {}, p2Id, cardMap, elementsMap, match.id, state.activePlayer, match.status, energyBudgets[p2Id] ?? {}) }}
    </div>

    <div class="gm-mid-sep"></div>

    {# ═════════════ Joueur 1 (bas, orienté normalement) ═════════════ #}
    {{ helpers.renderCamp(state.players[p1Id] ?? {}, p1Id, cardMap, elementsMap, match.id, state.activePlayer, match.status, energyBudgets[p1Id] ?? {}) }}

  </div>
</div>

{# ── Main du joueur actif ── #}
{% set activeP = state.players[state.activePlayer] ?? null %}
{% if activeP %}
  {# Budget par type précalculé côté controller (cf. AdminTcgController::buildMatchViewData). #}
  {% set typeBudget = energyBudgets[state.activePlayer] ?? {} %}

  <div class="section" style="margin-top:20px">
    <div class="section-title">Main du Joueur #{{ state.activePlayer }} ({{ (activeP.hand ?? [])|length }} carte{{ (activeP.hand ?? [])|length > 1 ? 's' : '' }})</div>
    <div class="gm-hand">
      {% if (activeP.hand ?? [])|length == 0 %}
        <div class="gm-hand-empty">Main vide.</div>
      {% else %}
        {% for cid in activeP.hand %}
          {% set card = cardMap[cid] ?? null %}
          {% set handIdx = loop.index0 %}
          <div class="gm-hand-slot">
            {{ helpers.renderCard(card, elementsMap, handIdx) }}
            {% if match.status != 'finished' %}
              <div class="gm-hand-actions">
                {# ── Placer en énergie ── #}
                <form method="POST" action="{{ path('admin_tcg_action', {id: match.id}) }}" style="margin:0" data-gm-ajax>
                  <input type="hidden" name="action" value="place_energy">
                  <input type="hidden" name="handIndex" value="{{ handIdx }}">
                  <button type="submit" class="btn btn-primary"
                          {% if state.energyPlayedThisTurn %}disabled title="Énergie déjà placée ce tour"{% endif %}>
                    → Énergie
                  </button>
                </form>

                {# ── Invoquer (form avec zone + slot + énergie).
                     Pour un Sort : zone forcée à 'spell', slot auto-déterminé côté moteur,
                     et libellé « Activer » à la place de « Invoquer ». #}
                {% set isSpellCard = card and card.cardType == 'spell' %}
                <details class="gm-summon-details">
                  <summary>{{ isSpellCard ? 'Activer' : 'Invoquer' }}</summary>
                  <form method="POST" action="{{ path('admin_tcg_action', {id: match.id}) }}" class="gm-summon-form" data-gm-ajax>
                    <input type="hidden" name="action" value="summon">
                    <input type="hidden" name="handIndex" value="{{ handIdx }}">
                    {% if isSpellCard %}
                      <input type="hidden" name="zone" value="spell">
                      <input type="hidden" name="slot" value="0">
                    {% else %}
                      <label style="font-size:.7rem; color: var(--muted)">Zone
                        <select name="zone">
                          {% if card and card.cardType %}<option value="{{ card.cardType == 'creature' ? 'monster' : card.cardType }}">{{ card.cardTypeLabel }} (suggéré)</option>{% endif %}
                          <option value="monster">Monstre</option>
                          <option value="hero">Héros</option>
                          <option value="spell">Sort</option>
                          <option value="trap">Botte secrète</option>
                        </select>
                      </label>
                      <label style="font-size:.7rem; color: var(--muted)">Slot
                        <select name="slot">
                          <option value="0">0</option>
                          <option value="1">1</option>
                          <option value="2">2</option>
                          <option value="3">3</option>
                        </select>
                      </label>
                    {% endif %}
                    <label style="font-size:.7rem; color: var(--muted)">Payer avec
                      {% set cardTypes = (card ? (card.elementalTypes ?? []) : []) %}
                      {% set summonCost = card ? card.summonCost : 0 %}
                      {# Budget effectif pour un type donné : typeBudget[tid] inclut déjà l'universel
                         s'il y a contribution spécifique, sinon on fallback sur l'universel pur (clé 0).
                         NOTE : on ne construit PAS de map intermédiaire ({tid: eff}) car Twig |merge
                         renumérote les clés entières. On garde deux listes parallèles et on relit
                         typeBudget à l'affichage. #}
                      {% set universelBudget = typeBudget[0] ?? 0 %}
                      {% set payableTypes = [] %}
                      {% set payableBudgets = [] %}
                      {% if cardTypes|length == 0 %}
                        {# Carte sans élément : accepte n'importe quel type dispo. #}
                        {% for tid, avail in typeBudget %}
                          {% if avail >= summonCost %}
                            {% set payableTypes = payableTypes|merge([tid]) %}
                            {% set payableBudgets = payableBudgets|merge([avail]) %}
                          {% endif %}
                        {% endfor %}
                      {% else %}
                        {# Carte typée : chaque type propose specific+universel OU juste universel. #}
                        {% for tid in cardTypes %}
                          {% set eff = typeBudget[tid] ?? universelBudget %}
                          {% if eff >= summonCost %}
                            {% set payableTypes = payableTypes|merge([tid]) %}
                            {% set payableBudgets = payableBudgets|merge([eff]) %}
                          {% endif %}
                        {% endfor %}
                      {% endif %}
                      <select name="energyType">
                        {% if payableTypes|length == 0 %}
                          <option value="-1">Pas de type payable</option>
                        {% else %}
                          {% for tid in payableTypes %}
                            {% set elName = tid == 0 ? 'Sans type' : (elementsMap[tid] is defined ? elementsMap[tid].name : ('Type ' ~ tid)) %}
                            <option value="{{ tid }}">{{ elName }} ({{ payableBudgets[loop.index0] }} disponibles)</option>
                          {% endfor %}
                        {% endif %}
                      </select>
                    </label>
                    <button type="submit" class="btn btn-primary" {% if payableTypes|length == 0 %}disabled{% endif %}>{{ isSpellCard ? 'Activer' : 'Confirmer' }}</button>
                  </form>
                </details>
              </div>
            {% endif %}
          </div>
        {% endfor %}
      {% endif %}
    </div>
  </div>
{% endif %}

{# ── Log ── #}
<div class="gm-sidebar">
  <div class="gm-log">
    <div class="section-title" style="margin-bottom:8px">Log ({{ (state.log ?? [])|length }})</div>
    {% if (state.log ?? [])|length == 0 %}
      <div style="color: var(--muted); font-style: italic">Aucune action enregistrée.</div>
    {% else %}
      {% for entry in (state.log|slice(-20)|reverse) %}
        <div class="gm-log-entry">
          T{{ entry.turn }} · <b>P{{ entry.player }}</b> · {{ entry.action }}
          {% for k, v in entry %}
            {% if k not in ['turn', 'player', 'action'] %}
              {{ k }}={{ v is iterable ? v|json_encode : v }}
            {% endif %}
          {% endfor %}
        </div>
      {% endfor %}
    {% endif %}
  </div>
</div>