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

{#- An episode from the `episodes` feed, or a title shown by its latest episode. -#}
{% block card %}
{%- set number = feed ? entry.number : latest.number|default(null) -%}
{%- set code = feed ? entry.code : latest.label|default('') -%}
{%- set date = feed ? entry.air_date : latest.date|default(null) -%}
{%- set runtime = feed ? entry.runtime : (latest.runtime|default(null) ?: item.runtime) -%}
{%- set src = feed ? (entry.still ?: item.backdrop) : item.backdrop -%}
{%- set fallback = item.poster -%}
{%- set href = o.url ?? (feed ? entry.url : (latest.url|default(null) ?: item.url)) -%}
{%- set own_name = feed and o.episode_title|default(false) -%}
<a href="{{ href }}" class="bk-card bk-card--episode">
    <div class="bk-card__media aspect-video">
        {{- block('img') -}}
        {%- if number %}<span class="bk-card__badges"><span class="bk-badge">{{ t('EP') }} {{ number }}</span></span>{% endif -%}
        {%- if runtime %}<span class="bk-card__corner"><span class="bk-badge">{{ runtime|duration }}</span></span>{% endif -%}
        {{- block('play') -}}
    </div>
    {%- if not bare -%}
        <div class="bk-card__body">
            <h3 class="bk-card__title">{{ own_name ? entry.number ~ '. ' ~ entry.name : item.title }}</h3>
            {%- if own_name -%}
                <p class="bk-card__meta">
                    {%- if date %}<time datetime="{{ date }}">{{ date|date('M j, Y') }}</time>{% endif -%}
                    {%- if entry.aired is defined and not entry.aired %}<span class="bk-dot" aria-hidden="true"></span><span class="font-semibold text-link">{{ t('Upcoming') }}</span>{% endif -%}
                </p>
            {%- elseif code or date -%}
                <p class="bk-card__meta">
                    {%- if code %}<span>{{ code }}</span>{% endif -%}
                    {%- if date %}{% if code %}<span class="bk-dot" aria-hidden="true"></span>{% endif %}<time datetime="{{ date }}">{{ date|time_ago }}</time>{% endif -%}
                </p>
            {%- else -%}
                {{- block('meta') -}}
            {%- endif -%}
        </div>
    {%- endif -%}
</a>
{% endblock %}