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

{#- Cover with the latest chapter links. Takes a `chapters` feed entry or a title. options.chapters: how many links (default 3). -#}
{% block card %}
{%- set src = item.poster -%}
{%- set chapters = feed ? entry.chapters|default([]) : (latest ? [{ number: latest.number, released_at: latest.date, url: latest.url }] : []) -%}
{%- set format = site.types|default([])|length > 1 ? item.type_label : null -%}
<article class="bk-card bk-card--manga">
    <div class="bk-card__media aspect-[2/3]">
        {{- block('img') -}}
        {%- if format and not bare %}<span class="bk-card__badges"><span class="bk-badge">{{ format }}</span></span>{% endif -%}
    </div>
    {%- if not bare -%}
        <div class="bk-card__body">
            <h3 class="bk-card__title"><a href="{{ item.url }}">{{ item.title }}</a></h3>
            {%- if chapters -%}
                <div class="bk-chapters-mini">
                    {%- for chapter in chapters|slice(0, o.chapters|default(3)) -%}
                        <a href="{{ chapter.url }}"><span>{{ t('Chapter') }} {{ chapter.number }}</span>{% if chapter.released_at %}<time datetime="{{ chapter.released_at }}">{{ chapter.released_at|time_ago }}</time>{% endif %}</a>
                    {%- endfor -%}
                </div>
            {%- else -%}
                {{- block('meta') -}}
            {%- endif -%}
        </div>
    {%- else -%}
        <a href="{{ item.url }}" class="absolute inset-0 z-[3]"><span class="sr-only">{{ item.title }}</span></a>
    {%- endif -%}
</article>
{% endblock %}