{% if data.paginator %}
<div class="container">
    <div class="text-center">
        <ul class="pagination">
            <li><a href="{{ data.paginator.a_first }}"><i class="fa fa-fw fa-long-arrow-left"></i></a></li>

            {% if data.paginator.has_prev %}
            <li><a href="{{ data.paginator.a_prev }}">&laquo;</a></li>
            {% else %}
            <li class="disabled"><a>&laquo;</a></li>
            {% endif %}

            {% for a, page in data.paginator.prev_links %}
            <li><a href="{{ a }}">{{ page }}</a></li>
            {% endfor %}
            <li class="active"><a>{{ data.paginator.curr_page }}</a></li>
            {% for a, page in data.paginator.next_links %}
            <li><a href="{{ a }}">{{ page }}</a></li>
            {% endfor %}

            {% if data.paginator.has_next %}
            <li><a href="{{ data.paginator.a_next }}">&raquo;</a></li>
            <li><a href="{{ data.paginator.a_last }}"><i class="fa fa-fw fa-long-arrow-right"></i></a></li>
            {% else %}
            <li class="disabled"><a>&raquo;</a></li>
            <li class="disabled"><a><i class="fa fa-fw fa-long-arrow-right"></i></a></li>
            {% endif %}
        </ul>
    </div>
</div>
{% endif %}