{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-12">
			
			<events:calendar newsList="{newsWithNoDaySupport}" 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}}}">
										&larr; {f:format.date(date:previousMonthData.date,format:'%B %Y')}
									</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}}}">
										{f:format.date(date:nextMonthData.date,format:'%B %Y')} &rarr;
									</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:for>
						</tr>
					</f:for>
				</table>
			</events:calendar>
		</div>
		<div class="col-md-9">
			<h2>
				<f:translate key="list" extensionName="eventnews" />
			</h2>
			<div class="row">
				<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="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:section>

<f:section name="listItem">
	<div class="col-md-9"> <div class="Eventnewslistitem">
		<strong>
			 <n:link style="color:#fff; " newsItem="{n}" settings="{settings}">{n.title}</n:link>
			
	</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')}" style=" width:15%">
		<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:{year:day.year,month:day.month,day:day.day}}}">{day.day}</f:link.action>
					</strong>

					<f:for each="{day.news}" as="newsItem">
						<div class="Eventnewslistitem">
							 {newsItem.title}
						</div>
					</f:for>

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