{% load i18n ms_pagination %}

{% if page_obj %}
<div class="row">
    <div class="col-sm-6">
        <div class="pagination-info">
            <span>{% trans 'Page' %} {{ page_obj.number }} {% trans 'of' %} {{ page_obj.paginator.num_pages }}</span>
        </div>
    </div>
    <div class="col-sm-6">
        <div class="pagination-pages">
            {% if page_obj.has_other_pages %}
            <ul class="pagination">
                {% if page_obj.has_previous %}
                <li><a href="{% page_url page_obj.previous_page_number %}">&laquo;</a></li>
                {% else %}
                <li class="disabled"><span>&laquo;</span></li>
                {% endif %}
                {% for i in page_obj.paginator.page_range %}
                {% if page_obj.number == i %}
                <li class="active"><span>{{ i }}</span></li>
                {% else %}
                <li><a href="{% page_url i %}">{{ i }}</a></li>
                {% endif %}
                {% endfor %}
                {% if page_obj.has_next %}
                <li><a href="{% page_url page_obj.next_page_number %}">&raquo;</a></li>
                {% else %}
                <li class="disabled"><span>&raquo;</span></li>
                {% endif %}
            </ul>
            {% endif %}
        </div>
    </div>
</div>
{% endif %}