{% extends "layout.html.twig" %}

{% block title %}Gruppi · {{ app_name }}{% endblock %}

{% set can_write = current_user.ruolo in ['admin', 'editor'] %}

{% block content %}
    <div class="flex items-center justify-between gap-4">
        <h1>Gruppi animali</h1>
        {% if can_write %}
            <a class="btn-primary" href="{{ url('/gruppi/nuovo') }}">+ Nuovo gruppo</a>
        {% endif %}
    </div>

    {% if gruppi is empty %}
        <p class="mt-4 text-stone-500">
            Nessun gruppo. {% if can_write %}Creane uno con il pulsante qui sopra.{% endif %}
        </p>
    {% else %}
        <div class="card mt-4 overflow-x-auto">
            <table class="table table-cards">
                <thead>
                    <tr><th>Nome</th><th>Tipo</th><th>Razza</th><th>Luogo</th><th>Stato</th><th>Consistenza</th><th>Azioni</th></tr>
                </thead>
                <tbody>
                    {% for g in gruppi %}
                        <tr>
                            <td class="font-medium" data-label="Nome"><a href="{{ url('/gruppi/' ~ g.id) }}">{{ g.nome }}</a></td>
                            <td data-label="Tipo">{{ g.elemento_nome }}</td>
                            <td data-label="Razza">{{ g.variante_nome ?: '—' }}</td>
                            <td data-label="Luogo">{{ g.luogo_nome }}</td>
                            <td data-label="Stato">
                                {% if g.stato == 'attivo' %}<span class="badge">attivo</span>
                                {% else %}<span class="text-stone-400">chiuso</span>{% endif %}
                            </td>
                            <td data-label="Consistenza"><span class="font-semibold">{{ g.consistenza }}</span> capi</td>
                            <td class="cell-actions">
                                <div class="flex flex-wrap gap-2">
                                    <a class="btn-secondary" href="{{ url('/gruppi/' ~ g.id) }}">Apri</a>
                                    {% if can_write %}
                                        <a class="btn-secondary" href="{{ url('/gruppi/' ~ g.id ~ '/modifica') }}">Modifica</a>
                                    {% endif %}
                                </div>
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    {% endif %}
{% endblock %}