{% extends '@theme/partials/cards/_base.twig' %}

{#- options.rank (number), options.rank_style: "badge" (default) or "big", options.image: "backdrop" (default) or "poster" -#}
{% block card %}
{%- set rank = o.rank|default(null) -%}
{%- set tall = o.image|default('backdrop') == 'poster' or o.rank_style|default('badge') == 'big' -%}
{%- set src = tall ? item.poster : item.backdrop -%}
{%- set fallback = tall ? null : item.poster -%}
{%- set media -%}
    <div class="bk-card__media {{ tall ? 'aspect-[2/3]' : 'aspect-video' }}">
        {{- block('img') -}}
        {%- if rank and o.rank_style|default('badge') != 'big' %}<span class="bk-rank{{ rank <= 3 ? ' is-top' }}"><span class="sr-only">{{ t('Rank') }} </span>{{ rank }}</span>{% endif -%}
        {{- block('latest') }}{{ block('play') -}}
    </div>
{%- endset -%}
{%- if o.rank_style|default('badge') == 'big' and rank -%}
    <a href="{{ href }}" class="bk-card bk-card--big-rank">
        <span class="bk-rank-big{{ rank >= 10 ? ' is-wide' }}" aria-hidden="true">{{ rank }}</span>
        <span class="sr-only">{{ t('Rank') }} {{ rank }}</span>
        {{- media }}{{ block('body') -}}
    </a>
{%- else -%}
    <a href="{{ href }}" class="bk-card bk-card--ranked">{{ media }}{{ block('body') }}</a>
{%- endif -%}
{% endblock %}