{% load i18n %}
{% load wagtailcore_tags %}
{% load wagtailimages_tags %}

<div class="blog-detail__main">
    <div class="blog-detail__back mb-4">
        <a class="btn btn-outline-primary btn-lg" href="{{ page.get_parent.url }}">
            {% trans "Back to overview" %}
        </a>
    </div>

    <header class="blog-detail__hero">
        <div class="blog-detail__hero-copy">
            <div class="blog-detail__eyebrow">
                {% include "blog/partials/blog_meta.html" with blog=page prefix=_("Published on") only %}
            </div>
            <h1 class="blog-detail__title display-5">{{ page.title }}</h1>
            {% if page.intro %}
                <div class="blog-detail__intro fs-5">
                    {{ page.intro|richtext }}
                </div>
            {% endif %}
        </div>

        {% if page.lead_image %}
            <div class="blog-detail__lead-image mt-4 mt-lg-5">
                {% image page.lead_image fill-1600x900 class="img-fluid rounded-4" %}
            </div>
        {% endif %}
    </header>

    <div class="blog-detail__body mt-4 mt-lg-5">
        {% include_block page.body %}
    </div>
</div>