<f:layout name="Default" />

{namespace sg=SGalinski\SgNews\ViewHelpers}

<f:section name="main">
	<f:if condition="{newsByCategory}">
		<div class="tx-sgnews-categories">
			<div class="tx-sgnews-categories-tabmenu-outer tabs-menu">
				<a class="tabs-menu-button" href="#">Kategorie <span></span></a>

				<ul class="tx-sgnews-categories-tabmenu tabs-menu-list nav nav-tabs">
					<f:for each="{newsByCategory}" as="dataByCategory">
						<li class="tx-sgnews-category">
							<a class="category-{dataByCategory.category.uid}" data-tab="tx-sgnews-categories-tabcontent{dataByCategory.category.uid}" href="#tx-sgnews-categories-tabcontent{dataByCategory.category.uid}">
								{dataByCategory.category.subtitleWithFallbackToTitle}
							</a>
						</li>
					</f:for>
				</ul>
			</div>

			<div class="tx-sgnews-categories-tabcontents tabs-contents">
				<f:for each="{newsByCategory}" as="dataByCategory">
					<div class="tx-sgnews-categories-tabcontent" id="tx-sgnews-categories-tabcontent{dataByCategory.category.uid}">
						<h4 class="tx-sgnews-tab-title">{dataByCategory.category.title}</h4>
						<ul class="tx-sgnews-list row">
							<f:for each="{dataByCategory.newsMetaData}" as="newsMetaDataEntry">
								<li class="col-md-4 col-sm-6 col-xs-12">
									<f:render partial="Teaser" arguments="{
										newsMetaData: newsMetaDataEntry,
										headerTag: '<h2>',
										closingHeaderTag: '</h2>',
										showCategory: 0
									}" />
								</li>
							</f:for>
						</ul>

						<div class="text-center">
							<a class="btn btn-md btn-success category-{dataByCategory.category.uid}" href="{f:uri.page(pageUid: '{dataByCategory.category.uid}')}">
								<f:translate key="frontend.overview.showAllEntries" />
							</a>
						</div>
					</div>
				</f:for>
			</div>
		</div>
	</f:if>
</f:section>