{namespace events=GeorgRinger\Eventnews\ViewHelpers}{namespace n=GeorgRinger\News\ViewHelpers}
<f:layout name="General" />
<f:section name="content">
	<div class="row">
		<div class="col-md-8">
			<div class="simple-list">
				<div class="news-list-view">
					<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>
		<div class="col-md-4">
			<h3 class="text-center">
				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>
			<f:if condition="{allCategories}">
				<h3 class="text-center">
					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.catDiffusion')}">
								<li>
									<label>
										<f:form.checkbox property="categories.{category.uid}" value="{category.uid}" />
										{category.title} </label>
								</li>
							</f:if>
						</f:for>
					</ul>
					<f:form.submit value="filtrer" class="btn btn-default" />
				</f:form>
			</f:if>
		</div>
	</div>
</f:section>

<f:section name="listItem">
	<div class="article articletype-0 {f:if(condition: newsItem.istopnews, then: ' topnews')}" itemscope="itemscope">
		<f:if condition="{newsItem.firstCategory}">
			<!-- first category -->
			<span class="news-list-category">{newsItem.firstCategory.title}</span>
		</f:if>
		<f:if condition="{newsItem.isEvent}">
			<div class="news-list-event">
				<span>
					<f:render section="dateFormatRulesList" arguments="{date: newsItem.eventStart}" />
				</span>
			</div>
		</f:if>
		<div class="header">
			<h3>
				<n:link newsItem="{newsItem}" settings="{settings}" title="{newsItem.title}">
					<span itemprop="headline">{newsItem.title}</span>
				</n:link>
			</h3>
		</div>
		<f:if condition="{newsItem.istopnews}">
			<f:if condition="{newsItem.teaser}">
				<f:then>
					<div class="teaser-text">
						<div itemprop="description">{newsItem.teaser -> f:format.crop(maxCharacters: '{settings.cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.html()}</div>
					</div>
				</f:then>
				<f:else>
					<div class="teaser-text">
						<div itemprop="description">{newsItem.bodytext -> f:format.crop(maxCharacters: '{settings.cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.html()}</div>
					</div>
				</f:else>
			</f:if>
		</f:if>
		<div class="footer">
			<p>
				<span class="news-list-date">
					<time datetime="{f:format.date(date:newsItem.datetime, format:'Y-m-d')}">
						<f:format.date format="{f:translate(key:'dateFormat')}">{newsItem.datetime}</f:format.date>
						<meta itemprop="datePublished" content="{f:format.date(date:newsItem.datetime, format:'Y-m-d')}" />
					</time>
				</span>
			</p>
			<n:link newsItem="{newsItem}" settings="{settings}" class="more" title="{newsItem.title}">
				<i class="zmdi zmdi-plus"></i>
			</n:link>
		</div>
	</div>
</f:section>

<f:section name="dateFormatRules">
	<f:switch expression="{f:format.date(date: date, format: 'N')}">
		<f:case value="1">Lun.</f:case>
		<f:case value="2">Mar.</f:case>
		<f:case value="3">Mer.</f:case>
		<f:case value="4">Jeu.</f:case>
		<f:case value="5">Ven.</f:case>
		<f:case value="6">Sam.</f:case>
		<f:case value="7">Dim.</f:case>
	</f:switch>
	<f:format.date format="d">{date}</f:format.date>
	<f:switch expression="{f:format.date(date: date, format: 'm')}">
		<f:case value="01">Jan.</f:case>
		<f:case value="02">Fév.</f:case>
		<f:case value="03">Mar.</f:case>
		<f:case value="04">Avr.</f:case>
		<f:case value="05">Mai.</f:case>
		<f:case value="06">Juin</f:case>
		<f:case value="07">Juil.</f:case>
		<f:case value="08">Aoû.</f:case>
		<f:case value="09">Sep.</f:case>
		<f:case value="10">Oct.</f:case>
		<f:case value="11">Nov.</f:case>
		<f:case value="12">Déc.</f:case>
	</f:switch>
</f:section>

<f:section name="dateFormatRulesList">
	<f:switch expression="{f:format.date(date: date, format: 'N')}">
		<f:case value="1">Lundi</f:case>
		<f:case value="2">Mardi</f:case>
		<f:case value="3">Mercredi</f:case>
		<f:case value="4">Jeudi</f:case>
		<f:case value="5">Vendredi</f:case>
		<f:case value="6">Samedi</f:case>
		<f:case value="7">Dimanche</f:case>
	</f:switch>
	<br>
	<f:format.date format="d">{date}</f:format.date>
	<br>
	<f:switch expression="{f:format.date(date: date, format: 'm')}">
		<f:case value="01">Jan.</f:case>
		<f:case value="02">Fév.</f:case>
		<f:case value="03">Mar.</f:case>
		<f:case value="04">Avr.</f:case>
		<f:case value="05">Mai.</f:case>
		<f:case value="06">Juin</f:case>
		<f:case value="07">Juil.</f:case>
		<f:case value="08">Aoû.</f:case>
		<f:case value="09">Sep.</f:case>
		<f:case value="10">Oct.</f:case>
		<f:case value="11">Nov.</f:case>
		<f:case value="12">Déc.</f:case>
	</f:switch>
</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>