<html xmlns="http://www.w3.org/1999/xhtml" lang="en"
xmlns:f="http://typo3.org/ns/TYPO3/Fluid/ViewHelpers"
xmlns:s="http://typo3.org/ns/WapplerSystems/Meilisearch/ViewHelpers">
<f:section name="Sorting">
<div id="tx-meilisearch-sorting" class="secondaryContentSection dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="sortDropDown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<span class=" glyphicon glyphicon-sort"></span>
<s:translate key="sorting_sortBy">Sorting</s:translate>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" aria-labelledby="sortDropDown">
<f:for each="{resultSet.sortings}" as="sorting">
<f:if condition="{sorting.isResetOption}">
<f:then>
<li>
<a href="{s:uri.sorting.removeSorting()}" class="meilisearch-ajaxified">{sorting.label}</a>
</li>
</f:then>
<f:else>
<f:if condition="{sorting.selected}">
<f:then>
<li class="active">
<a href="{s:uri.sorting.setSorting(sortingName: sorting.name, sortingDirection: sorting.oppositeDirection)}" class="meilisearch-ajaxified">
<f:if condition="{sorting.isAscDirection}">
<f:then><span class=" glyphicon glyphicon-arrow-up pull-right"></span></f:then>
<f:else><span class=" glyphicon glyphicon-arrow-down pull-right"></span></f:else>
</f:if>
<span>{sorting.label}</span>
</a>
</li>
</f:then>
<f:else>
<li>
<a href="{s:uri.sorting.setSorting(sortingName: sorting.name, sortingDirection: sorting.direction)}" class="meilisearch-ajaxified">{sorting.label}</a>
</li>
</f:else>
</f:if>
</f:else>
</f:if>
</f:for>
</ul>
</div>
</f:section>