{# Critique d'un autre lecteur sur la fiche /livres/{publicId}.

   Args :
     - review : Review entity

   Entete compacte : avatar + nom (clic -> profil) a GAUCHE, note + date a
   DROITE (gagne de la hauteur). Le corps est cliquable vers la critique :
   pour liker / commenter, on ouvre la critique (pas d'actions ici).
#}
{% set br_score = review.rating.score|number_format(1, '.', '') %}
{% set br_author = review.author %}
{% set br_avatar = user_avatar(br_author) %}

<article class="book-review-card">
    <div class="book-review-card__head">
        <a class="book-review-card__author" href="{{ path('app_profile_show', { handle: br_author.username }) }}">
            {% if br_avatar %}
                <img class="book-review-card__avatar" src="{{ br_avatar }}" alt="" width="32" height="32" loading="lazy">
            {% else %}
                <span class="book-review-card__avatar book-review-card__avatar--placeholder" aria-hidden="true">
                    {{ (br_author.displayName ?: br_author.username)|first|upper }}
                </span>
            {% endif %}
            <strong class="book-review-card__name">{{ br_author.displayName ?: br_author.username }}</strong>
        </a>

        <div class="book-review-card__meta">
            <span class="book-review-card__stars" aria-label="Note {{ review.rating.score }} sur 5">
                {% for i in 1..5 %}
                    <svg viewBox="0 0 24 24" fill="{{ br_score >= i ? 'currentColor' : 'none' }}" stroke="currentColor" stroke-width="1.5" width="12" height="12">
                        <path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
                    </svg>
                {% endfor %}
            </span>
            <span class="book-review-card__date">{{ review.createdAt|temps_relatif }}</span>
        </div>
    </div>

    {% if review.containsSpoilers %}
        <details class="book-review-card__body book-review-card__body--spoilers">
            <summary>Contient des spoilers, afficher</summary>
            <p>{{ review.body }}</p>
        </details>
    {% else %}
        <a class="book-review-card__bodylink" href="{{ path('app_review_show', { publicId: review.publicId }) }}">{{ review.body }}</a>
    {% endif %}
</article>