{% extends "layout.html.twig" %}
{% import "macros.twig" as lbl %}

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

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

{% block content %}
    <div class="flex flex-wrap items-center justify-between gap-3">
        <h1>Interventi</h1>
        <div class="flex flex-wrap gap-2">
            {% if current_user.ruolo == 'admin' %}
                <a class="btn-secondary" href="{{ url('/tipi-intervento') }}">Tipi</a>
            {% endif %}
            {% if can_write %}
                <a class="btn-primary" href="{{ url('/interventi/nuovo') }}">+ Nuovo intervento</a>
            {% endif %}
        </div>
    </div>

    {# Filtri #}
    <form method="get" action="{{ url('/interventi') }}" class="card mt-4">
        <div class="grid gap-4 sm:grid-cols-4">
            <div class="field !mb-0">
                <label class="label" for="luogo">Luogo</label>
                <select class="select" id="luogo" name="luogo">
                    <option value="0">— tutti —</option>
                    {% for l in luoghi %}<option value="{{ l.id }}" {{ filtri.luogo == l.id ? 'selected' : '' }}>{{ l.nome }}</option>{% endfor %}
                </select>
            </div>
            <div class="field !mb-0">
                <label class="label" for="tipo">Tipo</label>
                <select class="select" id="tipo" name="tipo">
                    <option value="0">— tutti —</option>
                    {% for t in tipi %}<option value="{{ t.id }}" {{ filtri.tipo == t.id ? 'selected' : '' }}>{{ t.nome }}</option>{% endfor %}
                </select>
            </div>
            <div class="field !mb-0">
                <label class="label" for="start">Dal</label>
                <input class="input" type="date" id="start" name="start" value="{{ filtri.start }}">
            </div>
            <div class="field !mb-0">
                <label class="label" for="end">Al</label>
                <input class="input" type="date" id="end" name="end" value="{{ filtri.end }}">
            </div>
        </div>
        <div class="mt-3 flex gap-2">
            <button type="submit" class="btn-primary">Filtra</button>
            <a class="btn-secondary" href="{{ url('/interventi') }}">Azzera</a>
        </div>
    </form>

    {% if interventi is empty %}
        <p class="mt-4 text-stone-500">Nessun intervento per i filtri selezionati.</p>
    {% else %}
        <p class="mt-4 text-sm text-stone-500">{{ interventi|length }} interventi</p>
        <div class="card mt-2 overflow-x-auto">
            <table class="table table-cards">
                <thead>
                    <tr><th>Data</th><th>Tipo</th><th>Luogo</th><th>Elemento</th><th>Descrizione</th><th>Quantità</th><th>Eseguito da</th><th>Azioni</th></tr>
                </thead>
                <tbody>
                    {% for i in interventi %}
                        <tr>
                            <td class="whitespace-nowrap" data-label="Data">{{ i.data|date('d/m/Y') }}</td>
                            <td data-label="Tipo"><span class="badge">{{ i.tipo_nome }}</span></td>
                            <td data-label="Luogo"><a href="{{ url('/luoghi/' ~ i.luogo_id ~ '/interventi') }}">{{ i.luogo_nome }}</a></td>
                            <td data-label="Elemento">
                                {% if i.elemento_id %}<a href="{{ url('/elementi/' ~ i.elemento_id) }}">{{ i.elemento_nome }}</a>{% else %}—{% endif %}
                            </td>
                            <td data-label="Descrizione" class="font-medium">
                                {{ i.descrizione }}
                                {% if allegati[i.id] is defined %}
                                    <div class="mt-1 max-w-xs">{{ lbl.foto_thumbs(allegati[i.id], false) }}</div>
                                {% endif %}
                            </td>
                            <td data-label="Quantità" class="whitespace-nowrap">{{ i.quantita is not null ? (i.quantita + 0) ~ (i.unita ? ' ' ~ i.unita : '') : '—' }}</td>
                            <td data-label="Eseguito da" class="text-stone-500">{{ i.eseguito_da_nome ?: '—' }}</td>
                            <td class="cell-actions">
                                {% if can_write %}
                                    <div class="flex flex-wrap gap-2">
                                        <a class="btn-secondary" href="{{ url('/interventi/' ~ i.id ~ '/modifica') }}">Modifica</a>
                                        <form method="post" action="{{ url('/interventi/' ~ i.id ~ '/elimina') }}" onsubmit="return confirm('Eliminare questo intervento?')">
                                            {{ csrf_field() }}<button type="submit" class="btn-danger">Elimina</button>
                                        </form>
                                    </div>
                                {% else %}<span class="text-stone-400">—</span>{% endif %}
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    {% endif %}
{% endblock %}