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

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

{% block title %}Critiques 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 critiques{% else %}Critiques de {{ display_name }}{% endif %}
            <span class="search-page-title__count">{{ reviews_count }}</span>
        </h1>
    </header>

    {% if reviews|length > 0 %}
        <div class="home-reviews">
            {% for review in reviews %}
                {% include 'components/_review_card.html.twig' with { review: review, show_author: false } only %}
            {% endfor %}
        </div>
    {% else %}
        <p class="muted" style="margin-top: var(--space-5);">
            {% if is_own_profile %}
                Tu n'as écrit aucune critique encore. <a href="{{ path('app_search') }}" style="color: var(--violet);">Note un livre</a> pour commencer.
            {% else %}
                {{ display_name }} n'a pas encore publié de critique.
            {% endif %}
        </p>
    {% endif %}
{% endblock %}