{% extends "page/titled/default.html.twig" %}

{%- block meta_title -%}
    {{- parent()|build_string(category) -}}
{% endblock %}

{% block meta_description %}
    {{- parent()|build_string(category) -}}
{% endblock %}

{% block page_title %}
    {{- parent()|build_string(category) -}}
{% endblock %}

{% block page_subtitle %}
    {% set pageSubTitle = _page.subTitle.value|build_string(category) %}

    {{- parent() -}}
{% endblock %}

{% block body %}
    <div class="grid grid-flow-row-dens grid-cols-12 md:p-8 gap-5">
        {% for post in pager %}
            <div class="card shadow-md col-span-12 md:col-span-6 lg:col-span-4 m-3 bg-box">
                {{ include('page/post/_post_card.html.twig') }}
            </div>
        {% endfor %}
    </div>

    {% if pager.getPaginationData.pageCount > 1 %}
        <div class="col-12">
            <div class="body">
                <div class="pager align-right">
                    {% block pager %}
                        {{ include('module/_pager.html.twig', {
                            route: _node.routeName,
                            routeParams: {
                                _domain: _domain,
                                category: category.id,
                                slug: category.slug
                            },
                            pages: pager.paginationData.pageCount,
                            currentPage: pager.paginationData.current
                        }) }}
                    {% endblock %}
                </div>
            </div>
        </div>
    {% endif %}
{% endblock %}