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

{% block title %}Tipi di intervento · {{ app_name }}{% endblock %}

{% block content %}
    <p class="text-sm text-stone-500"><a href="{{ url('/interventi') }}">Interventi</a> / Tipi</p>
    <div class="flex items-center justify-between gap-4">
        <h1>Tipi di intervento</h1>
        <a class="btn-primary" href="{{ url('/tipi-intervento/nuovo') }}">+ Nuovo tipo</a>
    </div>

    {% if tipi is empty %}
        <p class="mt-4 text-stone-500">Nessun tipo.</p>
    {% else %}
        <div class="card mt-4 overflow-x-auto">
            <table class="table table-cards">
                <thead><tr><th>Nome</th><th>Ambito</th><th>Ordine</th><th>Attivo</th><th>Azioni</th></tr></thead>
                <tbody>
                    {% for t in tipi %}
                        <tr>
                            <td class="font-medium" data-label="Nome">{{ t.nome }}</td>
                            <td data-label="Ambito"><span class="badge">{{ t.ambito }}</span></td>
                            <td data-label="Ordine">{{ t.ordine }}</td>
                            <td data-label="Attivo">{% if t.attivo %}<span class="badge">sì</span>{% else %}<span class="text-stone-400">no</span>{% endif %}</td>
                            <td class="cell-actions">
                                <div class="flex flex-wrap gap-2">
                                    <a class="btn-secondary" href="{{ url('/tipi-intervento/' ~ t.id ~ '/modifica') }}">Modifica</a>
                                    <form method="post" action="{{ url('/tipi-intervento/' ~ t.id ~ '/elimina') }}"
                                          onsubmit="return confirm('Eliminare il tipo “{{ t.nome|e('js') }}”?')">
                                        {{ csrf_field() }}<button type="submit" class="btn-danger">Elimina</button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    {% endif %}
{% endblock %}