{% load i18n static %}

<div class="row align-items-center justify-content-center py-4 pe-0 fs-9">
    <div class="col-auto d-flex">
        {# Previous Button #}
        {% if page_obj.has_previous %}
            <a class="page-link" href="?page={{ page_obj.previous_page_number }}{% if q %}&q={{q}}{% endif %}" aria-label="{% trans 'Previous' %}">
                <span class="fas fa-chevron-{% if LANGUAGE_CODE == 'ar' %}right{% else %}left{% endif %}" aria-hidden="true"></span>
                <span>{% trans "Previous" %}</span>
            </a>
        {% else %}
            <span class="page-link disabled" aria-disabled="true">
                <span class="fas fa-chevron-{% if LANGUAGE_CODE == 'ar' %}right{% else %}left{% endif %}" aria-hidden="true"></span>
                <span>{% trans "Previous" %}</span>
            </span>
        {% endif %}

       
        {# Next Button #}
        {% if page_obj.has_next %}
            <a class="page-link" href="?page={{ page_obj.next_page_number }}{% if q %}&q={{q}}{% endif %}" aria-label="{% trans 'Next' %}">
                <span>{% trans "Next" %}</span>
                <span class="fas fa-chevron-{% if LANGUAGE_CODE == 'ar' %}left{% else %}right{% endif %}" aria-hidden="true"></span>
            </a>
        {% else %}
            <span class="page-link disabled" aria-disabled="true">
                <span>{% trans "Next" %}</span>
                <span class="fas fa-chevron-{% if LANGUAGE_CODE == 'ar' %}left{% else %}right{% endif %}" aria-hidden="true"></span>
            </span>
        {% endif %}
    </div>
</div>