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

{% block title %}Spese · {{ 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>Spese</h1>
        <div class="flex flex-wrap gap-2">
            <a class="btn-secondary" href="{{ url('/spese/report') }}">Report</a>
            {% if current_user.ruolo == 'admin' %}
                <a class="btn-secondary" href="{{ url('/spese-categorie') }}">Categorie</a>
            {% endif %}
            {% if can_write %}
                <a class="btn-primary" href="{{ url('/spese/nuova') }}">+ Nuova spesa</a>
            {% endif %}
        </div>
    </div>

    {% if spese is empty %}
        <p class="mt-4 text-stone-500">Nessuna spesa registrata.</p>
    {% else %}
        <div class="card mt-4 overflow-x-auto">
            <table class="table table-cards">
                <thead>
                    <tr><th>Data</th><th>Categoria</th><th>Sezione</th><th>Descrizione</th><th>Importo</th><th>Allegato</th><th>Azioni</th></tr>
                </thead>
                <tbody>
                    {% for s in spese %}
                        <tr>
                            <td class="whitespace-nowrap" data-label="Data">{{ s.data|date('d/m/Y') }}</td>
                            <td data-label="Categoria"><span class="badge">{{ s.categoria_nome }}</span></td>
                            <td data-label="Sezione">{{ s.sezione_nome ?: '—' }}</td>
                            <td data-label="Descrizione" class="font-medium">{{ s.descrizione }}</td>
                            <td data-label="Importo">€ {{ s.importo }}</td>
                            <td data-label="Allegato">
                                {% if s.allegato %}
                                    <a href="{{ url('/spese/' ~ s.id ~ '/allegato') }}" target="_blank" rel="noopener noreferrer">apri ↗</a>
                                {% else %}—{% endif %}
                            </td>
                            <td class="cell-actions">
                                {% if can_write %}
                                    <div class="flex flex-wrap gap-2">
                                        <a class="btn-secondary" href="{{ url('/spese/' ~ s.id ~ '/modifica') }}">Modifica</a>
                                        <form method="post" action="{{ url('/spese/' ~ s.id ~ '/elimina') }}" onsubmit="return confirm('Eliminare questa spesa?')">
                                            {{ 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 %}