{% extends 'admin/layout.html.twig' %}
{% block page_title %}Personnages{% endblock %}
{% block breadcrumb %}<span class="sep">/</span><span class="breadcrumb-text">Personnages</span>{% endblock %}
{% block header_action %}<a href="{{ path('admin_character_new') }}" class="btn btn-primary">+ Nouveau personnage</a>{% endblock %}

{% block content %}
<div class="toolbar">
  <span class="toolbar-count">{{ characters|length }} personnage{{ characters|length != 1 ? 's' }}</span>
</div>
{% if characters is empty %}
  <p class="empty">Aucun personnage. <a href="{{ path('admin_character_new') }}">Créer le premier →</a></p>
{% else %}
<table>
  <thead><tr>
    <th data-sort="id" data-sort-type="num">ID</th><th>Apparence</th><th data-sort="name">Nom</th><th>Jeu</th><th></th>
  </tr></thead>
  <tbody>
  {% for character in characters %}
  <tr data-game="{{ character.gameId }}" data-id="{{ character.id }}">
    <td>{{ character.id }}</td>
    <td>
      {% if character.appearance %}
        <img src="{{ asset(character.appearance) }}" alt="{{ character.name }}" style="width:48px;height:48px;object-fit:contain;border-radius:4px;background:#0d1117;">
      {% else %}
        <span class="dash">—</span>
      {% endif %}
    </td>
    <td>{{ character.name }}</td>
    <td><span class="badge badge-game">{{ ('game.id.' ~ character.gameId)|trans({}, 'game') }}</span></td>
    <td>
      <div class="actions">
        <a href="{{ path('admin_character_edit', {id: character.id}) }}" class="btn btn-sm btn-edit">Modifier</a>
        <form method="post" action="{{ path('admin_character_delete', {id: character.id}) }}"
              onsubmit="return confirm('Supprimer « {{ character.name }} » ?')">
          <button type="submit" class="btn btn-sm btn-delete">Supprimer</button>
        </form>
      </div>
    </td>
  </tr>
  {% endfor %}
  </tbody>
</table>
{% endif %}
{% endblock %}