{namespace core=TYPO3\CMS\Core\ViewHelpers}
{namespace sg=SGalinski\SgMail\ViewHelpers}

<nav class="pagination-wrap">
	<ul class="pagination pagination-block">
		<f:if condition="{pagination.previousPageNumber} && {pagination.previousPageNumber} >= {pagination.firstPageNumber}">
			<f:then>
				<li>
					<a href="{f:uri.action(action:actionName, arguments:{currentPage: 1})}" title="{f:translate(key:'widget.pagination.first')}">
						<core:icon identifier="actions-view-paging-first" />
					</a>
				</li>
				<li>
					<a href="{f:uri.action(action:actionName, arguments:{currentPage: pagination.previousPageNumber})}" title="{f:translate(key:'widget.pagination.previous')}">
						<core:icon identifier="actions-view-paging-previous" />
					</a>
				</li>
			</f:then>
			<f:else>
				<li class="disabled">
					<span>
						<core:icon identifier="actions-view-paging-first" />
					</span>
				</li>
				<li class="disabled">
					<span>
						<core:icon identifier="actions-view-paging-previous" />
					</span>
				</li>
			</f:else>
		</f:if>
		<li>
			<span>
				<f:if condition="{recordsLabel}">
					<f:then>
						{recordsLabel}
					</f:then>
					<f:else>
						<f:translate key="widget.pagination.records" />
					</f:else>
				</f:if>
				{pagination.startRecordNumber} - {pagination.endRecordNumber} / {paginator.totalItems}
			</span>
		</li>
		<li>
			<span>
				<f:translate key="widget.pagination.page" />
				<form id="paginator-form-{position}" onsubmit="goToPage{position}(this); return false;" style="display:inline;">
				<script type="text/javascript">
					function goToPage{position}(formObject) {
						var page = formObject.elements['paginator-target-page'].value;
						var url = '{f:uri.action(action:actionName, arguments:{currentPage: 987654321}) -> f:format.raw()}';

						if (page > {pagination.lastPageNumber}) {
							page = {pagination.lastPageNumber};
						}
						else
						if (page < 1) {
							page = 1;
						}
						url = url.replace('987654321', page);
						self.location.href = url;
					}
				</script>
				<f:form.textfield id="paginator-{position}" name="paginator-target-page" additionalAttributes="{min: '1'}" class="form-control input-sm paginator-input" size="5" value="{currentPage}" type="number" />
				</form>

				/ {pagination.lastPageNumber}
			</span>
		</li>
		<f:if condition="{pagination.nextPageNumber} && {pagination.nextPageNumber} <= {pagination.lastPageNumber}">
			<f:then>
				<li>
					<a href="{f:uri.action(action:actionName, arguments:{currentPage: pagination.nextPageNumber})}" title="{f:translate(key:'widget.pagination.next')}">
						<core:icon identifier="actions-view-paging-next" />
					</a>
				</li>
				<li>
					<a href="{f:uri.action(action:actionName, arguments:{currentPage: pagination.lastPageNumber})}" title="{f:translate(key:'widget.pagination.last')}">
						<core:icon identifier="actions-view-paging-last" />
					</a>
				</li>
			</f:then>
			<f:else>
				<li class="disabled">
					<span>
						<core:icon identifier="actions-view-paging-next" />
					</span>
				</li>
				<li class="disabled">
					<span>
						<core:icon identifier="actions-view-paging-last" />
					</span>
				</li>
			</f:else>
		</f:if>
		<li>
			<a href="{f:uri.action(action:actionName, arguments:{currentPage: currentPage})}" title="{f:translate(key:'widget.pagination.refresh')}">
				<core:icon identifier="actions-refresh" />
			</a>
		</li>
	</ul>
</nav>