{% extends 'admin/layout.html.twig' %}
{% block page_title %}Cartes à jouer{% endblock %}
{% block breadcrumb %}<span class="sep">/</span><span class="breadcrumb-text">Cartes</span>{% endblock %}
{% block header_action %}<a href="{{ path('admin_trading_card_new') }}" class="btn btn-primary">+ Nouvelle carte</a>{% endblock %}

{% block content %}
<div class="toolbar">
  <span class="toolbar-count">{{ cards|length }} carte{{ cards|length != 1 ? 's' }}</span>
</div>
{% if cards is empty %}
  <p class="empty">Aucune carte. <a href="{{ path('admin_trading_card_new') }}">Créer la première →</a></p>
{% else %}
<table>
  <thead><tr>
    <th data-sort="id" data-sort-type="num">ID</th>
    <th data-sort="number" data-sort-type="num">N°</th>
    <th data-sort="name">Nom</th>
    <th>Type</th>
    <th>Classification</th>
    <th data-sort="rarity" data-sort-type="num">Rareté</th>
    <th data-sort="cost" data-sort-type="num">Coût</th>
    <th data-sort="value" data-sort-type="num">Valeur</th>
    <th>Passifs / Sorts</th>
    <th>Publié</th>
    <th></th>
  </tr></thead>
  <tbody>
  {% for card in cards %}
  <tr data-id="{{ card.id }}">
    <td>{{ card.id }}</td>
    <td>{{ card.number }}</td>
    <td>{{ card.name }}</td>
    <td><span class="badge badge-type">{{ card.cardTypeLabel }}</span></td>
    <td>{% if card.classification %}{{ card.classification }}{% else %}<span class="dash">—</span>{% endif %}</td>
    <td>{{ card.rarity }}</td>
    <td>{{ card.summonCost }}</td>
    <td>{{ card.cardValue }}</td>
    <td>{{ card.passives|length }} / {{ card.skills|length }}</td>
    <td>{% if card.published %}<span class="check">✓</span>{% else %}<span class="dash">—</span>{% endif %}</td>
    <td>
      <div class="actions">
        <a href="{{ path('admin_trading_card_preview', {id: card.id}) }}" class="btn btn-sm">Voir</a>
        <a href="{{ path('admin_trading_card_edit', {id: card.id}) }}" class="btn btn-sm btn-edit">Modifier</a>
        <form method="post" action="{{ path('admin_trading_card_delete', {id: card.id}) }}"
              onsubmit="return confirm('Supprimer « {{ card.name }} » ?')">
          <button type="submit" class="btn btn-sm btn-delete">Supprimer</button>
        </form>
      </div>
    </td>
  </tr>
  {% endfor %}
  </tbody>
</table>
{% endif %}
{% endblock %}