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

{% block body %}
    <div class="col-12">
        <div class="body">
            <form class="form">
                <div class="mb-3">
                    <label for="query" class="label">Mots clés</label>
                    <input id="query" class="input input-bordered w-full" name="query" type="text" value="{{ query }}" />
                </div>
                <input class="btn btn-primary" type="submit" value="Chercher">
            </form>
        </div>
    </div>

    {% if pager %}
        <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: {query: query, _domain: _domain},
                                pages: pager.paginationData.pageCount,
                                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 %}