{% if ratio > 1 %}
    {% if nav_type == 'standard' or ratio <= search.page %}
        <section class="pagination">

            
            {% if search.page > 1 %}
                <a href="{{app.request.pathInfo}}?page={{ search.page - 1 }}{% if search.string %}&action=search&string={{search.string}}{% endif %}" id="pg-button-prev" type="button" class="pagination__button pagination-link">
                    <img src="/images/picts/chevron-left-48-b.png" class="chevron-left-icon icon" alt="chevron left icon">
                </a>
            {% endif %}

            <ul class="pagination__list">
                {% for i in 1..ratio %}
                    <li class="pagination__item pagination__item--{{ i }} {{search.page == i ? 'active' : ''}}">
                        <a href="{{app.request.pathInfo}}?page={{ i }}{% if search.string %}&action=search&string={{search.string}}{% endif %}" id="pg-button-{{ i }}" class="pagination-link">{{ i }}</a>
                    </li>
                {% endfor %}
            </ul>

            {% if search.page < ratio %}
                <a href="{{app.request.pathInfo}}?page={{ search.page + 1 }}{% if search.string %}&action=search&string={{search.string}}{% endif %}" id="pg-button-next" type="button" class="pagination__button pagination-link">
                    <img src="/images/picts/chevron-right-48-b.png" class="chevron-right-icon icon" alt="chevron right icon">
                </a>
            {% endif %}

        </section>

    {% elseif nav_type == 'infini' and ratio > search.page %}
        <section class="pagination">
            <button class="items-more-btn" id="morenav">
                Voir <i class="fas fa-plus"></i>
            </button>
        </section
    {% endif %}
{% endif %}