{% load i18n static cms_tags %}

<div class="search__pagination d-flex justify-content-between justify-sm-content-center align-items-center">
    <div class="search__pagination__nav search__pagination__nav--prev">
    {% if prev_link %}
        <a class="search__pagination__nav__item" href="{% url 'site_search:search' %}{{prev_link}}"><i class="fal fa-chevron-left"></i></a>
    {% endif %}
    </div>
    <div class="d-flex search__pagination__links">
    {% for page_link in page_links %}
        <div class="search__pagination__link-container{% ifequal page_link.page current_page %} active{% endifequal %}">
            <a class="search__pagination__link" href="{{ page_link.url }}">{{ page_link.page }}</a>
        </div>
    {% endfor %}
    </div>
    <div class="search__pagination__nav search__pagination__nav--next">
    {% if next_link %}
        <a class="search__pagination__nav__item" href="{% url 'site_search:search' %}{{next_link}}"><i class="fal fa-chevron-right"></i></a>
    {% endif %}
    </div>
</div>

{% comment %}
<ul class="pagination">
    {% if prev_link %}
        <li>
            <a href="{% url 'site_search:search' %}{{prev_link}}" class="term">«</a>
        </li>
    {% endif %}
    
    {% for page_link in page_links %}
        <li{% ifequal page_link.page current_page %} class="active"{% endifequal %}>
            <a href="{{ page_link.url }}" class="page">{{ page_link.page }}</a>
        </li>
    {% endfor %}
       
    {% if next_link %}
        <li>
            <a href="{% url 'site_search:search' %}{{next_link}}" class="term">»</a>
        </li>
    {% endif %}
</ul>
{% endcomment %}