{% load i18n %}

<header class="blog-overview-hero mb-4 mb-lg-5">
    <div class="blog-overview-hero__surface">
        <div class="row g-4 align-items-end">
            <div class="col-12 col-lg-8">
                <p class="blog-overview-hero__eyebrow mb-2">{% trans "Insights and updates" %}</p>
                <h1 class="blog-overview-hero__title display-5 mb-0">{{ page.title }}</h1>
            </div>
            <div class="col-12 col-lg-4">
                <div class="blog-overview-hero__meta">
                    {% if paginator and paginator.count %}
                        <span>{{ paginator.count }} {% trans "articles" %}</span>
                    {% endif %}
                    {% if paginator and paginator.num_pages > 1 %}
                        <span>{% blocktrans with current=current_page total=paginator.num_pages %}Page {{ current }} of {{ total }}{% endblocktrans %}</span>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
</header>