{% extends 'admin/layout.html.twig' %}
{% block page_title %}Avatars joueur{% endblock %}
{% block breadcrumb %}<span class="sep">/</span><span class="breadcrumb-text">Avatars joueur</span>{% endblock %}
{% block header_action %}<a href="{{ path('admin_player_avatar_new') }}" class="btn btn-primary">+ Nouvel avatar</a>{% endblock %}

{% block content %}
<div class="toolbar">
  <span class="toolbar-count">{{ avatars|length }} avatar{{ avatars|length != 1 ? 's' }}</span>
</div>
{% if avatars is empty %}
  <p class="empty">Aucun avatar. <a href="{{ path('admin_player_avatar_new') }}">Créer le premier →</a></p>
{% else %}
<table>
  <thead><tr>
    <th data-sort="id" data-sort-type="num">ID</th>
    <th>Aperçu</th>
    <th data-sort="name">Nom</th>
    <th data-sort="default">Par défaut</th>
    <th data-sort="uploaded">Uploadé</th>
    <th data-sort="uploader" data-sort-type="num">Uploadeur (Player ID)</th>
    <th></th>
  </tr></thead>
  <tbody>
  {% for a in avatars %}
  <tr data-id="{{ a.id }}">
    <td>{{ a.id }}</td>
    <td>
      {% if a.content %}
        <img src="{{ asset('uploads/avatars/' ~ a.content) }}"
             style="width:48px;height:48px;object-fit:cover;border-radius:50%" alt="{{ a.name }}">
      {% endif %}
    </td>
    <td>{{ a.name }}</td>
    <td>{{ a.defaultAvatar ? '✔' : '' }}</td>
    <td>{{ a.uploaded ? '✔' : '' }}</td>
    <td>{{ a.uploaderId ?? '—' }}</td>
    <td>
      <div class="actions">
        <a href="{{ path('admin_player_avatar_edit', {id: a.id}) }}" class="btn btn-sm btn-edit">Modifier</a>
        <form method="post" action="{{ path('admin_player_avatar_delete', {id: a.id}) }}"
              onsubmit="return confirm('Supprimer « {{ a.name }} » ?')">
          <button type="submit" class="btn btn-sm btn-delete">Supprimer</button>
        </form>
      </div>
    </td>
  </tr>
  {% endfor %}
  </tbody>
</table>
{% endif %}
{% endblock %}