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

{% block title %}Tutti i documenti — Mostry{% endblock %}

{% block backend %}
    <div class="page-head">
        <h1>Tutti i documenti</h1>
        <p class="muted">Ogni file caricato da tutti i clienti della piattaforma, con la scheda che ne è stata ricavata.</p>
    </div>

    <div class="stat-row">
        <div class="card stat">
            <span class="stat__label">Documenti totali</span>
            <span class="stat__value">{{ documenti|length }}</span>
        </div>
        <div class="card stat">
            <span class="stat__label">In uso</span>
            <span class="stat__value">{{ attivi }}</span>
        </div>
        <div class="card stat">
            <span class="stat__label">Spazio occupato</span>
            <span class="stat__value">{{ (peso / 1024 / 1024)|number_format(1) }} MB</span>
        </div>
    </div>

    {% if documenti is empty %}
        <div class="card empty-state">
            <i class="fa-solid fa-folder-open" style="font-size:1.6rem;color:var(--accent)"></i>
            <p class="muted">Nessun cliente ha ancora caricato documenti.</p>
        </div>
    {% else %}
        <div class="card table-wrap">
            <table class="data-table">
                <thead>
                    <tr>
                        <th>Cliente</th>
                        <th>Assistente</th>
                        <th>Documento</th>
                        <th>Tipo</th>
                        <th class="num">Peso</th>
                        <th>Caricato</th>
                        <th>Stato</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    {% for d in documenti %}
                        <tr>
                            <td>
                                {{ d.bot.owner ? d.bot.owner.fullName : '—' }}
                                <div class="muted" style="font-size:var(--fs-xs)">{{ d.bot.owner ? d.bot.owner.email : '' }}</div>
                            </td>
                            <td>
                                <a href="{{ path('knowledge', {id: d.bot.id}) }}">{{ d.bot.name }}</a>
                                <div class="muted" style="font-size:var(--fs-xs)">{{ d.bot.audience.shortLabel }}</div>
                            </td>
                            <td>
                                <b>{{ d.titolo ?: d.nomeFile }}</b>
                                <div class="muted" style="font-size:var(--fs-xs)">{{ d.nomeFile }}</div>
                            </td>
                            <td><i class="{{ d.icona }}"></i> {{ d.etichettaTipo }}</td>
                            <td class="num">{{ (d.dimensione / 1024)|number_format(0) }} KB</td>
                            <td>{{ d.caricatoIl|date('d/m/Y H:i') }}</td>
                            <td>
                                <span class="pill {{ d.attivo ? 'pill--on' : 'pill--off' }}">
                                    {{ d.attivo ? 'in uso' : 'da parte' }}
                                </span>
                            </td>
                            <td>
                                {% if d.consultabile %}
                                    <a href="{{ path('knowledge_file', {id: d.bot.id, doc: d.id}) }}" target="_blank"
                                       class="btn btn--sm btn--ghost" title="Apri l'originale">
                                        <i class="fa-solid fa-eye"></i>
                                    </a>
                                {% endif %}
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    {% endif %}
{% endblock %}