{% extends 'base.html.twig' %}

{%- block meta_title -%}
    {{- _page.title.value -}}
{% endblock %}

{%- block page_title -%}
    {{- _page.title.value -}}
{% endblock %}

{%- block page_subtitle -%}
    {% if _page.subTitle.value %}
        <p class="h3">
            {{- _page.subTitle.value -}}
        </p>
    {% endif %}
{% endblock %}

{% block body %}
    <div class="col-12">
        <div class="body">
            <form class="form" data-form="horizontal">
                <div class="field col-8">
                    <label for="query">Mots clés</label>
                    <input id="query" name="query" type="text" value="{{ query }}" />
                </div>
                <div class="field col-4">
                    <input class="button" type="submit" value="Chercher">
                </div>
            </form>
        </div>
    </div>

    {% if pager %}
        {% for post in pager %}
            {% if not loop.first %}
                <hr class="col-12">
            {% endif %}

            {{ include('blog/post/_post.html.twig', {post: post}) }}
        {% endfor %}

        {% 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: {query: query},
                                pages: pager.paginationData.endPage,
                                currentPage: pager.paginationData.current
                            }) }}
                        {% endblock %}
                    </div>
                </div>
            </div>
        {% endif %}
    {% endif %}
{% endblock %}

{% block metas %}
    {#
    {{- parent() -}}

    {% if page.pager.hasPreviousPage %}
        <link rel="prev" href="{{ cms_path('posts', {page: page.pager.getPreviousPage}, true) }}" />
    {% endif %}

    {% if page.pager.hasNextPage %}
        <link rel="next" href="{{ cms_path('posts', {page: page.pager.getNextPage}, true) }}" />
    {% endif %}
    #}
{% endblock %}