{% extends 'admin/layout.html.twig' %}
{% block page_title %}Modèles de personnage{% endblock %}
{% block breadcrumb %}
  <span class="sep">/</span><a href="{{ path('admin_csiwo_index') }}" class="breadcrumb-link">CSIWO</a>
  <span class="sep">/</span><span class="breadcrumb-text">Modèles</span>
{% endblock %}
{% block header_action %}<a href="{{ path('admin_csiwo_model_new') }}" class="btn btn-primary">+ Nouveau modèle</a>{% endblock %}

{% block content %}
<div class="toolbar">
  <span class="toolbar-count">{{ models|length }} modèle{{ models|length != 1 ? 's' }}</span>
</div>

{% if models is empty %}
  <p class="empty">Aucun modèle. <a href="{{ path('admin_csiwo_model_new') }}">Créer le premier →</a></p>
{% else %}
<table class="data-table">
  <thead>
    <tr>
      <th>Image</th>
      <th>Nom</th>
      <th>Genre</th>
      <th>Ordre</th>
      <th>Actions</th>
    </tr>
  </thead>
  <tbody>
    {% for model in models %}
    <tr>
      <td>
        {% if model.filename %}
          <img src="{{ asset('uploads/models/' ~ model.filename) }}"
               alt="{{ model.name }}"
               style="width:48px;height:48px;object-fit:contain;image-rendering:pixelated;border-radius:4px;background:var(--bg)">
        {% else %}
          <span style="font-size:2rem">🧙</span>
        {% endif %}
      </td>
      <td style="font-weight:600;color:var(--text)">{{ model.name }}</td>
      <td style="color:var(--muted)">{{ model.gender ?? '—' }}</td>
      <td style="color:var(--muted)">{{ model.sortOrder }}</td>
      <td>
        <a href="{{ path('admin_csiwo_model_edit', {id: model.id}) }}" class="btn btn-sm btn-outline">Modifier</a>
        <form method="post" action="{{ path('admin_csiwo_model_delete', {id: model.id}) }}" style="display:inline"
              onsubmit="return confirm('Supprimer ce modèle ?')">
          <button class="btn btn-sm btn-danger">Supprimer</button>
        </form>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% endif %}
{% endblock %}