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

{% block title %}Interventi · {{ luogo.nome }} · {{ app_name }}{% endblock %}

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

{% block content %}
    <p class="text-sm text-stone-500"><a href="{{ url('/interventi') }}">Interventi</a> / {{ luogo.nome }}</p>
    <div class="flex flex-wrap items-center justify-between gap-3">
        <h1 class="flex flex-wrap items-center gap-2">{{ luogo.nome }} <span class="badge">{{ luogo.ambito }}</span></h1>
        {% if can_write %}
            <a class="btn-primary" href="{{ url('/interventi/nuovo') }}?luogo={{ luogo.id }}">+ Intervento qui</a>
        {% endif %}
    </div>

    {% if interventi is empty %}
        <p class="mt-4 text-stone-500">Nessun intervento registrato in questo luogo.</p>
    {% else %}
        <ol class="mt-4 space-y-3">
            {% for i in interventi %}
                <li class="card">
                    <div class="flex flex-wrap items-baseline justify-between gap-2">
                        <span class="font-medium">{{ i.tipo_nome }}</span>
                        <span class="text-sm text-stone-500">{{ i.data|date('d/m/Y') }}</span>
                    </div>
                    <p class="mt-1 text-stone-700">{{ i.descrizione }}</p>
                    {% if allegati[i.id] is defined %}
                        <div class="mt-2">{{ lbl.foto_thumbs(allegati[i.id], can_write ? 'live' : false) }}</div>
                    {% endif %}
                    <div class="mt-1 flex flex-wrap gap-3 text-xs text-stone-500">
                        {% if i.elemento_nome %}<span>🌿 <a href="{{ url('/elementi/' ~ i.elemento_id) }}">{{ i.elemento_nome }}</a></span>{% endif %}
                        {% if i.quantita is not null %}<span>📏 {{ i.quantita + 0 }}{{ i.unita ? ' ' ~ i.unita : '' }}</span>{% endif %}
                        {% if i.eseguito_da_nome %}<span>👤 {{ i.eseguito_da_nome }}</span>{% endif %}
                        {% if can_write %}
                            <a href="{{ url('/interventi/' ~ i.id ~ '/modifica') }}">modifica</a>
                        {% endif %}
                    </div>
                </li>
            {% endfor %}
        </ol>
    {% endif %}
{% endblock %}