{% load i18n static %}

<div class="row align-items-center justify-content-end py-4 pe-0 fs-9">
    <div class="col-auto d-flex">
        {% if page_obj.has_previous %}
            <button class="page-link" data-list-pagination="prev" onclick="window.location.href='?page={{ page_obj.previous_page_number }}'">
                <span class="fas fa-chevron-{% if LANGUAGE_CODE == 'ar' %}right{% else %}left{% endif %}"></span>
            </button>
        {% else %}
            <button class="page-link" disabled>
                <span class="fas fa-chevron-{% if LANGUAGE_CODE == 'ar' %}right{% else %}left{% endif %}"></span>
            </button>
        {% endif %}

        <ul class="mb-0 pagination">
            {% for num in page_obj.paginator.page_range %}
                {% if page_obj.number == num %}
                    <li class="page-item active">
                        <span class="page-link">{{ num }}</span>
                    </li>
                {% else %}
                    <li class="page-item">
                        <a class="page-link" href="?page={{ num }}">{{ num }}</a>
                    </li>
                {% endif %}
            {% endfor %}
        </ul>

        {% if page_obj.has_next %}
            <button class="page-link pe-0" data-list-pagination="next" onclick="window.location.href='?page={{ page_obj.next_page_number }}'">
                <span class="fas fa-chevron-{% if LANGUAGE_CODE == 'ar' %}left{% else %}right{% endif %}"></span>
            </button>
        {% else %}
            <button class="page-link pe-0" disabled>
                <span class="fas fa-chevron-{% if LANGUAGE_CODE == 'ar' %}left{% else %}right{% endif %}"></span>
            </button>
        {% endif %}
    </div>
</div>