{# Carte critique compacte façon Letterboxd, pour le feed "Critiques de tes
   amis" : cover en grand, mini PDP de l'ami, note en étoiles (avec demi),
   logo commentaire, date relative. Toute la carte -> la critique.

   Args : review (Review). #}
{% set rp_work = review.work %}
{% set rp_author = review.author %}
{% set rp_score = review.rating.score %}
{% set rp_full = rp_score|round(0, 'floor') %}
{% set rp_half = (rp_score - rp_full) >= 0.5 %}
{% set rp_avatar = user_avatar(rp_author) %}

<a href="{{ path('app_review_show', { publicId: review.publicId }) }}" class="review-poster" role="listitem">
    <div class="review-poster__cover">
        {% if work_cover_thumb(rp_work) %}
            <img class="review-poster__img" src="{{ work_cover_thumb(rp_work) }}" alt="Couverture de {{ rp_work.title }}" loading="lazy" width="167" height="250"
                 onerror="this.outerHTML='<div class=&quot;review-poster__img review-poster__img--ph&quot; aria-hidden=&quot;true&quot;><svg viewBox=&quot;0 0 24 24&quot; fill=&quot;none&quot; stroke=&quot;currentColor&quot; stroke-width=&quot;1.25&quot; width=&quot;22&quot; height=&quot;22&quot;><path d=&quot;M4 19.5A2.5 2.5 0 0 1 6.5 17H20&quot;/><path d=&quot;M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z&quot;/></svg></div>'">
        {% else %}
            <div class="review-poster__img review-poster__img--ph" aria-hidden="true">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.25" width="22" height="22">
                    <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/>
                    <path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/>
                </svg>
            </div>
        {% endif %}
    </div>

    <div class="review-poster__meta">
        {% if rp_avatar %}
            <img class="review-poster__avatar" src="{{ rp_avatar }}" alt="{{ rp_author.displayName ?: rp_author.username }}" width="20" height="20" loading="lazy">
        {% else %}
            <span class="review-poster__avatar review-poster__avatar--ph" aria-hidden="true">{{ (rp_author.displayName ?: rp_author.username)|first|upper }}</span>
        {% endif %}

        <span class="review-poster__stars" aria-label="Note {{ rp_score }} sur 5">
            {% if rp_full > 0 %}{% for i in 1..rp_full %}
                <svg viewBox="0 0 24 24" fill="currentColor" width="11" height="11" aria-hidden="true">
                    <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 %}{% endif %}
            {% if rp_half %}<span class="review-poster__half" aria-hidden="true">½</span>{% endif %}
        </span>

        {% if review.body is not empty %}
            <svg class="review-poster__comment" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" width="13" height="13" aria-label="A écrit une critique">
                <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>
        {% endif %}
    </div>

    <span class="review-poster__date">{{ review.createdAt|temps_relatif }}</span>
</a>