{namespace n=GeorgRinger\News\ViewHelpers}

<f:layout name="Detail.html" />

<!--
	=====================
		News/Detail.html
-->

<f:section name="content">
	<f:if condition="{newsItem}">

		<f:if condition="{newsItem.categories}">
			<f:for each="{newsItem.categories}" as="category">
				<!-- Begin Heading -->
				<f:if condition="{category.seoTitle} || {category.seoHeadline}">
					<div class="heading heading-xlg">
						<div class="heading heading-xlg">
							<h1>
								<span class="bg-dark text-white">{category.seoTitle}</span>
								<span class="bg-main text-white">{category.seoHeadline}</span>
							</h1>
						</div>
					</div>
				</f:if>
				<!-- End Heading -->
			</f:for>
		</f:if>

		<f:if condition="{newsItem.isEvent}">
			<f:then>
				<div class="headerActu withDate">
			</f:then>
			<f:else>
				<div class="headerActu">
			</f:else>
		</f:if>
			<f:if condition="{newsItem.isEvent}">
				<f:then>
					<div class="event-info">
						<f:render section="dateFormat" arguments="{dateStart: newsItem.eventStart, dateEnd: newsItem.eventEnd}" />
					</div>
				</f:then>
			</f:if>

			<div class="header">
				<h2 itemprop="headline">
					<f:if condition="{newsItem.alternativeTitle}">
						<f:then>
							{newsItem.alternativeTitle}
						</f:then>
						<f:else>
							{newsItem.title}
						</f:else>
					</f:if>
				</h2>
			</div>

			<f:if condition="{newsItem.teaser}">
				<!-- teaser -->
				<p class="lead">
					{newsItem.teaser}
				</p>
			</f:if>
		</div>

		<br>

		<f:render partial="Detail/MediaContainer" arguments="{newsItem: newsItem, settings:settings}" />

		<f:if condition="{newsItem.contentElements}">
			<!-- content elements -->
			<f:cObject typoscriptObjectPath="lib.tx_news.contentElementRendering">{newsItem.contentElementIdList}</f:cObject>
		</f:if>

		<!-- main text -->
		<div class="news-text-wrap" itemprop="articleBody">
			<f:format.html>{newsItem.bodytext}</f:format.html>
		</div>

		<f:if condition="{newsItem.user} || {newsItem.author}">
			<div class="authorNews">
				<f:if condition="{newsItem.author}">
					<!-- author -->
					<span class="news-list-author" itemprop="author" itemscope="itemscope" itemtype="http://schema.org/Person">
						<span itemprop="name">{newsItem.author}</span>
					</span>
				</f:if>

				<f:if condition="{newsItem.user}">
					<!-- author -->
					<f:cObject typoscriptObjectPath="lib.actus.publication" data="{newsItem}"/>
				</f:if>
			</div>
		</f:if>

		<f:if condition="{newsItem.falRelatedFiles}">
			<!-- FAL related files -->
			<div class="files">
				<f:for each="{newsItem.falRelatedFiles}" as="relatedFile">
					<div class="file-line">
						<i class="ti-file"></i>
						<a href="{relatedFile.originalResource.publicUrl -> f:format.htmlspecialchars()}" target="_blank" title="Visualiser le fichier">
							{relatedFile.originalResource.name}
						</a>
						<p class="tailleFichier">
							{relatedFile.originalResource.size -> f:format.bytes()}
						</p>
					</div>
				</f:for>
			</div>
		</f:if>
	</f:if>
</f:section>

<f:section name="dateFormat">
	<f:if condition="{dateEnd} && {f:format.date(date:dateEnd, format: 'Ymd')} != {f:format.date(date:dateStart, format: 'Ymd')}">
		<f:then>
			<span><f:format.date format="d">{dateStart}</f:format.date>-<f:format.date format="d">{dateEnd}</f:format.date></span>
			<f:switch expression="{f:format.date(date: dateEnd, format: 'm')}">
				<f:case value="01"><span>jan <f:format.date format="y">{dateEnd}</f:format.date></span></f:case>
				<f:case value="02"><span>fev <f:format.date format="y">{dateEnd}</f:format.date></span></f:case>
				<f:case value="03"><span>mar <f:format.date format="y">{dateEnd}</f:format.date></span></f:case>
				<f:case value="04"><span>avr <f:format.date format="y">{dateEnd}</f:format.date></span></f:case>
				<f:case value="05"><span>mai <f:format.date format="y">{dateEnd}</f:format.date></span></f:case>
				<f:case value="06"><span>jui <f:format.date format="y">{dateEnd}</f:format.date></span></f:case>
				<f:case value="07"><span>juil <f:format.date format="y">{dateEnd}</f:format.date></span></f:case>
				<f:case value="08"><span>aoû <f:format.date format="y">{dateEnd}</f:format.date></span></f:case>
				<f:case value="09"><span>sep <f:format.date format="y">{dateEnd}</f:format.date></span></f:case>
				<f:case value="10"><span>oct <f:format.date format="y">{dateEnd}</f:format.date></span></f:case>
				<f:case value="11"><span>nov <f:format.date format="y">{dateEnd}</f:format.date></span></f:case>
				<f:case value="12"><span>dec <f:format.date format="y">{dateEnd}</f:format.date></span></f:case>
			</f:switch>
		</f:then>
		<f:else>
			<f:switch expression="{f:format.date(date: dateStart, format: 'm')}">
				<f:case value="01"><span><f:format.date format="d">{dateStart}</f:format.date></span><span>jan <f:format.date format="y">{dateStart}</f:format.date></span></f:case>
				<f:case value="02"><span><f:format.date format="d">{dateStart}</f:format.date></span><span>fev <f:format.date format="y">{dateStart}</f:format.date></span></f:case>
				<f:case value="03"><span><f:format.date format="d">{dateStart}</f:format.date></span><span>mar <f:format.date format="y">{dateStart}</f:format.date></span></f:case>
				<f:case value="04"><span><f:format.date format="d">{dateStart}</f:format.date></span><span>avr <f:format.date format="y">{dateStart}</f:format.date></span></f:case>
				<f:case value="05"><span><f:format.date format="d">{dateStart}</f:format.date></span><span>mai <f:format.date format="y">{dateStart}</f:format.date></span></f:case>
				<f:case value="06"><span><f:format.date format="d">{dateStart}</f:format.date></span><span>jui <f:format.date format="y">{dateStart}</f:format.date></span></f:case>
				<f:case value="07"><span><f:format.date format="d">{dateStart}</f:format.date></span><span>juil <f:format.date format="y">{dateStart}</f:format.date></span></f:case>
				<f:case value="08"><span><f:format.date format="d">{dateStart}</f:format.date></span><span>aoû <f:format.date format="y">{dateStart}</f:format.date></span></f:case>
				<f:case value="09"><span><f:format.date format="d">{dateStart}</f:format.date></span><span>sep <f:format.date format="y">{dateStart}</f:format.date></span></f:case>
				<f:case value="10"><span><f:format.date format="d">{dateStart}</f:format.date></span><span>oct <f:format.date format="y">{dateStart}</f:format.date></span></f:case>
				<f:case value="11"><span><f:format.date format="d">{dateStart}</f:format.date></span><span>nov <f:format.date format="y">{dateStart}</f:format.date></span></f:case>
				<f:case value="12"><span><f:format.date format="d">{dateStart}</f:format.date></span><span>dec <f:format.date format="y">{dateStart}</f:format.date></span></f:case>
			</f:switch>
		</f:else>
	</f:if>
</f:section>