{#- A collection: its backdrop, or the posters of its first titles, with name and count. Expects: item {name, url, kind, count, backdrop, posters} -#}
<a href="{{ item.url }}" class="bk-collection">
    <span class="bk-collection__art">
        {%- if item.backdrop -%}
            <img class="bk-card__img" src="{{ item.backdrop }}" alt="" loading="lazy" decoding="async">
        {%- elseif item.posters -%}
            <span class="bk-collection__stack">{% for poster in item.posters %}<img src="{{ poster }}" alt="" loading="lazy" decoding="async">{% endfor %}</span>
        {%- else -%}
            <span class="bk-ph" aria-hidden="true">{{ icon('layers', 'size-6') }}</span>
        {%- endif -%}
        <span class="bk-collection__kind">{{ item.kind == 'list' ? t('List') : t('Franchise') }}</span>
    </span>
    <span class="bk-collection__name line-clamp-2">{{ item.name }}</span>
    <span class="text-xs text-muted">{{ item.count }} {{ item.count == 1 ? t('title') : t('titles') }}</span>
</a>