{namespace events=GeorgRinger\Eventnews\ViewHelpers}{namespace n=GeorgRinger\News\ViewHelpers}
<f:layout name="General" />

<f:section name="content">
	<f:switch expression="{settings.templateLayout}">
		<!-- AGENDA -->
		<f:case value="4">
			<div class="col-md-cal nano has-scrollbar">
				<div class="nano-content">
					<div class="calendar calendar-event">
						<events:calendar newsList="{news}" demand="{demand}" firstDayOfWeek="1">
							<table class="table">
								<tr class="title">
									<th colspan="7">
										<ul class="pager">
											<li class="previous">
												<f:link.action controller="News" action="month" arguments="{overwriteDemand:{month:previousMonthData.month,year:previousMonthData.year}}" pageUid="{currentPageId}" rel="nofollow">
													<i class="ion-chevron-left"></i>
												</f:link.action>			
											</li>
											<li>{f:format.date(date:currentMonthData.date,format:'%B %Y')}</li>
											<li class="next">
												<f:link.action controller="News" action="month" arguments="{overwriteDemand:{month:nextMonthData.month,year:nextMonthData.year}}" pageUid="{currentPageId}" rel="nofollow">
													<i class="ion-chevron-right"></i>
												</f:link.action>
											</li>
										</ul>
									</th>
								</tr>
								<f:for each="{weeks}" as="week">
									<tr>
										<f:for each="{week}" as="day">
											<f:render section="calday" arguments="{day:day, settings:settings}"></f:render>
										</f:for>
									</tr>
								</f:for>
							</table>
						</events:calendar>
					</div>
					<div class="category-list">
						<f:cObject typoscriptObjectPath="lib.updateNewsCategory"/>
						<f:render section="category" arguments="{_all}"></f:render>
					</div>
				</div>
			</div>

			<div class="col-md-list nano has-scrollbar">
				<div class="nano-content">
					<f:cObject typoscriptObjectPath="lib.navigation.breadcrumb"/>
					<f:cObject typoscriptObjectPath="lib.favButton"/>
					<f:cObject typoscriptObjectPath="lib.pageTitle"/>
					<div class="container-event-list">
						<div class="cal-event-item first">
							<div class="cal-event-date">
								<span class="event-month">{f:format.date(date:currentMonthData.date,format:'%B')}</span>
							</div>
						</div>
						<f:for each="{news}" as="n">
							<f:if condition="{overwriteDemand.day}">
								<f:then>
									<f:if condition="{events:dayCompare(newsItem:n,demand:demand)}">
										<f:render section="listItemEvent" arguments="{_all}" />
									</f:if>
								</f:then>
								<f:else>
									<f:render section="listItemEvent" arguments="{_all}" />
								</f:else>
							</f:if>
						</f:for>
						<div class="cal-event-item last">
							<div class="cal-event-date"></div>
						</div>
					</div>
				</div>
			</div>
		</f:case>

		<!-- DEFAULT -->
		<f:defaultCase>
			<div class="col-md-cal nano has-scrollbar">
				<div class="nano-content">
					<div class="calendar calendar-news">
						<events:calendar newsList="{news}" demand="{demand}" firstDayOfWeek="1">
							<table class="table">
								<tr class="title">
									<th colspan="7">
										<ul class="pager">
											<li class="previous">
												<f:link.action controller="News" action="month" arguments="{overwriteDemand:{month:previousMonthData.month,year:previousMonthData.year}}" pageUid="{currentPageId}" rel="nofollow">
													<i class="ion-chevron-left"></i>
												</f:link.action>
											</li>
											<li>{f:format.date(date:currentMonthData.date,format:'%B %Y')}</li>
											<li class="next">
												<f:link.action controller="News" action="month" arguments="{overwriteDemand:{month:nextMonthData.month,year:nextMonthData.year}}" pageUid="{currentPageId}" rel="nofollow">
													<i class="ion-chevron-right"></i>
												</f:link.action>
											</li>
										</ul>
									</th>
								</tr>
								<f:for each="{weeks}" as="week">
									<tr>
										<f:for each="{week}" as="day">
											<f:render section="calday" arguments="{day:day, settings:settings}"></f:render>
										</f:for>
									</tr>
								</f:for>
							</table>
						</events:calendar>
					</div>
					<div class="category-list">
						<f:cObject typoscriptObjectPath="lib.updateNewsCategory"/>
						<f:render section="category" arguments="{_all}"></f:render>
					</div>
				</div>
			</div>
			<div class="col-md-list nano has-scrollbar">
				<div class="nano-content">
					<f:cObject typoscriptObjectPath="lib.navigation.breadcrumb"/>
					<f:cObject typoscriptObjectPath="lib.favButton"/>
					<f:cObject typoscriptObjectPath="lib.pageTitle"/>
					<div class="container-news-list">
						<f:for each="{dayOfNews}" as="dayNews">
							<f:if condition="{overwriteDemand.day}">
								<f:then>
									<f:if condition="{overwriteDemand.day} == {dayNews}">
										<div class="cal-day-container">
											<div class="news-date-publi">
												<div class="cal-news-day">
													<span class="news-date">
														Publié le <span class="news-day">{dayNews}</span>
														<span class="news-month">{f:format.date(date:currentMonthData.date,format:'%b')}</span>
													</span>
												</div>
											</div>
											<f:for each="{news}" as="n">
												<f:if condition="{f:format.date(date:n.datetime, format: 'j')} == {dayNews}">
													<f:if condition="{overwriteDemand.day}">
														<f:then>
															<f:if condition="{events:dayCompare(newsItem:n,demand:demand)}">
																<f:render section="listActuItem" arguments="{_all}" />
															</f:if>
														</f:then>
														<f:else>
															<f:render section="listActuItem" arguments="{_all}" />
														</f:else>
													</f:if>
												</f:if>
											</f:for>
											<div class="cal-news-item last">
												<div class="cal-news-date"></div>
											</div>
										</div>
									</f:if>
								</f:then>

								<f:else>
									<div class="cal-day-container">
										<div class="news-date-publi">
												<span class="news-date">
													Publié le <span class="news-day">{dayNews}</span>
													<span class="news-month">{f:format.date(date:currentMonthData.date,format:'%b')}</span>
												</span>
										</div>
										<f:for each="{news}" as="n">
											<f:if condition="{f:format.date(date:n.datetime, format: 'd')} == {dayNews}">
												<f:if condition="{overwriteDemand.day}">
													<f:then>
														<f:if condition="{events:dayCompare(newsItem:n,demand:demand)}">
															<f:render section="listActuItem" arguments="{_all}" />
														</f:if>
													</f:then>
													<f:else>
														<f:render section="listActuItem" arguments="{_all}" />
													</f:else>
												</f:if>
											</f:if>
										</f:for>
										<div class="cal-news-item last">
											<div class="cal-news-date"></div>
										</div>
									</div>
								</f:else>
							</f:if>
						</f:for>
					</div>
				</div>
			</div>
		</f:defaultCase>
	</f:switch>
</f:section>

<f:section name="listItemEvent">
	<f:if condition="{n.categories}">
		<f:then>
			<f:variable name="categoryGoodContainer" value="0" />
			<f:for each="{n.categories}" as="category">
				<f:if condition="{categoryGoodContainer} == 0 && {category.uid} != {f:cObject(typoscriptObjectPath: 'lib.systemDisplayCats')} && {category.parentcategory.uid} != {f:cObject(typoscriptObjectPath: 'lib.systemDisplayCats')}">
					<div class="cal-event-item news color-category-{categories.parentcategory.uid}" data-category="{category.uid},">
					<f:variable name="categoryGoodContainer" value="1" />
				</f:if>
			</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:variable name="categoryGoodEvent" value="0" />
			<f:for each="{n.categories}" as="category">
				<f:if condition="{categoryGoodEvent} == 0 && {category.uid} != {f:cObject(typoscriptObjectPath: 'lib.systemDisplayCats')} && {category.parentcategory.uid} != {f:cObject(typoscriptObjectPath: 'lib.systemDisplayCats')}">
					<span class="category-{category.parentcategory.uid}">{category.title}</span>
					<f:variable name="categoryGoodEvent" value="1" />
				</f:if>
			</f:for>
		</f:if>
	</div>
	</div>
</f:section>

<f:section name="listActuItem">
	<f:if condition="{n.isEvent}">
		<f:then>
			<f:if condition="{n.categories}">
				<f:then>
					<f:variable name="categoryGoodContainer" value="0" />
					<f:for each="{n.categories}" as="category">
						<f:if condition="{categoryGoodContainer} == 0 && {category.uid} != {f:cObject(typoscriptObjectPath: 'lib.systemDisplayCats')} && {category.parentcategory.uid} != {f:cObject(typoscriptObjectPath: 'lib.systemDisplayCats')}">
							<div class="cal-news-item news event color-category-{category.parentcategory.uid}" data-category="{category.uid},">
							<f:variable name="categoryGoodContainer" value="1" />
						</f:if>
					</f:for>
				</f:then>
				<f:else>
					<div class="cal-news-item news">
				</f:else>
			</f:if>
			<div class="cal-news-date">
				<div class="cal-news-item first time-line-event">
					<div class="cal-news-day">
							<span class="news-date">
								<span class="news-day">{f:format.date(date:n.eventStart,format:'%d')}</span>
								<span class="news-month">{f:format.date(date:n.eventStart,format:'%b')}</span>
							</span>
					</div>
				</div>
			</div>
			<div class="cal-news-content">
				<div class="cal-news-subcontent">
					<h3><n:link newsItem="{n}" settings="{settings}">{n.title}</n:link></h3>
					<f:if condition="{f:format.date(date:n.eventEnd, format: 'Ymd')} != {f:format.date(date:n.eventStart, format: 'Ymd')}">
						<f:if condition="{f:format.date(date:n.eventEnd, format: 'Ym')} != {f:format.date(date:n.eventStart, format: 'Ym')}">
							<f:then>
								<f:if condition="{f:format.date(date:n.eventEnd, format: 'Y')} != {f:format.date(date:n.eventStart, format: 'Y')}">
									<f:then>
										<time class="eventDateLabel">Du {f:format.date(date:n.eventStart,format:'%e %B %Y')} au {f:format.date(date:n.eventEnd,format:'%e %B %Y')}</time>
									</f:then>
									<f:else>
										<time class="eventDateLabel">Du {f:format.date(date:n.eventStart,format:'%e %B')} au {f:format.date(date:n.eventEnd,format:'%e %B %Y')}</time>
									</f:else>
								</f:if>
							</f:then>
							<f:else>
								<time class="eventDateLabel">Du {f:format.date(date:n.eventStart,format:'%e')} au {f:format.date(date:n.eventEnd,format:'%e %B %Y')}</time>
							</f:else>
						</f:if>
					</f:if>
					<f:if condition="{n.categories}">
						<f:variable name="categoryGoodEvent" value="0" />
						<f:for each="{n.categories}" as="category">
							<f:if condition="{categoryGoodEvent} == 0 && {category.uid} != {f:cObject(typoscriptObjectPath: 'lib.systemDisplayCats')} && {category.parentcategory.uid} != {f:cObject(typoscriptObjectPath: 'lib.systemDisplayCats')}">
								<span class="category-{category.parentcategory.uid}">{category.title}</span>
								<f:variable name="categoryGoodEvent" value="1" />
							</f:if>
						</f:for>
					</f:if>
				</div>
			</div>
			</div>
		</f:then>
		<f:else>
			<f:if condition="{n.categories}">
				<f:then>
					<f:variable name="categoryGoodContainer" value="0" />
					<f:for each="{n.categories}" as="category">
						<f:if condition="{categoryGoodContainer} == 0 && {category.uid} != {f:cObject(typoscriptObjectPath: 'lib.systemDisplayCats')} && {category.parentcategory.uid} != {f:cObject(typoscriptObjectPath: 'lib.systemDisplayCats')}">
							<f:if condition="3 == {category.parentcategory.uid}">
								<f:then>
									<div class="cal-news-item news color-{category.seoTitle}" data-category="{category.uid},">
									<f:variable name="categoryGoodContainer" value="1" />
								</f:then>
								<f:else>
									<div class="cal-news-item news color-{category.parentcategory.seoTitle}" data-category="{category.uid},">
									<f:variable name="categoryGoodContainer" value="1" />
								</f:else>
							</f:if>
						</f:if>
					</f:for>
				</f:then>
				<f:else>
					<div class="cal-news-item news">
				</f:else>
			</f:if>
			<div class="cal-news-picto {newsItem.categories.0.parentcategory.seoTitle}">
				<f:if condition="{n.falMediaPreviews}">
					<f:then>
							<span class="cal-news-img" style="
							background-image: url('/fileadmin{n.falMediaPreviews.0.originalResource.originalFile.identifier}');
							filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fileadmin{n.falMediaPreviews.0.originalResource.originalFile.identifier}',
							sizingMethod='scale');
							-ms-filter:
							&quot;progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin{n.falMediaPreviews.0.originalResource.originalFile.identifier}',
							sizingMethod='scale')&quot;;
							background-color: #333333;"></span>
					</f:then>
					<f:else>
						<f:if condition="{n.categories}">
							<f:variable name="categoryGoodPicto" value="0" />
							<f:for each="{n.categories}" as="category">
								<f:if condition="{categoryGoodPicto} == 0 && {category.uid} != {f:cObject(typoscriptObjectPath: 'lib.systemDisplayCats')} && {category.parentcategory.uid} != {f:cObject(typoscriptObjectPath: 'lib.systemDisplayCats')}">
									<f:if condition="3 == {category.parentcategory.uid}">
										<f:then>
											<span class="cat-news-picto ">
												<i class="cat-picto {category.seoDescription}"></i>
											</span>
											<f:variable name="categoryGoodPicto" value="1" />
										</f:then>
										<f:else>
											<span class="cat-news-picto ">
												<i class="cat-picto {category.parentcategory.seoDescription}"></i>
											</span>
											<f:variable name="categoryGoodPicto" value="1" />
										</f:else>
									</f:if>
								</f:if>
							</f:for>
						</f:if>
					</f:else>
				</f:if>
			</div>
			<div class="cal-news-content">
				<h3><n:link newsItem="{n}" settings="{settings}">{n.title}</n:link></h3>
				<f:if condition="{n.categories}">
					<f:variable name="categoryGoodBadgeNews" value="0" />
					<f:for each="{n.categories}" as="category">
						<f:if condition="{categoryGoodBadgeNews} == 0 && {category.uid} != {f:cObject(typoscriptObjectPath: 'lib.systemDisplayCats')} && {category.parentcategory.uid} != {f:cObject(typoscriptObjectPath: 'lib.systemDisplayCats')}">
							<f:if condition="3 == {category.parentcategory.uid}">
								<f:then>
									<span class="category-{category.uid} color-{category.seoTitle}">{category.title}</span>
									<f:variable name="categoryGoodBadgeNews" value="1" />
								</f:then>
								<f:else>
									<span class="category-{category.parentcategory.uid} color-{category.parentcategory.seoTitle}">{category.title}</span>
									<f:variable name="categoryGoodBadgeNews" value="1" />
								</f:else>
							</f:if>
						</f:if>
					</f:for>
				</f:if>
			</div>
			</div>
		</f:else>
	</f:if>
</f:section>

<f:section name="calday">
	<td class="day{f:format.date(date: day.ts, format: 'N')} {f:if(condition: '{day.curmonth}', then: 'curmonth', else: 'othermonth')}{f:if(condition: '{day.news}', then: ' hasevents')}{f:if(condition: '{day.curday}', then: ' today')}">
		<f:if condition="{day.news}">
			<f:then>
				<f:link.action action="month" addQueryString="1" additionalParams="{tx_news_pi1:{overwriteDemand:{day:day.day}}}">{day.day}</f:link.action>
			</f:then>
			<f:else>
				<span>{day.day}</span>
			</f:else>
		</f:if>
	</td>
</f:section>

<f:section name="category">
	<f:for each="{allCategories}" as="category">
		<f:for each="{category}" as="sub_category" iteration='iteration'>
			<f:if condition="{iteration.index} == 0">
				<div class="category-container category-{sub_category.parentcategory.seoTitle}">
					<div class="category-parent-container">
				<span class="category-parent">
					<i class="{newsItem.categories.0.parentcategory.seoTitle} {sub_category.parentcategory.seoDescription}"></i>
				</span>
					</div>
					<div class="category-children-container">
			</f:if>
			<span class="category" data-category="{sub_category.uid}" data-category-parent="{sub_category.parentcategory.uid}">
			{sub_category.title}
		</span>
		</f:for>
		</div>
		</div>
	</f:for>
</f:section>