{namespace events=GeorgRinger\Eventnews\ViewHelpers}{namespace n=GeorgRinger\News\ViewHelpers}
<f:layout name="General" />
<f:section name="content">
	<f:if condition="{settings.variables.homepage.value} == {pageData.uid}">
		<div class="agenda__home">
			<div class="container js-container-news-home">
	</f:if>
	<div class="row">
		<div class="col-12 col-lg-4 agenda-calendar order-lg-1">
			<div class="row">
				<div class="col-12 {f:if(condition: '{settings.variables.homepage.value} == {pageData.uid}', then: 'col-md-8 offset-md-2 col-lg-12 offset-lg-0', else: 'col-md-6 col-lg-12')}">
					<f:if condition="{settings.variables.homepage.value} != {pageData.uid}">
						<f:then>
							<h2 class="agenda-calendar__title mt-lg-0">Filtrer par dates</h2>
						</f:then>
						<f:else>
							<h3 class="agenda-calendar__title mt-lg-0">Sélectionnez un jour</h3>
						</f:else>
					</f:if>
					<div class="agenda-calendar__table">
						<events:calendar newsList="{news}" demand="{demand}" firstDayOfWeek="1">
							<table class="table">
								<tr class="title">
									<th colspan="7">
										<ul class="pager">
											<li class="previous">
												<f:if condition="{settings.variables.homepage.value} == {pageData.uid}">
													<f:then>
														<f:link.page rel="nofollow" pageUid="{settings.listPid}" additionalParams="{tx_news_pi1:{overwriteDemand:{month:previousMonthData.month,year:previousMonthData.year}}}">
															<i class="fa fa-angle-left"></i>
														</f:link.page>
													</f:then>
													<f:else>
														<f:link.page rel="nofollow" pageUid="{currentPageId}" additionalParams="{tx_news_pi1:{overwriteDemand:{month:previousMonthData.month,year:previousMonthData.year}}}">
															<i class="fa fa-angle-left"></i>
														</f:link.page>
													</f:else>
												</f:if>
											</li>
											<li class="currentMonth text-center h3">{f:format.date(date:currentMonthData.date,format:'%B %Y')}</li>
											<li class="next">
												<f:if condition="{settings.variables.homepage.value} == {pageData.uid}">
													<f:then>
														<f:link.page rel="nofollow" pageUid="{settings.listPid}" additionalParams="{tx_news_pi1:{overwriteDemand:{month:nextMonthData.month,year:nextMonthData.year}}}">
															 <i class="fa fa-angle-right"></i>
														</f:link.page>
													</f:then>
													<f:else>
														<f:link.page rel="nofollow" pageUid="{currentPageId}" additionalParams="{tx_news_pi1:{overwriteDemand:{month:nextMonthData.month,year:nextMonthData.year}}}">
															 <i class="fa fa-angle-right"></i>
														</f:link.page>
													</f:else>
												</f:if>
											</li>
										</ul>
									</th>
								</tr>
								<tr class="days">
									<f:for each="{weeks.0}" as="day">
										<th>
											{f:format.date(date: day.ts, format: '%a')}
										</th>
									</f:for>
								</tr>
								<f:for each="{weeks}" as="week">
									<tr class="week">
										<f:for each="{week}" as="day">
											<f:render section="calday" arguments="{day:day, settings:settings, pageData:pageData}"></f:render>
										</f:for>
									</tr>
								</f:for>
							</table>
						</events:calendar>
					</div>
				</div>
				<f:if condition="{settings.variables.homepage.value} == {pageData.uid}">
					<f:else>
						<div class="col-12 col-md-6 col-lg-12">
							<h2 class="agenda-calendar__title">Filtrer par catégorie</h2>
							<f:form method="post" action="month" object="{search}" name="search" arguments="{overwriteDemand:overwriteDemand}" class="agenda-calendar__form">
								<input type="hidden" name="id" value="{currentPageId}" />
								<fieldset class="form-fieldset">
									<div class="form-group">
										<f:for each="{allCategories}" as="category" iteration="itr">
											<f:if condition="{category.parentcategory.uid} != {settings.variables.catApparenceAquaval.value}">
												<f:if condition="{category.parentcategory.uid} != {settings.variables.catDiffusion.value}">
													<div class="custom-control custom-checkbox checkbox">
														<f:form.checkbox property="categories.{category.uid}" value="{category.uid}" id="agenda-category-{category.uid}" class="custom-control-input"/>
														<label class="custom-control-label" for="agenda-category-{category.uid}">{category.title}</label>
													 </div>
												</f:if>
											</f:if>
										</f:for>
									</div>
									<button class="btn btn-blue" type="submit">Filtrer</button>
								</fieldset>
							</f:form>
						</div>
					</f:else>
				</f:if>
			</div>
		</div>
		<div class="col-12 {f:if(condition: '{settings.variables.homepage.value} == {pageData.uid}', then: 'col-lg-7 offset-lg-1 col-xl-8 offset-xl-0 col-xxl-7 offset-xxl-1', else: 'col-lg-8')}">
			<div class="row agenda">
				<f:if condition="{settings.variables.homepage.value} == {pageData.uid}">
					<h3 class="agenda-calendar__title mt-lg-0">Les événements du mois</h3>
				</f:if>
				<f:for each="{news}" as="newsItem" iteration="iterator">
					<f:if condition="{settings.variables.homepage.value} != {pageData.uid}}">
						<f:then>
							<f:render section="listItem" arguments="{_all}" />
						</f:then>
						<f:else>
							<f:if condition="{iterator.index} < 3">
								<f:render section="listItemHome" arguments="{_all}" />
							</f:if>
						</f:else>
					</f:if>
				</f:for>
			</div>
		</div>
	</div>
	<f:if condition="{settings.variables.homepage.value} == {pageData.uid}">
		<div class="row news-agenda--home">
			<div class="col-12 see-all">
				<f:link.page pageUid="{settings.listPid}" class="btn btn--secondary btn--icon">Tout l'agenda</f:link.page>
			</div>
		</div>
	</f:if>
	<f:if condition="{settings.variables.homepage.value} == {pageData.uid}">
			</div>
		</div>
	</f:if>
</f:section>

<f:section name="listItem">
	<div class="col-12 col-md-6 col-xxl-4 article">
		<n:link newsItem="{newsItem}" settings="{settings}" class="card h-100">
			<div class="img-wrap">
				<f:if condition="{newsItem.falMediaPreviews}">
					<f:then>
						<f:alias map="{mediaElement: newsItem.falMediaPreviews.0}">
							<f:image image="{mediaElement}" title="{mediaElement.originalResource.title}" alt="{mediaElement.originalResource.alternative}" height="276c" width="544c" class="d-none d-md-block" />
							<f:image image="{mediaElement}" title="{mediaElement.originalResource.title}" alt="{mediaElement.originalResource.alternative}" height="166c" width="173c" class="d-md-none" />
						</f:alias>
					</f:then>
					<f:else>
						<f:if condition="{newsItem.firstCategory.images}">
							<f:alias map="{mediaElement: newsItem.firstCategory.images.0}">
								<f:image src="{mediaElement.uid}" title="{mediaElement.title}" alt="{mediaElement.originalResource.alternative}" height="276c" width="544c" treatIdAsReference="1" class="d-none d-md-block" />
								<f:image src="{mediaElement.uid}" title="{mediaElement.title}" alt="{mediaElement.originalResource.alternative}" height="166c" width="173c" treatIdAsReference="1" class="d-md-none" />
							</f:alias>
						</f:if>
					</f:else>
				</f:if>
			</div>
			<div class="card-body">
				<div class="agenda-body">
					<f:if condition="{newsItem.firstCategory.title}">
						<p class="agenda-category">{newsItem.firstCategory.title}</p>
					</f:if>
					<h2 class="agenda-title">{newsItem.title}</h2>
				</div>
				<div class="agenda-footer">
					<f:if condition="{newsItem.isEvent}">
						<f:if condition="{newsItem.eventEnd}">
							<f:then>
								<f:if condition="{f:format.date(date:newsItem.eventEnd, format: 'Ymd')} == {f:format.date(date:newsItem.eventStart, format: 'Ymd')}">
									<f:then>
										<p class="agenda-date">
											<span class="agenda-date__date">
												<span class="sr-only"><f:translate key="date-day" /></span>
												<span class="day">{f:format.date(date:newsItem.eventStart,format:'%d')}</span>
												<span class="month">{f:format.date(date:newsItem.eventStart,format:'%b')}</span>
											</span>
										</p>
									</f:then>
									<f:else>
										<p class="agenda-date">
											<span class="agenda-date__date">
												<span class="sr-only"><f:translate key="date-begin" /></span>
												<span class="day">{f:format.date(date:newsItem.eventStart,format:'%d')}</span>
												<span class="month">{f:format.date(date:newsItem.eventStart,format:'%b')}</span>
											</span>
											<span class="agenda-date__date">
												<span class="sr-only"><f:translate key="date-end" /></span>
												<span class="day">{f:format.date(date:newsItem.eventEnd,format:'%d')}</span>
												<span class="month">{f:format.date(date:newsItem.eventEnd,format:'%b')}</span>
											</span>
										</p>
									</f:else>
								</f:if>
								<p class="agenda-heure">
									<f:if condition="{f:format.date(date:newsItem.eventEnd, format: 'HM')} == {f:format.date(date:newsItem.eventStart, format: 'HM')}">
										<f:then>À {f:format.date(date:newsItem.eventStart,format:'%H:%M')}</f:then>
										<f:else>De {f:format.date(date:newsItem.eventStart,format:'%H:%M')} à {f:format.date(date:newsItem.eventEnd,format:'%H:%M')}</f:else>
									</f:if>
								</p>
							</f:then>
							<f:else>
								<p class="agenda-date">
									<span class="agenda-date__date">
										<span class="sr-only"><f:translate key="date-day" /></span>
										<span class="day">{f:format.date(date:newsItem.eventStart,format:'%d')}</span>
										<span class="month">{f:format.date(date:newsItem.eventStart,format:'%b')}</span>
									</span>
								</p>
							</f:else>
						</f:if>
					</f:if>
				</div>
			</div>
		</n:link>
	</div>
</f:section>

<f:section name="listItemHome">
	<div class="col-12 col-md-7 {f:if(condition: '{iterator.index} == 1', then: 'offset-md-2 offset-lg-1 offset-xl-2', else:'{f:if(condition:\'{iterator.index} == 2\', then:\'offset-md-4 offset-lg-2 offset-xl-4\')}')} col-lg-9 col-xl-7 article">
		<n:link newsItem="{newsItem}" settings="{settings}" class="card h-100">
			<div class="img-wrap">
				<f:if condition="{newsItem.falMediaPreviews}">
					<f:then>
						<f:alias map="{mediaElement: newsItem.falMediaPreviews.0}">
							<f:image image="{mediaElement}" title="{mediaElement.originalResource.title}" alt="{mediaElement.originalResource.alternative}" height="166c" width="173c" class="d-md-none" />
							<f:image image="{mediaElement}" title="{mediaElement.originalResource.title}" alt="{mediaElement.originalResource.alternative}" height="137c" width="159c" class="d-none d-md-block" />
						</f:alias>
					</f:then>
					<f:else>
						<f:if condition="{newsItem.firstCategory.images}">
							<f:alias map="{mediaElement: newsItem.firstCategory.images.0}">
								<f:image src="{mediaElement.uid}" title="{mediaElement.title}" alt="{mediaElement.originalResource.alternative}" height="166c" width="173c" treatIdAsReference="1" class="d-md-none" />
								<f:image src="{mediaElement.uid}" title="{mediaElement.title}" alt="{mediaElement.originalResource.alternative}" height="137c" width="159c" treatIdAsReference="1" class="d-none d-md-block" />
							</f:alias>
						</f:if>
					</f:else>
				</f:if>
			</div>
			<div class="card-body">
				<div class="agenda-body">
					<f:if condition="{newsItem.firstCategory.title}">
						<p class="agenda-category">{newsItem.firstCategory.title}</p>
					</f:if>
					<h2 class="agenda-title">{newsItem.title}</h2>
				</div>
				<div class="agenda-footer">
					<f:if condition="{newsItem.isEvent}">
						<f:if condition="{newsItem.eventEnd}">
							<f:then>
								<f:if condition="{f:format.date(date:newsItem.eventEnd, format: 'Ymd')} == {f:format.date(date:newsItem.eventStart, format: 'Ymd')}">
									<f:then>
										<p class="agenda-date">
											<span class="agenda-date__date">
												<span class="sr-only"><f:translate key="date-day" /></span>
												<span class="day">{f:format.date(date:newsItem.eventStart,format:'%d')}</span>
												<span class="month">{f:format.date(date:newsItem.eventStart,format:'%b')}</span>
											</span>
										</p>
									</f:then>
									<f:else>
										<p class="agenda-date">
											<span class="agenda-date__date">
												<span class="sr-only"><f:translate key="date-begin" /></span>
												<span class="day">{f:format.date(date:newsItem.eventStart,format:'%d')}</span>
												<span class="month">{f:format.date(date:newsItem.eventStart,format:'%b')}</span>
											</span>
											<span class="agenda-date__date">
												<span class="sr-only"><f:translate key="date-end" /></span>
												<span class="day">{f:format.date(date:newsItem.eventEnd,format:'%d')}</span>
												<span class="month">{f:format.date(date:newsItem.eventEnd,format:'%b')}</span>
											</span>
										</p>
									</f:else>
								</f:if>
								<p class="agenda-heure">
									<f:if condition="{f:format.date(date:newsItem.eventEnd, format: 'HM')} == {f:format.date(date:newsItem.eventStart, format: 'HM')}">
										<f:then>À {f:format.date(date:newsItem.eventStart,format:'%H:%M')}</f:then>
										<f:else>De {f:format.date(date:newsItem.eventStart,format:'%H:%M')} à {f:format.date(date:newsItem.eventEnd,format:'%H:%M')}</f:else>
									</f:if>
								</p>
							</f:then>
							<f:else>
								<p class="agenda-date">
									<span class="agenda-date__date">
										<span class="sr-only"><f:translate key="date-day" /></span>
										<span class="day">{f:format.date(date:newsItem.eventStart,format:'%d')}</span>
										<span class="month">{f:format.date(date:newsItem.eventStart,format:'%b')}</span>
									</span>
								</p>
							</f:else>
						</f:if>
					</f:if>
					<div class="btn btn--arrow see-more"></div>
				</div>
			</div>
		</n:link>
	</div>
</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.dayBelongsToCurrentMonth}">
			<f:if condition="{day.news}">
				<f:then>
					<f:if condition="{settings.variables.homepage.value} == {pageData.uid}">
						<f:then>
							<f:link.action pageUid="{settings.listPid}" action="month" addQueryString="1" additionalParams="{tx_news_pi1:{overwriteDemand:{day:day.day}}}" class="day-link">{day.day}</f:link.action>
						</f:then>
						<f:else>
							<f:link.action action="month" addQueryString="1" additionalParams="{tx_news_pi1:{overwriteDemand:{day:day.day}}}" class="day-link">{day.day}</f:link.action>
						</f:else>
					</f:if>
					
					<f:for each="{day.news}" as="newsItem">
						<div>
							{newsItem.title}
						</div>
					</f:for>

				</f:then>
				<f:else>
					<span class="day-text">{day.day}</span>
				</f:else>
			</f:if>
		</f:if>
	</td>
</f:section>