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

<div class="blog-premium-detail__main">
    <div class="blog-premium-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-premium-detail__hero">
        <div class="blog-premium-detail__meta">
            {% include "blog/partials/blog_meta.html" with blog=page prefix=_("Published on") only %}
        </div>
        <h1 class="blog-premium-detail__title display-4">{{ page.title }}</h1>
        {% if page.intro %}
            <div class="blog-premium-detail__intro fs-5">
                {{ page.intro|richtext }}
            </div>
        {% endif %}
        {% if page.lead_image %}
            <div class="blog-premium-detail__lead-image">
                {% image page.lead_image fill-1680x1080 class="blog-premium-detail__lead-image-tag" %}
            </div>
        {% endif %}
    </header>

    <div class="blog-premium-detail__body">
        {% include_block page.body %}
    </div>
</div>
