---
layout: "layouts/base"
---

{% from "macros/date.njk" import format %}
{% from "macros/utils.njk" import stars, spoilerWarning %}
{% from "macros/tags.njk" import tagList %}
<article class="flow">
    <header class="flow">
        <div class="flow flow-space-1">
            <h1>{{ title }}</h1>
            {% if pullquote %}<h3 class="text-fadeText">{{ pullquote }}</h3>{% endif %}
        </div>
        {{ format(page.date) }}
    </header>
    {% if hasSpoilers %}
        {{ spoilerWarning() }}
    {% endif %}
    {% if watchHistory.length > 1 %}
        <p>
            <span class="text-primary">{% include "svgs/circle-info.svg" %}</span>
            I've seen this movie <strong>{{ watchHistory.length }}</strong> {{ "time" | pluralize(watchHistory) }}!
        </p>
    {% endif %}
    {% if favourite or isFavourite %}
        <p>
            <span class="text-secondary">{% include "svgs/star.svg" %}</span>
            This is one of my favourite movies!
        </p>
    {% endif %}
    {% if content %}
        <section class="flow flow-space-default">
            {{ content | safe }}
        </section>
    {% endif %}
    <footer class="card media-metadata-grid">
        <div class="media-image media-image--tall">
            <img src="{{ image }}" alt="" />
        </div>
        <div class="flow flex flex-col justify-center flow-space-4">
            <h2>{{ title }}</h2>
            {% if subtitle %}<p class="text-fadeText flow-space-2 line-height-m">{{ subtitle }}</p>{% endif %}
            {% if rating %}{{ stars(rating) }}{% endif %}
            <dl class="media-metadata">
                {% if year %}
                    <dt><strong>Released</strong></dt>
                    <dd>{{ year }}</dd>
                {% endif %}
                {% if director %}
                    <dt><strong>Director</strong></dt>
                    <dd>{{ director }}</dd>
                {% endif %}
                {% if runtime %}
                    <dt><strong>Runtime</strong></dt>
                    <dd>{{ runtime }} minutes</dd>
                {% endif %}
            </dl>
        </div>
    </footer>
    {{ tagList(tags | filter("movie") , "/watching/movies") }}
</article>