{% extends "diario/base.html" %}
{% block title %}Persone{% endblock %}

{% block content %}
<p class="section-title fade-in">Team</p>

<div class="row g-3">
{% for persona in persone %}
<div class="col-6 col-md-4 col-lg-3 fade-in">
    <a href="{% url 'persona_dettaglio' persona.pk %}" class="card-link">
        <div class="card person-card h-100">
            <span class="avatar avatar-lg mx-auto">{{ persona.username|slice:":2"|upper }}</span>
            <div class="fw-semibold small">{{ persona.get_full_name|default:persona.username }}</div>
            <div class="mt-2 d-flex justify-content-center gap-3">
                <div class="stat">
                    <div class="stat-num">{{ persona.num_conversazioni }}</div>
                    <i class="bi bi-chat-quote"></i>
                </div>
                <div class="stat">
                    <div class="stat-num">{{ persona.num_obiettivi }}</div>
                    <i class="bi bi-bullseye"></i>
                </div>
                <div class="stat">
                    <div class="stat-num">{{ persona.num_documenti }}</div>
                    <i class="bi bi-file-pdf"></i>
                </div>
            </div>
        </div>
    </a>
</div>
{% endfor %}
</div>
{% endblock %}