Pagination: Default

{# 

Pagination

Available variables:

- modifier:         Sets the pagination variant. Can be null or alt.
- 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">
                {% include '@link' with {
                    base_class: "bux-pagination__link bux-pagination__link--previous",
                    link_url: previous_page,
                    attributes: {
                        'aria-label': 'Go to previous page'
                    }
                } %}
			</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 %}
                {% include '@link' with {
                    base_class: "bux-pagination__link bux-pagination__link--current",
                    link_url: page,
                    link_text: key + base,
                    show_underline: false,
                    attributes: {
                        'aria-label': "Current page, page " ~ (key + base),
                        'aria-current': true
                    }
                } %}
            {% else %}
                {% include '@link' with {
                    base_class: "bux-pagination__link",
                    link_url: page,
                    link_text: key + base,
                    show_underline: false,
                    attributes: {
                        'aria-label': "Page " ~ (key + base),
                    }
                } %}
            {% 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>
        {% if show_last_page == true %}
            <li class="bux-pagination__item">
                {% include '@link' with {
                    base_class: "bux-pagination__link",
                    link_url: pages|last,
                    link_text: total_pages + base,
                    show_underline: false,
                    attributes: {
                        'aria-label': "Page " ~ (total_pages + base),
                    }
                } %}
            </li>
        {% endif %}
		{% endif %}

		{# Display next link if we"re not on the last page. #}
		{% if next_page %}
			<li class="bux-pagination__item">
                {% include '@link' with {
                    base_class: "bux-pagination__link bux-pagination__link--next",
                    link_url: next_page,
                    attributes: {
                        'aria-label': 'Go to next page',
                    }
                } %}
			</li>
		{% endif %}
	</ul>
</nav>