{% extends 'backend.html.twig' %}

{% block title %}Tutte le fatture — Mostry{% endblock %}

{% block backend %}
    <div class="page-head">
        <h1>Tutte le fatture</h1>
        <p class="muted">Fatture emesse a tutti i clienti della piattaforma.</p>
    </div>

    <div class="stat-row">
        <div class="card stat">
            <span class="stat__label">Fatture emesse</span>
            <span class="stat__value">{{ fatture|length }}</span>
        </div>
        <div class="card stat">
            <span class="stat__label">Totale fatturato</span>
            <span class="stat__value">{{ totale|number_format(2, ',', '.') }} €</span>
        </div>
    </div>

    {% if fatture is empty %}
        <div class="card empty-state"><p class="muted">Nessuna fattura emessa finora.</p></div>
    {% else %}
        <div class="card table-wrap">
            <table class="data-table">
                <thead>
                    <tr>
                        <th>Numero</th>
                        <th>Cliente</th>
                        <th>Data</th>
                        <th>Descrizione</th>
                        <th class="num">Importo</th>
                        <th>Stato</th>
                    </tr>
                </thead>
                <tbody>
                    {% for f in fatture %}
                        <tr>
                            <td class="mono">{{ f.numero }}</td>
                            <td>{{ f.owner ? f.owner.email : '—' }}</td>
                            <td>{{ f.dataEmissione|date('d/m/Y') }}</td>
                            <td>{{ f.descrizione ?: '—' }}</td>
                            <td class="num">{{ f.importo|number_format(2, ',', '.') }} €</td>
                            <td><span class="pill {{ f.stato == 'pagata' ? 'pill--on' : 'pill--off' }}">{{ f.stato }}</span></td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    {% endif %}
{% endblock %}