{namespace events=GeorgRinger\Eventnews\ViewHelpers}{namespace n=GeorgRinger\News\ViewHelpers}
<f:layout name="General" />
<f:section name="content">
	<f:if condition="{settings.templateLayout} == 8">
		<f:then>
			<h2>A vos agendas</h2>
			<table class="table table-hover agenda">
				<thead>
					<tr>
					  <th>{f:format.date(date:currentMonthData.date,format:'%B')}</th>
					</tr>
				</thead>
				<tbody>
					<f:for each="{news}" as="newsItem">
						<f:if condition="{overwriteDemand.day}">
							<f:then>
								<f:if condition="{events:dayCompare(newsItem:newsItem,demand:demand)}">
									<f:render section="listItem" arguments="{_all}" />
								</f:if>
							</f:then>
							<f:else>
								<f:render section="listItemHome" arguments="{_all}" />
							</f:else>
						</f:if>
					</f:for>
				</tbody>
			</table>
			<div class="text-right"><f:link.page pageUid="{settings.listPid}" class="btn btn-default ">voir tous les rendez-vous</f:link.page></div>
		</f:then>
		<f:else>
			<div class="row">
				<div class="col-md-8">
					<h2>
						Agenda
					</h2>
					<div class="row agenda masonry-grid">
						<f:for each="{news}" as="newsItem">
							<f:if condition="{overwriteDemand.day}">
								<f:then>
									<f:if condition="{events:dayCompare(newsItem:newsItem,demand:demand)}">
										<f:render section="listItem" arguments="{_all}" />
									</f:if>
								</f:then>
								<f:else>
									<f:render section="listItem" arguments="{_all}" />
								</f:else>
							</f:if>
						</f:for>
					</div>
				</div>
				<div class="col-md-4">
					<h3>
						Filtrer par date
					</h3>
					<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="fa fa-angle-left"></i>
											</f:link.page>
										</li>
										<li class="currentMonth text-center">{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="fa fa-angle-right"></i>
											</f:link.page>
										</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>
									<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>

					<h3>
						Filtrer par thématique
					</h3>
					<f:form method="post" action="month" object="{search}" name="search" arguments="{overwriteDemand:overwriteDemand}">
						<input type="hidden" name="id" value="{currentPageId}" />
						<ul style="list-style: none">
							<f:for each="{allCategories}" as="category" iteration="itr">
								<f:if condition="{category.parentcategory.uid} != {f:cObject(typoscriptObjectPath: 'lib.catApparenceAquaval')}">
									<f:if condition="{category.parentcategory.uid} != {f:cObject(typoscriptObjectPath: 'lib.catDiffusion')}">
										<li>
											 <label>
												 <f:form.checkbox property="categories.{category.uid}" value="{category.uid}" />
												 {category.title} </label>
										 </li>
									</f:if>
								</f:if>
							</f:for>
						</ul>
						<f:form.submit value="filtrer" class="btn btn-default" />
					</f:form>
				</div>
			</div>
		</f:else>
	</f:if>
</f:section>

<f:section name="listItem">
	<div class="col-md-4 col-sm-6 masonry-grid-item">
		<div class="box-style-1 team-member image-box ">
			<div class="overlay-container">
				<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}" maxWidth="{settings.list.media.image.maxWidth}" maxHeight="{settings.list.media.image.maxHeight}" />
							<n:link newsItem="{newsItem}" settings="{settings}" class="overlay" style="z-index: 999;">
								<i class="fa fa-link"></i>
							</n:link>
						</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}" maxWidth="{settings.list.media.image.maxWidth}" maxHeight="{settings.list.media.image.maxHeight}" treatIdAsReference="1" />
								<n:link newsItem="{newsItem}" settings="{settings}" class="overlay" style="z-index: 999;">
									<i class="fa fa-link"></i>
								</n:link>
							</f:alias>
						</f:if>
					</f:else>
				</f:if>
			</div>
			<n:link newsItem="{newsItem}" settings="{settings}">
				<f:if condition="{newsItem.firstCategory.title}">
					<span class="agenda-item-section">{newsItem.firstCategory.title}</span>
				</f:if>
				<br />
				<!-- #5932 - BEGIN -->
				<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')}">
								<span class="event-date"><f:translate key="date-day" /> {f:format.date(date:newsItem.eventStart,format:'%e %B %Y')}</span>
							</f:if>
							<f:if condition="{f:format.date(date:newsItem.eventEnd, format: 'Ymd')} != {f:format.date(date:newsItem.eventStart, format: 'Ymd')}">
								<f:if condition="{f:format.date(date:newsItem.eventEnd, format: 'Ym')} != {f:format.date(date:newsItem.eventStart, format: 'Ym')}">
									<f:then>
										<f:if condition="{f:format.date(date:newsItem.eventEnd, format: 'Y')} != {f:format.date(date:newsItem.eventStart, format: 'Y')}">
											<f:then>
												<span class="event-date"><f:translate key="date-begin" /> {f:format.date(date:newsItem.eventStart,format:'%e %B %Y')} <f:translate key="date-end" /> {f:format.date(date:newsItem.eventEnd,format:'%e %B %Y')}</span>
											</f:then>
											<f:else>
												<span class="event-date"><f:translate key="date-begin" /> {f:format.date(date:newsItem.eventStart,format:'%e %B')} <f:translate key="date-end" /> {f:format.date(date:newsItem.eventEnd,format:'%e %B %Y')}</span>
											</f:else>
										</f:if>
									</f:then>
									<f:else>
										<span class="event-date"><f:translate key="date-begin" /> {f:format.date(date:newsItem.eventStart,format:'%e')} <f:translate key="date-end" /> {f:format.date(date:newsItem.eventEnd,format:'%e %B %Y')}</span>
									</f:else>
								</f:if>
							</f:if>
						</f:then>

						<f:else>
							<span class="event-date"><f:translate key="date-day" /> {f:format.date(date:newsItem.eventStart,format:'%e %B %Y')}</span>
						</f:else>
					</f:if>
				</f:if>
				<!-- #5932 - END -->
				<br />
				<strong>{newsItem.title}</strong>
			</n:link>
		</div>
	</div>
</f:section>

<f:section name="listItemHome">
	<tr>
		<td>
			<n:link newsItem="{newsItem}" settings="{settings}">
				<div class="agenda-item-header">
					<div class="agenda-item-infos">
						<span class="default-bg">
							{f:format.date(date:newsItem.eventStart,format:'%d')}
						</span>
					</div>
					<div class="agenda-item-image">
						<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}" maxWidth="{settings.list.media.image.maxWidth}" maxHeight="{settings.list.media.image.maxHeight}" />
								</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}" maxWidth="{settings.list.media.image.maxWidth}" maxHeight="{settings.list.media.image.maxHeight}" treatIdAsReference="1" />
									</f:alias>
								</f:if>
							</f:else>
						</f:if>
					</div>
				</div>
				<span class="agenda-item-section">{newsItem.firstCategory.title}</span>
				<br />
				<span class="agenda-item-date">
				<!-- #5932 - BEGIN -->
				<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')}">
								<span class="event-date"><f:translate key="date-day" /> {f:format.date(date:newsItem.eventStart,format:'%e %B %Y')}</span>
							</f:if>
							<f:if condition="{f:format.date(date:newsItem.eventEnd, format: 'Ymd')} != {f:format.date(date:newsItem.eventStart, format: 'Ymd')}">
								<f:if condition="{f:format.date(date:newsItem.eventEnd, format: 'Ym')} != {f:format.date(date:newsItem.eventStart, format: 'Ym')}">
									<f:then>
										<f:if condition="{f:format.date(date:newsItem.eventEnd, format: 'Y')} != {f:format.date(date:newsItem.eventStart, format: 'Y')}">
											<f:then>
												<span class="event-date"><f:translate key="date-begin" /> {f:format.date(date:newsItem.eventStart,format:'%e %B %Y')} <f:translate key="date-end" /> {f:format.date(date:newsItem.eventEnd,format:'%e %B %Y')}</span>
											</f:then>
											<f:else>
												<span class="event-date"><f:translate key="date-begin" /> {f:format.date(date:newsItem.eventStart,format:'%e %B')} <f:translate key="date-end" /> {f:format.date(date:newsItem.eventEnd,format:'%e %B %Y')}</span>
											</f:else>
										</f:if>
									</f:then>
									<f:else>
										<span class="event-date"><f:translate key="date-begin" /> {f:format.date(date:newsItem.eventStart,format:'%e')} <f:translate key="date-end" /> {f:format.date(date:newsItem.eventEnd,format:'%e %B %Y')}</span>
									</f:else>
								</f:if>
							</f:if>
						</f:then>

						<f:else>
							<span class="event-date"><f:translate key="date-day" /> {f:format.date(date:newsItem.eventStart,format:'%e %B %Y')}</span>
						</f:else>
					</f:if>
				</f:if>
				<!-- #5932 - END -->
				</span>
				{newsItem.title}
			</n:link>
		</td>
	</tr>
</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>
					<strong>
						<f:link.action action="month" addQueryString="1" additionalParams="{tx_news_pi1:{overwriteDemand:{day:day.day}}}">{day.day}</f:link.action>
					</strong>

					<f:for each="{day.news}" as="newsItem">
						<div style="border: 1px solid #ccc;margin:2px;padding:2px">
							{newsItem.title}
						</div>
					</f:for>

				</f:then>
				<f:else>
					{day.day}
				</f:else>
			</f:if>
		</f:if>
	</td>
</f:section>