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

{% block title %}I miei documenti — Mostry{% endblock %}

{% block backend %}
    <div class="page-head">
        <h1>I miei documenti</h1>
        <p class="muted">
            Tutti i file che hai caricato, di ogni assistente. PDF e foto restano
            consultabili; da ognuno Mostry ha ricavato una scheda, e tutte insieme
            formano il <b>documento unico</b> che l'assistente legge per rispondere.
        </p>
    </div>

    <div class="stat-row">
        <div class="card stat">
            <span class="stat__label">Documenti caricati</span>
            <span class="stat__value">{{ totale }}</span>
        </div>
        <div class="card stat">
            <span class="stat__label">In uso dagli assistenti</span>
            <span class="stat__value">{{ attivi }}</span>
        </div>
        <div class="card stat">
            <span class="stat__label">Assistenti</span>
            <span class="stat__value">{{ bots|length }}</span>
        </div>
    </div>

    {% if gruppi 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">
                Non hai ancora caricato nessun documento.
                {% if bots is empty %}
                    Crea prima un assistente, poi potrai dargli i tuoi file.
                {% else %}
                    Scegli un assistente e carica il primo file: un listino, un manuale
                    o anche la foto di un foglio di istruzioni.
                {% endif %}
            </p>
            {% if bots is empty %}
                <a href="{{ path('bot_new') }}" class="btn btn--sm"><i class="fa-solid fa-plus"></i> Crea un assistente</a>
            {% else %}
                <a href="{{ path('knowledge', {id: bots|first.id}) }}" class="btn btn--sm"><i class="fa-solid fa-cloud-arrow-up"></i> Carica documenti</a>
            {% endif %}
        </div>
    {% else %}
        {% for gruppo in gruppi %}
            <div class="doc-group">
                <div class="doc-group__head">
                    <h2>
                        <i class="{{ gruppo.bot.audience.icon }}"></i>
                        {{ gruppo.bot.name }}
                        <span class="pill {{ gruppo.bot.internal ? 'pill--off' : 'pill--on' }}">{{ gruppo.bot.audience.shortLabel }}</span>
                    </h2>
                    <div class="doc-group__actions">
                        <a href="{{ path('knowledge_markdown', {id: gruppo.bot.id}) }}" class="btn btn--sm btn--ghost">
                            <i class="fa-solid fa-download"></i> Markdown unico
                        </a>
                        <a href="{{ path('knowledge', {id: gruppo.bot.id}) }}" class="btn btn--sm">
                            <i class="fa-solid fa-cloud-arrow-up"></i> Carica
                        </a>
                    </div>
                </div>

                <div class="card table-wrap">
                    <table class="data-table">
                        <thead>
                            <tr>
                                <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 gruppo.documenti %}
                                <tr>
                                    <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>
                                        <div class="row-actions">
                                            {% if d.consultabile %}
                                                <a href="{{ path('knowledge_file', {id: gruppo.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 %}
                                            <form method="post" action="{{ path('knowledge_toggle', {id: gruppo.bot.id, doc: d.id}) }}" class="inline-form">
                                                <input type="hidden" name="_token" value="{{ csrf_token('knowledge_doc' ~ d.id) }}">
                                                <input type="hidden" name="torna" value="tutti">
                                                <button type="submit" class="btn btn--sm btn--ghost" title="{{ d.attivo ? 'Metti da parte' : 'Riattiva' }}">
                                                    <i class="fa-solid {{ d.attivo ? 'fa-eye-slash' : 'fa-rotate-left' }}"></i>
                                                </button>
                                            </form>
                                            <form method="post" action="{{ path('knowledge_delete', {id: gruppo.bot.id, doc: d.id}) }}" class="inline-form"
                                                  onsubmit="return confirm('Elimino definitivamente questo documento?')">
                                                <input type="hidden" name="_token" value="{{ csrf_token('knowledge_doc' ~ d.id) }}">
                                                <input type="hidden" name="torna" value="tutti">
                                                <button type="submit" class="btn btn--sm btn--ghost btn--danger" title="Elimina">
                                                    <i class="fa-solid fa-trash"></i>
                                                </button>
                                            </form>
                                        </div>
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        {% endfor %}
    {% endif %}
{% endblock %}