{namespace sg=SGalinski\SgNews\ViewHelpers}

<f:comment>
	<!--
	Usage Example:

	<f:render partial="Teaser" arguments="{
		newsMetaData: newsMetaData,
		headerTag: '<h3>',
		closingHeaderTag: '</h3>',
		showCategory: 1
	}" />

	newsMetaData -> news element
	headerTag -> hierarchy type of the header tag
	showCategory -> defines if the category may be shown

	Use <f:debug>{_all}</f:debug> to see all parameters and fields.
	-->
</f:comment>

<f:alias map="{singleViewUri: '{f:uri.page(pageUid: \'{newsMetaData.news.uid}\')}'}">
	<a href="{singleViewUri}">
		<f:if condition="{newsMetaData.teaserImageObject}">
			<div class="tx-sgnews-teaser-image tx-sgnews-teaser-image-stretched" style="background-image: url({f:uri.image(image: newsMetaData.teaserImageObject)});"></div>
		</f:if>
		<div class="tx-sgnews-teaser-inner">
			<div class="tx-sgnews-teaser-title">
				{headerTag -> f:format.raw()}
				{newsMetaData.news.subtitleWithFallbackToTitle}
				{closingHeaderTag -> f:format.raw()}
			</div>

			<div class="tx-sgnews-teaser-description">
				<f:format.html>{newsMetaData.news.description}</f:format.html>
			</div>

		</div>

		<div class="tx-sgnews-teaser-meta">
			<span class="author">
				<f:if condition="{newsMetaData.news.authorFrontendUser}">
					<f:then>
						{newsMetaData.news.authorFrontendUser.name}
					</f:then>
					<f:else>
						{newsMetaData.news.author}
					</f:else>
				</f:if>
			</span>

			<f:if condition="{newsMetaData.news.location}">
				<span class="location">
					{newsMetaData.news.location}
				</span>
			</f:if>

			<span class="date">
				<f:format.date format="{f:translate(key:'frontend.dateformat')}">{newsMetaData.news.lastUpdated}</f:format.date>
			</span>

			<f:if condition="{showCategory}">
				<span class="category">
					{newsMetaData.category.subtitleWithFallbackToTitle}
				</span>
			</f:if>

			<span class="likes"><span class="badge"><i class="fa fa-star"></i>{newsMetaData.news.likes}</span></span>
		</div>
	</a>
</f:alias>