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

{% set display_name = profile.displayName ?: profile.username %}

{% block title %}Statistiques de {{ display_name }} · LivreComment{% endblock %}

{% block body_class %}page-wide{% endblock %}

{% block body %}
    <header class="profile-subpage-header">
        <a href="{{ path('app_profile_show', { handle: profile.username }) }}" class="search-crumb">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                <polyline points="15 18 9 12 15 6"/>
            </svg>
            {{ display_name }}
        </a>
        <h1 class="search-page-title">
            {% if is_own_profile %}Tes statistiques{% else %}Statistiques de {{ display_name }}{% endif %}
        </h1>
    </header>

    <section class="stats-block">
        <h2 class="stats-block__title">Lecture</h2>
        <dl class="stats-grid">
            {% if stats.totalRatings > 0 %}
                <div class="stats-grid__item">
                    <dt>Livres notés</dt>
                    <dd><span class="stats-grid__value">{{ stats.totalRatings|number_format(0, ',', ' ') }}</span></dd>
                </div>
            {% endif %}
            {% if stats.averageRating is not null %}
                <div class="stats-grid__item">
                    <dt>Moyenne</dt>
                    <dd>
                        <span class="stats-grid__value">{{ stats.averageRating|number_format(1, ',', ' ') }}</span>
                        <span class="stats-grid__unit">/ 5</span>
                    </dd>
                </div>
            {% endif %}
            {% if stats.totalPages > 0 %}
                <div class="stats-grid__item">
                    <dt>Pages lues</dt>
                    <dd><span class="stats-grid__value">{{ stats.totalPages|number_format(0, ',', ' ') }}</span></dd>
                </div>
            {% endif %}
            {% if stats.topGenre %}
                <div class="stats-grid__item">
                    <dt>Genre favori</dt>
                    <dd><span class="stats-grid__value stats-grid__value--text">{{ stats.topGenre }}</span></dd>
                </div>
            {% endif %}
            {% if stats.topDecade %}
                <div class="stats-grid__item">
                    <dt>Période favorite</dt>
                    <dd><span class="stats-grid__value stats-grid__value--text">Années {{ stats.topDecade }}</span></dd>
                </div>
            {% endif %}
        </dl>
        {% if not stats.hasAny() %}
            <p class="muted">
                {% if is_own_profile %}Tu n'as encore noté aucun livre.{% else %}{{ display_name }} n'a encore rien noté.{% endif %}
            </p>
        {% endif %}
    </section>

    <section class="stats-block">
        <h2 class="stats-block__title">Communauté</h2>
        <dl class="stats-grid">
            <div class="stats-grid__item">
                <dt>{{ followers_count > 1 ? 'Abonnés' : 'Abonné' }}</dt>
                <dd>
                    <a class="stats-grid__link" href="{{ path('app_follow_followers', { handle: profile.username }) }}">
                        <span class="stats-grid__value">{{ followers_count|number_format(0, ',', ' ') }}</span>
                    </a>
                </dd>
            </div>
            <div class="stats-grid__item">
                <dt>{{ following_count > 1 ? 'Abonnements' : 'Abonnement' }}</dt>
                <dd>
                    <a class="stats-grid__link" href="{{ path('app_follow_following', { handle: profile.username }) }}">
                        <span class="stats-grid__value">{{ following_count|number_format(0, ',', ' ') }}</span>
                    </a>
                </dd>
            </div>
        </dl>
    </section>
{% endblock %}