{namespace c=HDNET\Calendarize\ViewHelpers}

<f:section name="default">
	<f:alias map="{event: index.originalObject}">
		<f:variable name="currentDate"><f:format.date date="now" format="d/m/y" /></f:variable>
		<f:variable name="checkDate"><f:format.date date="{index.startDate}" format="d/m/y" /></f:variable>
		<f:if condition="{checkDate} == {currentDate}">
			<f:then>
	    <li class="event-item counter-{eventCounter.index} {f:if(condition: '{eventCounter.isFirst}', then: 'active')}">
	        <c:link.index index="{index}" class="event-link">
	            <div class="event-time-wrapper">
	                <div class="icon icon-clock"></div>
					<f:comment>
						<p class="event-time">
							<f:render partial="DateInformation" arguments="{index: index}"/>
						</p>
					</f:comment>
	            </div>
				<p class="event-title">{index.originalObject.title}</p>
	    	</c:link.index>
	    </li>
			</f:then>
		</f:if>
	</f:alias>
</f:section>

<f:section name="mobile">
	<f:alias map="{event: index.originalObject}">
		<f:variable name="currentDate"><f:format.date date="now" format="d/m/y" /></f:variable>
		<f:variable name="checkDate"><f:format.date date="{index.startDate}" format="d/m/y" /></f:variable>
	    <div class="item">
			<f:for each="{event.images}" as="image" iteration="i">
				<f:if condition="{i.isFirst}">
					<f:if condition="{checkDate} == {currentDate}">
						<f:then>
					<f:link.typolink parameter="{event.locationLink}">
						<div class="event-list">
								<li class="event-item">
									<div class="event-link">
										<div class="event-time-wrapper">
											<c:link.index index="{index}" class="event-link">
												<div class="icon icon-clock"></div>
												<p class="event-title">{index.originalObject.title}</p>
											</c:link.index>
										</div>
									</div>
								</li>
						</div>
					</f:link.typolink>
						</f:then>
				</f:if>
				</f:if>
			</f:for>


	    </div>
	</f:alias>

</f:section>