{# Ligne de liste partagée (page /lists ET profil), façon Spotify.
   Args :
     - list : BookList
     - mode : 'discover' (avatar du propriétaire à droite) | 'mine' (compteur + cadenas si privée)
   Vignette = cover custom si définie (plus tard), sinon cover du 1er livre. #}
{% set cover = list_cover(list) %}
<a href="{{ path('app_lists_show', { publicId: list.publicId }) }}" class="list-row">
    {% if cover %}
        <img class="list-row__cover" src="{{ cover }}" alt="" loading="lazy">
    {% else %}
        <span class="list-row__cover list-row__cover--ph" aria-hidden="true">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><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>
        </span>
    {% endif %}
    <span class="list-row__name">{{ list.name }}</span>
    {% if mode|default('mine') == 'discover' %}
        {% set av = user_avatar(list.owner) %}
        {% set owner_label = list.owner.displayName ?: list.owner.username %}
        {% if av %}
            <img class="list-row__owner-av" src="{{ av }}" alt="{{ owner_label }}" title="{{ owner_label }}" loading="lazy">
        {% else %}
            <span class="list-row__owner-av list-row__owner-av--ph" title="{{ owner_label }}">{{ owner_label|first|upper }}</span>
        {% endif %}
    {% else %}
        <span class="list-row__mine-meta">
            {% if not list.isPublic %}
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-label="privée"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
            {% endif %}
            {{ list.itemsCount }}
        </span>
    {% endif %}
</a>