unfold/templates/pages/search.html.twig

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

{% block nav %}
{% endblock %}

{% block body %}
    <div class="search-page">
        <form method="get" action="{{ path('search') }}" class="mb-3">
            <label class="search">
                <input
                    type="search"
                    name="q"
                    placeholder="{{ 'text.search'|trans }}"
                    value="{{ query|default('') }}"
                />
                <button type="submit"><twig:ux:icon name="iconoir:search" class="icon" /></button>
            </label>
        </form>

        {% if results|default([]) is not empty %}
            <twig:Organisms:CardList :list="results" class="article-list" />
        {% elseif query|default('') is not empty %}
            <p><small>{{ 'text.noResults'|trans }}</small></p>
        {% endif %}

        {% if pagination is defined and pagination.last_page > 1 %}
            {% set _page = pagination.page|default(1) %}
            {% set _last = pagination.last_page|default(1) %}
            {% set _query = query|default('') %}
            <nav class="category-pagination mt-3" aria-label="Search pagination">
                {% if _page > 1 %}
                    <a class="btn btn-outline-secondary" href="{{ path('search', _page > 2 ? { q: _query, page: _page - 1 } : { q: _query }) }}">Newer</a>
                {% endif %}
                <span class="mx-2 text-subtle">Page {{ _page }} of {{ _last }}</span>
                {% if _page < _last %}
                    <a class="btn btn-outline-secondary" href="{{ path('search', { q: _query, page: _page + 1 }) }}">Older</a>
                {% endif %}
            </nav>
        {% endif %}
    </div>
{% endblock %}