{namespace we=WE\BaseBox\ViewHelpers}

<f:if condition="{configuration.insertAbove}">
	<f:render section="paginator" arguments="{pagination: pagination}" />
</f:if>

<f:renderChildren arguments="{contentArguments}" />

<f:if condition="{configuration.insertBelow}">
	<f:render section="paginator" arguments="{pagination: pagination}" />
</f:if>

<f:section name="paginator">
	<f:if condition="{pagination.numberOfPages} > 1">
		<ul class="pagination">
			<f:if condition="{pagination.previousPage}">
				<li class="previous">
					<f:if condition="{pagination.previousPage} > 1">
						<f:then>
							<we:widget.link class="btn btn-icon-left" action="index" arguments="{currentPage: pagination.previousPage}"><f:translate id="previous" package="Swisscom.BankSlmCom" /></we:widget.link>
						</f:then>
						<f:else>
							<we:widget.link class="btn btn-icon-left" action="index"><f:translate id="previous" package="Swisscom.BankSlmCom" /></we:widget.link>
						</f:else>
					</f:if>
				</li>
			</f:if>
			<f:if condition="{pagination.displayRangeStart} > 1">
				<li class="first">
					<we:widget.link class="btn" action="index">1</we:widget.link>
				</li>
			</f:if>
			<f:if condition="{pagination.hasLessPages}">
				<li><a class="btn" href="javascript:void(0)">...</a></li>
			</f:if>
			<f:for each="{pagination.pages}" as="page">
				<f:if condition="{page.isCurrent}">
					<f:then>
						<li class="active">
							<a class="btn active" href="javascript:void(0)">{page.number}</a>
						</li>
					</f:then>
					<f:else>
						<li>
							<f:if condition="{page.number} > 1">
								<f:then>
									<we:widget.link class="btn" action="index" arguments="{currentPage: page.number}">{page.number}</we:widget.link>
								</f:then>
								<f:else>
									<we:widget.link class="btn" action="index">{page.number}</we:widget.link>
								</f:else>
							</f:if>
						</li>
					</f:else>
				</f:if>
			</f:for>
			<f:if condition="{pagination.hasMorePages}">
				<li>
					<a class="btn" href="javascript:void(0)">...</a>
				</li>
			</f:if>
			<f:if condition="{pagination.displayRangeEnd} < {pagination.numberOfPages}">
				<li class="last">
					<we:widget.link class="btn" action="index" arguments="{currentPage: pagination.numberOfPages}">{pagination.numberOfPages}</we:widget.link>
				</li>
			</f:if>
			<f:if condition="{pagination.nextPage}">
				<li class="next">
					<we:widget.link class="btn btn-icon-right" action="index" arguments="{currentPage: pagination.nextPage}"><f:translate id="next" package="Swisscom.BankSlmCom" /></we:widget.link>
				</li>
			</f:if>
		</ul>
	</f:if>
</f:section>