{% extends '@App/partials/base.html.twig' %}

{% block title %}Modèles{% endblock %}

{% block content %}
<div class="body-wrapper">
  <div class="container-fluid py-4">
    <div class="d-flex justify-content-between align-items-center mb-3">
      <h3 class="mb-0">Modèles</h3>
      <a class="btn btn-success" href="{{ path('admin_modeles_new') }}">Ajouter un modèle</a>
    </div>

    <form class="card border rounded-4 mb-3">
      <div class="card-body">
        <div class="row g-2">
          <div class="col-md-5"><input class="form-control" name="q" value="{{ filters.q|default('') }}" placeholder="Rechercher un modèle..."></div>
          <div class="col-md-3"><select class="form-select" name="status"><option value="">Tous les statuts</option><option value="DRAFT" {{ filters.status == 'DRAFT' ? 'selected' : '' }}>Brouillon</option><option value="PUBLISHED" {{ filters.status == 'PUBLISHED' ? 'selected' : '' }}>Publié</option><option value="ARCHIVED" {{ filters.status == 'ARCHIVED' ? 'selected' : '' }}>Archivé</option></select></div>
          <div class="col-md-2"><button class="btn btn-success w-100">Filtrer</button></div>
        </div>
      </div>
    </form>

    <div class="card border rounded-4">
      <div class="table-responsive">
        <table class="table align-middle mb-0">
          <thead><tr><th>Titre</th><th>Cadre</th><th>Statut</th><th>Version</th><th>Publication</th><th>Actions</th></tr></thead>
          <tbody>
            {% for item in items %}
              <tr>
                <td>{{ item.title }}</td>
                <td>{{ item.legalFramework ?: '-' }}</td>
                <td><span class="badge bg-light text-dark">{{ item.status }}</span></td>
                <td>{{ item.version }}</td>
                <td>{{ item.publishedAt ? item.publishedAt|date('d/m/Y H:i') : '-' }}</td>
                <td>
                  <div class="d-flex gap-1">
                    <a class="btn btn-sm btn-light border" href="{{ path('admin_modeles_edit', {id: item.id}) }}">Modifier</a>
                    <a class="btn btn-sm btn-light border" href="{{ path('admin_modeles_preview', {id: item.id}) }}">Aperçu</a>
                  </div>
                </td>
              </tr>
            {% else %}
              <tr><td colspan="6" class="text-muted">Aucun modèle.</td></tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
{% endblock %}