{namespace n=GeorgRinger\News\ViewHelpers}
<f:layout name="General" />
<!--
	=====================
		Templates/News/List.html
-->

<f:section name="content">
	<f:switch expression="{settings.templateLayout}">

		 <!-- CARROUSEL DE DOSSIER -->
		<f:case value="1">
			<!--TYPO3SEARCH_end-->
			<f:if condition="{news}">
				<f:then>
					<div id="carousel-{contentObjectData.uid}" class="carousel slide" data-interval="5000" data-wrap="1" data-ride="carousel">
						<div class="carousel-inner" role="listbox">
							<f:for each="{news}" as="newsItem" iteration="iterator">
								<f:render partial="List/ItemFolder" arguments="{newsItem: newsItem,settings:settings,iterator:iterator}" />
							</f:for>
						</div>
						<f:if condition="{news -> f:count()} > 1">
							<ol class="carousel-indicators">
								<f:for each="{news}" as="newsItem" iteration="iterator">
									<li data-target="#carousel-{contentObjectData.uid}" data-slide-to="{iterator.index}" class="{f:if(condition: iterator.isFirst,then:'active')}"></li>
								</f:for>
							</ol>
							<f:link.page class="left carousel-control" additionalAttributes="{data-slide: 'prev', role: 'button'}" section="carousel-{contentObjectData.uid}">
								<span class="glyphicon glyphicon-chevron-left ion-chevron-left"></span>
								<span class="sr-only">{f:translate(key: 'previous', extensionName: 'bootstrap_package')}</span>
							</f:link.page>
							<f:link.page class="right carousel-control" additionalAttributes="{data-slide: 'next', role: 'button'}" section="carousel-{contentObjectData.uid}">
								<span class="glyphicon glyphicon-chevron-right ion-chevron-right"></span>
								<span class="sr-only">{f:translate(key: 'next', extensionName: 'bootstrap_package')}</span>
							</f:link.page>
						</f:if>
					</div>
				</f:then>
				<f:else>
					<div class="no-news-found">
						<f:translate key="list_nonewsfound" />
					</div>
				</f:else>
			</f:if>
			<!--TYPO3SEARCH_begin-->
		</f:case>

		<!-- CARROUSEL EVENT -->
		<f:case value="2">
			<!--TYPO3SEARCH_end-->
			<div id="agenda">
				<h2 class="slider-title">Evènement à venir</h2>
				<div id="slider-prev" class="bx-prev"></div> 
				<ul id="agendaCarousel">
					<f:for each="{news}" as="newsItem" iteration="iterator">
						<f:if condition="{newsItem.isEvent}">
							<f:then>
								<f:render partial="List/ItemEvent" arguments="{newsItem: newsItem,settings:settings,iterator:iterator,currentDateTime:currentDateTime}" />
							</f:then>
						</f:if>
					</f:for>
				</ul>
				<div id="slider-next" class="bx-next"></div>
			</div>
			<!--TYPO3SEARCH_begin-->
		</f:case>
	
		<!-- FIL INFO TIMELINE -->
		<f:case value="3">
			<!--TYPO3SEARCH_end-->
			<f:if condition="{news}">
				<f:then>
					<f:cObject typoscriptObjectPath="lib.newsletter.displayTitle" data="{contentObjectData}" currentValueKey="uid"/>
					<f:cObject typoscriptObjectPath="lib.newsletter.displayImg" data="{contentObjectData}" currentValueKey="uid"/>
					<div class="news-list-timeline">
						<f:for each="{dayOfNews}" as="dayNews">
							<div class="cal-day-container">
								<f:for each="{news}" as="newsItem" iteration="iterator">
									<f:if condition="{f:format.date(date:newsItem.datetime, format: 'Ymj')} == {dayNews}">
										<f:render partial="List/ItemTimeLine" arguments="{newsItem: newsItem,settings:settings,iterator:iterator}" />
									</f:if>
								</f:for>
								<div class="cal-news-item last">
									<div class="cal-news-date"></div>
								</div>
							</div>
						</f:for>
					</div>
					<f:cObject typoscriptObjectPath="lib.newsletter.displayTexte" data="{contentObjectData}" currentValueKey="uid"/>
				</f:then>
			</f:if>
			<!--TYPO3SEARCH_begin-->
		</f:case>
		<!-- FIL INFO AGENDA -->
		<f:case value="5">
			<div class="col-md-list nano2 has-scrollbar">
				<div class="nano-content2">
					<div class="container-event-list">
						<div class="container-event-list">
							<f:for each="{news}" as="n">
								<f:if condition="{f:format.date(date:n.eventEnd, format: 'Ymd')} > {f:format.date(date:'now', format: 'Ymd')}">
									<f:then>
										<div class="cal-event-item first">
											<div class="cal-event-date">
												<span class="event-month">{f:format.date(date:n.eventStart,format:'%B')}</span>
											</div>
										</div>
										<f:render section="listItemEvent" arguments="{_all}" />
									</f:then>
								</f:if>
							</f:for>
							<div class="cal-event-item last">
								<div class="cal-event-date"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</f:case>
	
		<!-- DEFAULT -->
		<f:defaultCase>
			<!--TYPO3SEARCH_end-->
			<f:if condition="{news}">
				<f:then>
					<div class="news-list-view">
						<f:if condition="{settings.hidePagination}">
							<f:then>
								<f:for each="{news}" as="newsItem" iteration="iterator">
									<f:render partial="List/Item" arguments="{newsItem: newsItem,settings:settings,iterator:iterator}" />
								</f:for>
							</f:then>
							<f:else>
								<n:widget.paginate objects="{news}" as="paginatedNews" configuration="{settings.list.paginate}" initial="{offset:settings.offset,limit:settings.limit}">
									<f:for each="{paginatedNews}" as="newsItem" iteration="iterator">
										<f:render partial="List/Item" arguments="{newsItem: newsItem,settings:settings,iterator:iterator}" />
									</f:for>
								</n:widget.paginate>
							</f:else>
						</f:if>
					</div>
				</f:then>
				<f:else>
					<div class="no-news-found">
						<f:translate key="list_nonewsfound" />
					</div>
				</f:else>
			</f:if>
			<!--TYPO3SEARCH_begin-->
		</f:defaultCase>

	</f:switch>
</f:section>

<f:section name="listItemEvent">
	<f:if condition="{n.categories}">
		<f:then>
			<div class="cal-event-item news color-category-{n.categories.0.parentcategory.uid}" data-category="<f:for each="{n.categories}" as="category">{category.uid},</f:for>">
		</f:then>
		<f:else>
			<div class="cal-event-item news">
		</f:else>
	</f:if>
	<div class="cal-event-date">
		<f:if condition="{n.eventStart}">
			<f:if condition="{f:format.date(date:n.eventEnd, format: 'Ymd')} > {f:format.date(date:n.eventStart, format: 'Ymd')}">
				<f:then>
					<div class="event-multi-day">
						<span class="event-start">{f:format.date(date:n.eventStart.date,format:'%d')}</span>
						<span class="event-end">{f:format.date(date:n.eventEnd.date,format:'%d')}</span>
					</div>
				</f:then>
				<f:else>
					<span>{f:format.date(date:n.eventStart.date,format:'%d')}</span>
				</f:else>
			</f:if>

		</f:if>
	</div>
	<div class="cal-event-content">
		<h3><n:link newsItem="{n}" settings="{settings}">{n.title}</n:link></h3>
		<f:if condition="{n.locationSimple}">
			<p class="cal-event-location">{n.locationSimple}</p>
		</f:if>
		<f:if condition="{n.categories}">
			<f:for each="{n.categories}" as="category">
				<span class="category-{category.parentcategory.uid}">{category.title}</span>
			</f:for>
		</f:if>
	</div>
	</div>
</f:section>