{# Card review compacte. Sert sur la home (mes reviews + feed amis),
   sur le profil, plus tard sur les fiches /livre.

   Args :
     - review : Review entity
     - show_author : bool (default false) — affiche le nom + handle de l'auteur

   Structure compacte : pas de footer séparé. Le like + comment sont
   inline avec les stars dans la meta row. Pour l'expanded version
   (body complet + thread commentaires), clic ouvre /reviews/{ulid}.
#}
{% set rv_work = review.work %}
{% set rv_score = review.rating.score|number_format(1, '.', '') %}
{% set rv_author = review.author %}

<article class="home-review-card">
    {# Tout le bloc -> page critique (lecture complète + commentaires), SAUF les
       actions like/commentaire (hors du lien). Lien unique en display:contents
       pour que cover + contenu restent des items de la grille. #}
    <a href="{{ path('app_review_show', { publicId: review.publicId }) }}" class="home-review-card__link">
        {% if work_cover_thumb(rv_work) %}
            <img class="home-review-card__cover" src="{{ work_cover_thumb(rv_work) }}" alt="" loading="lazy" width="167" height="250"
                 onerror="this.outerHTML='<div class=&quot;home-review-card__cover&quot; aria-hidden=&quot;true&quot;></div>'">
        {% else %}
            <div class="home-review-card__cover" aria-hidden="true"></div>
        {% endif %}
        <div class="home-review-card__content">
            {% if show_author|default(false) %}
                {% set rv_author_avatar = user_avatar(rv_author) %}
                <div class="home-review-card__byline">
                    {% if rv_author_avatar %}
                        <img class="home-review-card__avatar" src="{{ rv_author_avatar }}" alt="" width="20" height="20" loading="lazy">
                    {% else %}
                        <span class="home-review-card__avatar home-review-card__avatar--placeholder" aria-hidden="true">{{ (rv_author.displayName ?: rv_author.username)|first|upper }}</span>
                    {% endif %}
                    <strong>{{ rv_author.displayName ?: rv_author.username }}</strong>
                    {# Handle affiché seulement s'il diffère du nom (sinon doublon). #}
                    {% if rv_author.displayName and rv_author.displayName != rv_author.username %}
                        <span class="muted">· @{{ rv_author.username }}</span>
                    {% endif %}
                </div>
            {% endif %}
            <h3 class="home-review-card__title">{{ rv_work.title }}</h3>
            <div class="home-review-card__meta">
                {# Étoiles seules : le "/5" en plus était du bruit redondant. #}
                <span class="home-review-card__stars" aria-label="Note {{ review.rating.score }} sur 5">
                    {% for i in 1..5 %}
                        <svg viewBox="0 0 24 24" fill="{{ rv_score >= i ? 'currentColor' : 'none' }}" stroke="currentColor" stroke-width="1.5">
                            <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>
            </div>
            {% if review.containsSpoilers %}
                {# Spoilers masqués dans le feed ; clic -> page critique pour révéler. #}
                <p class="home-review-card__body home-review-card__body--spoilers">Critique avec spoilers, lire</p>
            {% else %}
                <p class="home-review-card__body">{{ review.body }}</p>
            {% endif %}
        </div>
    </a>
    <div class="home-review-card__actions">
        {% include 'components/_review_like_button.html.twig' with { review: review, return_to: app.request.requestUri } only %}
        <a class="comment-link" href="{{ path('app_review_show', { publicId: review.publicId }) }}" aria-label="Voir et écrire des commentaires">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" width="14" height="14" aria-hidden="true">
                <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/>
            </svg>
            <span class="comment-link__count">{{ review.commentsCount }}</span>
        </a>
    </div>
</article>