<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="FrequentlySearched">

<s:widget.frequentlySearched>
	<f:if condition="{frequentSearches}">
		<div id="tx-meilisearch-frequent-searches" class="secondaryContentSection panel">
			<div class="panel-heading">
				<h3 class="panel-title">
					<span class="glyphicon glyphicon-fire"></span>
					<a data-toggle="collapse" data-parent="#accordion" href="#frequendSearches"><s:translate key="frequentSearches">Frequently searched</s:translate></a>
				</h3>
			</div>
			<div class="list-group panel-collapse collapse" id="frequendSearches">
				<div class="panel-body">
					<ul>
						<f:for each="{frequentSearches}" as="searchedForInfo">
							<li class="{searchedForInfo.class}">
								<a href="{s:uri.search.startNewSearch(queryString: searchedForInfo.q)}" class="meilisearch-ajaxified">{searchedForInfo.q}</a>
							</li>
						</f:for>
					</ul>
				</div>
			</div>
		</div>

	</f:if>
</s:widget.frequentlySearched>

</f:section>

</html>