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

<f:section name="content">
	<f:switch expression="{settings.templateLayout}">
		<f:case value="2">
			<h2>Agenda du mois</h2>
			<div class="newsEventMonthList nano">
				<div class="news-list-view nano-content" id="news-container-{contentObjectData.uid}">
					<f:for each="{news}" as="newsItem" iteration="iterator">
						<f:if condition="{overwriteDemand.day}">
							<f:then>
								<f:if condition="{events:dayCompare(newsItem:newsItem,demand:demand)}">
									<f:render section="listItemHome" arguments="{_all}" />
								</f:if>
							</f:then>
							<f:else>
								<f:render section="listItemHome" arguments="{_all}" />
							</f:else>
						</f:if>
					</f:for>
				</div>
			</div>
			<f:link.page pageUid="{settings.listPid}" class="btn btn-primary float-right">
				Voir tout l'agenda
			</f:link.page>
		</f:case>
		<f:defaultCase>
			<div class="monthView">
				<div class="row">
					<div class="col-lg-8 d-sm-none d-none d-md-none d-lg-block d-xl-block">
						<f:for each="{news}" as="n" iteration="iterator">
							<f:if condition="{overwriteDemand.day}">
								<f:then>
									<f:if condition="{events:dayCompare(newsItem:n,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 class="col-lg-4">
						<events:calendar newsList="{newsWithNoDaySupport}" demand="{demand}" firstDayOfWeek="1">
							<table class="table">
								<tr class="title">
									<th colspan="7">
										<ul class="pager" style="list-style-type:none; text-align:center; padding:0;">
											<li class="previous" style="display:inline;">
												<f:link.page rel="nofollow" pageUid="{currentPageId}" additionalParams="{tx_eventnews_newsmonth:{overwriteDemand:{month:previousMonthData.month,year:previousMonthData.year}}}">
													<i class="fa fa-angle-left"></i>
												</f:link.page>
											</li>
											<li class="currentMonth">{f:format.date(date:currentMonthData.date,format:'%B %Y')}</li>
											<li class="next" style="display:inline;">
												<f:link.page rel="nofollow" pageUid="{currentPageId}" additionalParams="{tx_eventnews_newsmonth:{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 class="dayLetter">
											{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:for>
									</tr>
								</f:for>
							</table>
						</events:calendar>

						<f:form method="post" action="month" object="{search}" name="search" arguments="{overwriteDemand:overwriteDemand}" style="border-top: 1px solid #dee2e6;padding-top: 15px;">
							<input type="hidden" name="id" value="{currentPageId}" />
							<div class="row">
								<div class="col-sm-12">
									<ul style="list-style: none; padding:0;">
										<f:for each="{allCategories}" as="category">
											<li>
												<label>
													<f:form.checkbox property="categories.{category.uid}" value="{category.uid}" />
													{category.title} </label>
											</li>
										</f:for>
									</ul>
									<ul style="list-style: none">
										<events:filter.organizer organizers="{allOrganizers}" news="{news}" as="filteredOrganizers">
											<f:for each="{filteredOrganizers}" as="organizer">
												<li>
													<label>
														<f:form.checkbox property="organizers.{organizer.uid}" value="{organizer.uid}" />
														{organizer.title} </label>
												</li>
											</f:for>
										</events:filter.organizer>
									</ul>
									<ul style="list-style: none">
										<events:filter.location locations="{allLocations}" news="{news}" as="filteredEvents">
											<f:for each="{filteredEvents}" as="location">
												<li>
													<label>
														<f:form.checkbox property="locations.{location.uid}" value="{location.uid}" />
														{location.title} </label>
												</li>
											</f:for>
										</events:filter.location>
									</ul>
									<ul style="list-style: none">
										<f:for each="{allTags}" as="tag">
										<li>
											<label>
											<f:form.checkbox property="tags.{tag.uid}" value="{tag.uid}" />
											{tag.title} </label>
										</li>
										</f:for>
									</ul>
							</div>
							<p class="text-right"><f:form.submit value="Filtrer" class="btn btn-primary" /></p>
						</f:form>
					</div>
					<div class="col-lg-8 d-sm-block d-block d-md-block d-lg-none d-xl-none">
						<f:for each="{news}" as="n" iteration="iterator">
							<f:if condition="{overwriteDemand.day}">
								<f:then>
									<f:if condition="{events:dayCompare(newsItem:n,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>
		</f:defaultCase>
	</f:switch>
</f:section>

<f:section name="listItem">
	<div class="eventArticle">
		<div class="row">
			<div class="col-md-8">
				<div class="header">
                    <div class="informations">
                        <f:if condition="{n.firstCategory}">
                            <span class="news-list-category">{n.firstCategory.title}</span>
                        </f:if>
                        <div class="date">
                            <f:if condition="{n.eventEnd}">
                                <f:then>
                                    <p>Du {f:format.date(date:n.datetime,format:'%d.%m')} au {f:format.date(date:n.eventEnd,format:'%d.%m.%Y')}</p>
                                </f:then>
                                <f:else>
                                    <p>Le {f:format.date(date:n.datetime,format:'%d.%m.%Y')}</p>
                                </f:else>
                            </f:if>
                        </div>
                    </div>
					<h3>
						<n:link newsItem="{n}" settings="{settings}" title="{n.title}">
							<span itemprop="headline"><f:format.htmlentitiesDecode>{n.title}</f:format.htmlentitiesDecode></span>
						</n:link>
					</h3>
				</div>
				<div class="teaser-text">
					<n:removeMediaTags>
						<f:if condition="{n.teaser}">
							<f:then>
								<div itemprop="description">{n.teaser -> f:format.crop(maxCharacters: '{settings.cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.html()}</div>
							</f:then>
							<f:else>
								<div itemprop="description">{n.bodytext -> f:format.crop(maxCharacters: '{settings.cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.html()}</div>
							</f:else>
						</f:if>
					</n:removeMediaTags>

					<n:link newsItem="{n}" settings="{settings}" class="more btn btn-primary" title="{n.title}">
						Lire la suite
					</n:link>
				</div>
			</div>
			<div class="col-md-4">
				<f:if condition="{n.falMedia.0.showinpreview}">
					<!-- media preview element -->
					<f:then>
						<div class="news-img-wrap">
							<n:link newsItem="{n}" settings="{settings}" title="{n.title}">
								<f:alias map="{mediaElement: n.falMedia.0}">
									<f:if condition="{mediaElement.originalResource.type} == 2">
										<f:image image="{mediaElement}" title="{mediaElement.originalResource.title}" alt="{mediaElement.originalResource.alternative}" maxWidth="{f:if(condition: settings.media.maxWidth, then: settings.media.maxWidth, else: settings.list.media.image.maxWidth)}" maxHeight="{f:if(condition: settings.media.maxHeight, then: settings.media.maxHeight, else: settings.list.media.image.maxHeight)}" style="width:100%; height:auto;"/>
									</f:if>
									<f:if condition="{mediaElement.originalResource.type} == 4">
										<f:render partial="Detail/MediaVideo" arguments="{mediaElement: mediaElement}"/>
									</f:if>
									<f:if condition="{mediaElement.originalResource.type} == 5">
										<f:image image="{mediaElement}" title="{mediaElement.originalResource.title}" alt="{mediaElement.originalResource.alternative}" maxWidth="{f:if(condition: settings.media.maxWidth, then: settings.media.maxWidth, else: settings.list.media.image.maxWidth)}" maxHeight="{f:if(condition: settings.media.maxHeight, then: settings.media.maxHeight, else: settings.list.media.image.maxHeight)}" style="width:100%; height:auto;"/>
									</f:if>
								</f:alias>
							</n:link>
						</div>
					</f:then>
				</f:if>
			</div>
		</div>
	</div>
</f:section>

<f:section name="listItemHome">
	<div class="article articletype-{newsItem.type}{f:if(condition: newsItem.istopnews, then: ' topnews')}" itemscope="itemscope" itemtype="http://schema.org/Article">
		<div class="body">
			<!-- footer information -->
			<div class="footer">
				<p>
					<!-- date -->
					<span class="news-list-date">
								<time itemprop="datePublished" datetime="{f:format.date(date:newsItem.datetime, format:'Y-m-d')}">
									<f:format.date format="{f:translate(key:'dateFormat')}">{newsItem.datetime}</f:format.date>
								</time>
							</span>

					<f:if condition="{newsItem.firstCategory}">
						<!-- first category -->
						<span class="news-list-category">{newsItem.firstCategory.title}</span>
					</f:if>

					<f:if condition="{newsItem.tags}">
						<!-- Tags -->
						<span class="news-list-tags" itemprop="keywords">
									<f:for each="{newsItem.tags}" as="tag">
										{tag.title}
									</f:for>
								</span>
					</f:if>

					<!-- author -->
					<f:if condition="{newsItem.author}">
								<span class="news-list-author">
									{newsItem.author}
								</span>
					</f:if>
				</p>
				<p>
					<strong>
						<n:link newsItem="{newsItem}" settings="{settings}" title="{newsItem.title}">
							<f:format.htmlentitiesDecode>{newsItem.title}</f:format.htmlentitiesDecode>
						</n:link>
					</strong>
				</p>
			</div>
		</div>
	</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>
					<strong>
						<f:link.action action="month" addQueryString="1" additionalParams="{tx_eventnews_newsmonth:{overwriteDemand:{year:day.year,month:day.month,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; display:none;">
							<f:format.htmlentitiesDecode>{newsItem.title}</f:format.htmlentitiesDecode>
						</div>
					</f:for>

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