{% load i18n %}
{% load texsitecore_tags %}

{% trans "Read more" as button_label %}
{% get_live_descendant_pages value.parent value.limit value.newest_first as pages %}

{% for page in pages %}
    <div class="card overflow-hidden shadow rounded-2 border-0 {% if not forloop.last %}mb-5{% endif %}">
        <div class="card-body p-0">
            <div class="p-4 p-md-5">
                <h2 class="fw-bolder">{{ page.title }}</h2>
                <div class="small fw-bolder">{{ page.first_published_at|date:"j. F Y" }}</div>
                <p class="small text-muted">{{ page.owner.get_full_name }}</p>
                <a class="btn btn-secondary text-white" href="{{ page.url }}" data-navigate>
                    {{ button_label }}
                </a>
            </div>
        </div>
    </div>
{% endfor %}

<script>
if (!window._navigateInit) {
    window._navigateInit = true;
    document.addEventListener("click", function (e) {
        var a = e.target.closest("[data-navigate]");
        if (a) sessionStorage.setItem("navigate", "true");
    });
}
</script>