{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.page rel="nofollow" pageUid="{currentPageId}" additionalParams="{tx_news_pi1:{overwriteDemand:{month:previousMonthData.month,year:previousMonthData.year}}}">
													<i class="ion-chevron-left"></i>
												</f:link.page>
											</li>
											<li>{f:format.date(date:currentMonthData.date,format:'%B %Y')}</li>
											<li class="next">
												<f:link.page rel="nofollow" pageUid="{currentPageId}" additionalParams="{tx_news_pi1:{overwriteDemand:{month:nextMonthData.month,year:nextMonthData.year}}}">
													<i class="ion-chevron-right"></i>
												</f:link.page>
											</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.page rel="nofollow" pageUid="{currentPageId}" additionalParams="{tx_news_pi1:{overwriteDemand:{month:previousMonthData.month,year:previousMonthData.year}}}">
													<i class="ion-chevron-left"></i>
												</f:link.page>
											</li>
											<li>{f:format.date(date:currentMonthData.date,format:'%B %Y')}</li>
											<li class="next">
												<f:link.page rel="nofollow" pageUid="{currentPageId}" additionalParams="{tx_news_pi1:{overwriteDemand:{month:nextMonthData.month,year:nextMonthData.year}}}">
													<i class="ion-chevron-right"></i>
												</f:link.page>
											</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="cal-news-item first">
												<div class="cal-news-day">
													<span class="news-date">
														<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="cal-news-item first">
											<div class="cal-news-day">
												<span class="news-date">
													<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: '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>
			<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>


<f:section name="listActuItem">
	<f:if condition="{n.isEvent}">
		<f:then>
			<f:if condition="{n.categories}">
				<f:then>
					<div class="cal-news-item news event 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-news-item news">
				</f:else>
			</f:if>
				<div class="cal-news-date">
					<i class="icon-if-calendar"></i>
				</div>
				<div class="cal-news-content">
					<f:if condition="{n.eventStart}">
						<f:if condition="{f:format.date(date:n.eventEnd, format: 'Ymd')} == {f:format.date(date:n.eventStart, format: 'Ymd')}">
							<span class="cal-news-event-date">Le {f:format.date(date:n.eventEnd.date,format:'%e %B %Y')}</span>
						</f:if>
						<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>
											<span class="cal-news-event-date">Du {f:format.date(date:n.eventStart.date,format:'%e %B %Y')} au {f:format.date(date:n.eventEnd.date,format:'%e %B %Y')}</span>
										</f:then>
										<f:else>
											<span class="cal-news-event-date">Du {f:format.date(date:n.eventStart.date,format:'%e %B')} au {f:format.date(date:n.eventEnd.date,format:'%e %B %Y')}</span>
										</f:else>
									</f:if>
								</f:then>
								<f:else>
									<span class="cal-news-event-date">Du {f:format.date(date:n.eventStart.date,format:'%e')} au {f:format.date(date:n.eventEnd.date,format:'%e %B %Y')}</span>
								</f:else>
							</f:if>
						</f:if>
					</f:if>
					<f:if condition="{n.locationSimple}">
						<span class="cal-news-location">{n.locationSimple}</span>
					</f:if>
					<div class="cal-news-subcontent">
						<h3><n:link newsItem="{n}" settings="{settings}">{n.title}</n:link></h3>
						<f:if condition="{n.teaser}">
							<p class="cal-news-teaser">{n.teaser}</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>
			</div>
		</f:then>

		<f:else>
			<f:if condition="{n.categories}">
				<f:then>
					<div class="cal-news-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-news-item news">
				</f:else>
			</f:if>
				<div class="cal-news-picto">
					<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>
							<i class="cat-picto icon-if"></i>
						</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.teaser}">
						<p class="cal-news-teaser">{n.teaser}</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: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">
	<div class="category-container category-institut">
		<div class="category-parent-container">
			<span class="category-parent"><i class="icon-if-institut"></i></span>
		</div>
		<div class="category-children-container">
			<f:for each="{allCategoriesInsitut}" as="category">
				<span class="category" data-category="{category.uid}" data-category-parent="{category.parentcategory.uid}">
					{category.title}
				</span>
			</f:for>
		</div>
	</div>
	<div class="category-container category-recherche">
		<div class="category-parent-container">
			<span class="category-parent"><i class="icon-if-recherche"></i></span>
		</div>
		<div class="category-children-container">
			<f:for each="{allCategoriesRecherche}" as="category">
				<span class="category" data-category="{category.uid}" data-category-parent="{category.parentcategory.uid}">
					{category.title}
				</span>
			</f:for>
		</div>
	</div>
	<div class="category-container category-expertise">
		<div class="category-parent-container">
			<span class="category-parent"><i class="icon-if-rh"></i></span>
		</div>
		<div class="category-children-container">
			<f:for each="{allCategoriesExpertise}" as="category">
				<span class="category" data-category="{category.uid}" data-category-parent="{category.parentcategory.uid}">
					{category.title}
				</span>
			</f:for>
		</div>
	</div>
	<div class="category-container category-gestion">
		<div class="category-parent-container">
			<span class="category-parent"><i class="icon-if-gestion"></i></span>
		</div>
		<div class="category-children-container">
			<f:for each="{allCategoriesGestion}" as="category">
				<span class="category" data-category="{category.uid}" data-category-parent="{category.parentcategory.uid}">
					{category.title}
				</span>
			</f:for>
		</div>
	</div>
	<div class="category-container category-informatique">
		<div class="category-parent-container">
			<span class="category-parent"><i class="icon-if-info"></i></span>
		</div>
		<div class="category-children-container">
			<f:for each="{allCategoriesInformatique}" as="category">
				<span class="category" data-category="{category.uid}" data-category-parent="{category.parentcategory.uid}">
					{category.title}
				</span>
			</f:for>
		</div>
	</div>
	<div class="category-container category-outils">
		<div class="category-parent-container">
			<span class="category-parent"><i class="icon-if-outils"></i></span>
		</div>
		<div class="category-children-container">
			<f:for each="{allCategoriesOutils}" as="category">
				<span class="category" data-category="{category.uid}" data-category-parent="{category.parentcategory.uid}">
					{category.title}
				</span>
			</f:for>
		</div>
	</div>
	<div class="category-container category-intranet">
		<div class="category-parent-container">
			<span class="category-parent"><i class="icon-if-local"></i></span>
		</div>
		<div class="category-children-container">
			<f:for each="{allCategoriesIntranet}" as="category">
				<span class="category" data-category="{category.uid}" data-category-parent="{category.parentcategory.uid}">
					{category.title}
				</span>
			</f:for>
		</div>
	</div>
	<div class="category-container category-departements">
		<div class="category-parent-container">
			<span class="category-parent"><i class="icon-if-local"></i></span>
		</div>
		<div class="category-children-container">
			<f:for each="{allCategoriesDepartements}" as="category">
				<span class="category" data-category="{category.uid}" data-category-parent="{category.parentcategory.uid}">
					{category.title}
				</span>
			</f:for>
		</div>
	</div>
	<div class="category-container category-personnel">
		<div class="category-parent-container">
			<span class="category-parent"><i class="icon-if-social"></i></span>
		</div>
		<div class="category-children-container">
			<f:for each="{allCategoriesPersonnel}" as="category">
				<span class="category" data-category="{category.uid}" data-category-parent="{category.parentcategory.uid}">
					{category.title}
				</span>
			</f:for>
		</div>
	</div>
</f:section>