{% extends "ocyan_plugin_wagtail/page.html" %}
{% load i18n %}
{% load static %}
{% load wagtailcore_tags %}

{% block body_class %}{{ block.super }} blog-item blog-item--premium{% endblock %}

{% block styles %}
    {{ block.super }}
    {% if blog_stylesheet_paths %}
        {% for stylesheet_path in blog_stylesheet_paths %}
            <link rel="stylesheet" href="{% static stylesheet_path %}">
        {% endfor %}
    {% else %}
        <link rel="stylesheet" href="{% static 'wagtail_blog/css/blog.css' %}">
        <link rel="stylesheet" href="{% static 'wagtail_blog/css/blog-premium.css' %}">
    {% endif %}
{% endblock %}

{% block page_meta %}
    {{ block.super }}
    {% include "blog/partials/blog_canonical_links.html" with canonical_url=canonical_url only %}
    {% include "blog/partials/blog_structured_data.html" with page=page only %}
{% endblock %}

{% block headertext %}{{ page.title|richtext }}{% endblock %}

{% block content %}
    <article class="blog-premium-detail py-4 py-lg-5">
        <div class="blog-premium-detail__shell">
            {% include "blog/packs/premium/partials/blog_detail_main.html" with page=page only %}
            <aside class="blog-premium-detail__sidebar-shell">
                {% include "blog/packs/premium/partials/blog_detail_sidebar.html" with page=page recent_blogs=recent_blogs only %}
            </aside>
        </div>
    </article>
{% endblock %}
