{% if BASE_URL and TOTAL_PAGES > 6 %}
<li class="iz-pagination__jump">
	<details class="iz-disclosure iz-pagination__jump-disclosure">
		<summary class="iz-btn iz-btn--ghost iz-btn--sm iz-pagination__jump-toggle">
			{{ L_JUMP_TO_PAGE_NUMBER }}
		</summary>

		<div class="iz-disclosure__panel iz-pagination__jump-panel">
			<form class="iz-form iz-pagination__jump-form" action="{{ BASE_URL }}" method="get" novalidate>
				<label class="iz-label" for="iz-page-jump-input">{{ L_JUMP_PAGE }}{{ L_COLON }}</label>

				<div class="iz-inputgroup">
					<input
						id="iz-page-jump-input"
						type="number"
						class="iz-input"
						inputmode="numeric"
						onkeypress="keyPage(this, event)"
						title="{{ L_JUMP_PAGE }}"
						data-per-page="{{ PER_PAGE }}"
						data-base-url="{BASE_URL|e('html_attr')}"
						data-start-name="{{ START_NAME }}"
						min="1"
						max="999999"
						required
					/>

					<button
						type="button"
						class="iz-btn iz-btn--primary iz-btn--sm"
						onclick="pageJump(document.getElementById('iz-page-jump-input'))"
					>
						{{ L_GO }}
					</button>
				</div>

				<noscript>
					<p class="iz-hint">
						{{ L_JUMP_TO_PAGE_NUMBER }}: enter a page number, then use your browser address bar if needed.
					</p>
				</noscript>
			</form>
		</div>
	</details>
</li>
{% endif %}

{% for pagination in pagination %}
	{% if pagination.S_IS_PREV %}
		<li class="iz-pagination__item">
			<a class="iz-pagination__link" href="{{ pagination.PAGE_URL }}" rel="prev" aria-label="{{ L_PREVIOUS }}" role="button">
				<span aria-hidden="true">‹</span>
			</a>
		</li>

	{% elseif pagination.S_IS_CURRENT %}
		<li class="iz-pagination__item is-active" aria-current="page">
			<span class="iz-pagination__current">{{ pagination.PAGE_NUMBER }}</span>
		</li>

	{% elseif pagination.S_IS_ELLIPSIS %}
		<li class="iz-pagination__item is-ellipsis" role="separator" aria-label="{{ L_ELLIPSIS }}">
			<span class="iz-pagination__ellipsis">{{ L_ELLIPSIS }}</span>
		</li>

	{% elseif pagination.S_IS_NEXT %}
		<li class="iz-pagination__item">
			<a class="iz-pagination__link" href="{{ pagination.PAGE_URL }}" rel="next" aria-label="{{ L_NEXT }}" role="button">
				<span aria-hidden="true">›</span>
			</a>
		</li>

	{% else %}
		<li class="iz-pagination__item">
			<a class="iz-pagination__link" href="{{ pagination.PAGE_URL }}" role="button">
				{{ pagination.PAGE_NUMBER }}
			</a>
		</li>
	{% endif %}
{% endfor %}
