Pagination: Truncated

{# 

Pagination

Available variables:

- modifier:         Sets the pagination variant. Can be null, alt or reverse
- current_page:     Integer for the current page, starting at 1.
- previous_page:    URL of the previous page.
- next_page:        URL of the next page.
- total_pages:      Integer value of the total number of pages, starting at 1.
- pages:            Array containing the URLs of all pages.
- truncate_start:   Boolean. Set to true to truncate pagination at start.
- truncate_end:     Boolean. Set to true to truncate pagination at end.
- truncate_pages:   Array containing a list of pages to truncate.
- zero_based_index: Boolean. Set to true if your system is using zero based
                    indexing.

#}

{% set base = 0 %}

{% if zero_based_index %}{% set base = 1 %}{% endif %}

<nav role="navigation" aria-label="Pages"
     class="bux-pagination{% if modifier %} bux-pagination--{{ modifier }}{% endif %}">

	<ul class="bux-pagination__list">

		{# Display previous link if we"re not on the first page. #}
		{% if previous_page %}
			<li class="bux-pagination__item">
				<a class="bux-pagination__link bux-pagination__link--previous"
           href="{{ previous_page }}" aria-label="Go to previous page"></a>
			</li>
		{% endif %}

		{# Display elipsis if truncate_start. #}
		{% if truncate_start == true %}
			<li class="bux-pagination__item">
				<span class="bux-pagination__link bux-pagination__link--truncated" aria-hidden="true" role="presentation"></span>
			</li>
		{% endif %}

        {% for key, page in pages %}
            <li class="bux-pagination__item">
            {% if current_page == key %}
              <a class="bux-pagination__link bux-pagination__link--current"
                 href="{{ page }}" aria-label="Current page, page {{ key + base }}" aria-current="true">
                {{- key + base -}}
              </a>
            {% else %}
              <a class="bux-pagination__link"
                 href="{{ page }}" aria-label="Page {{ key + base }}">
                {{- key + base -}}
              </a>
            {% endif %}
            </li>
        {% endfor %}

		{# Display elipsis if truncate_end. #}
		{% if truncate_end == true %}
			<li class="bux-pagination__item">
				<span class="bux-pagination__link bux-pagination__link--truncated" aria-hidden="true" role="presentation"></span>
			</li>
		{% endif %}

		{# Display next link if we"re not on the last page. #}
		{% if next_page %}
			<li class="bux-pagination__item">
				<a class="bux-pagination__link bux-pagination__link--next"
           href="{{ next_page }}" aria-label="Go to next page"></a>
			</li>
		{% endif %}
	</ul>
</nav>