{% extends "default" %}

{% block titlevariable %}
{% set title = show.metadata.title %}
{% endblock %}

{% block content -%}

<h1 class="headline">{{ show.metadata.title }}</h1>
<p class="article-meta">
    {{ show.episodes | length }}
    entr{% if show.episodes | length == 1 %}y{% else %}ies{% endif %}.
    Last updated on
    <time datetime="{{ show.last_updated | iso_datetime }}">
        {{ show.last_updated | pretty_date }}.
    </time>
</p>

<button id="expand-all" onclick="document.querySelectorAll('summary').forEach(e => e.click())">Expand All</button>
<noscript>
    <style>#expand-all { display: none; }</style>
</noscript>

{% for episode in show.episodes %}
    <details class="tv-show-entry">
        <summary>
            <h2 class="headline">{{ episode.title }}</h2>
            <span class="article-meta">
                Watched:
                <time datetime="{{ episode.date | iso_datetime }}">
                    {{ episode.date | pretty_date }}
                </time>
            </span>
        </summary>
        <div class="body-content">
            {{ episode.content }}
        </div>
    </details>
{% endfor %}

{%- endblock %}