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

<article class="blog-premium-card h-100">
    {% if blog.lead_image %}
        <a class="blog-premium-card__media" href="{{ blog.url }}">
            {% image blog.lead_image fill-960x720 class="blog-premium-card__image" %}
        </a>
    {% endif %}

    <div class="blog-premium-card__body">
        <div class="blog-premium-card__meta">
            {% include "blog/partials/blog_meta.html" with blog=blog only %}
        </div>

        <h2 class="blog-premium-card__title h3">
            <a href="{{ blog.url }}">{{ blog.title }}</a>
        </h2>

        {% if blog.intro %}
            <div class="blog-premium-card__intro">
                {{ blog.intro|richtext }}
            </div>
        {% endif %}

        <div class="blog-premium-card__actions">
            <a class="btn btn-primary btn-lg" href="{{ blog.url }}">
                {% trans "Read article" %}
            </a>
        </div>
    </div>
</article>
