{namespace n=GeorgRinger\News\ViewHelpers}

<f:if condition="{newsItem.isEvent}">
	<f:then>
		<f:if condition="{newsItem.categories}">
			<f:then>
				<div class="cal-news-item news event color-category-{newsItem.categories.0.parentcategory.uid}" data-category="<f:for each="{newsItem.categories}" as="category">{category.uid},</f:for>">
			</f:then>
			<f:else>
				<div class="cal-news-item news">
			</f:else>
		</f:if>
			<div class="cal-news-content">
<!-- 				<f:if condition="{newsItem.eventStart}">
					<f:if condition="{f:format.date(date:newsItem.eventEnd, format: 'Ymd')} == {f:format.date(date:newsItem.eventStart, format: 'Ymd')}">
						<span class="cal-news-event-date">Le {f:format.date(date:newsItem.eventEnd,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="cal-news-event-date">Du {f:format.date(date:newsItem.eventStart,format:'%e %B %Y')} au {f:format.date(date:newsItem.eventEnd,format:'%e %B %Y')}</span>
									</f:then>
									<f:else>
										<span class="cal-news-event-date">Du {f:format.date(date:newsItem.eventStart,format:'%e %B')} au {f:format.date(date:newsItem.eventEnd,format:'%e %B %Y')}</span>
									</f:else>
								</f:if>
							</f:then>
							<f:else>
								<span class="cal-news-event-date">Du {f:format.date(date:newsItem.eventStart,format:'%e')} au {f:format.date(date:newsItem.eventEnd,format:'%e %B %Y')}</span>
							</f:else>
						</f:if>
					</f:if>
				</f:if> -->
<!-- 				<f:if condition="{newsItem.locationSimple}">
					<span class="cal-news-location">{newsItem.locationSimple}</span>
				</f:if> -->
				<div class="cal-news-subcontent">
					<p style="margin-top:0;"><n:link newsItem="{newsItem}" settings="{settings}">
						<span class="news-date">
							<span class="news-day">{f:format.date(date:newsItem.eventStart,format:'%d')}</span>
							<span class="news-month">{f:format.date(date:newsItem.eventStart,format:'%b')}</span>
						</span> -
						{newsItem.title}
					</n:link><br />
<!-- 					<f:if condition="{newsItem.teaser}">
						<p class="cal-news-teaser">{newsItem.teaser}</p>
					</f:if> -->
					<f:if condition="{newsItem.categories}">
						<f:for each="{newsItem.categories}" as="category">
							<span class="category-{category.parentcategory.uid}">{category.title}</span>
						</f:for>
					</f:if>
					</p>
				</div>
			</div>
		</div>
	</f:then>

	<f:else>
		<f:if condition="{newsItem.categories}">
			<f:then>
				<f:if condition="{settings.newsCatRoot} == {newsItem.categories.0.parentcategory.uid}">
					<f:then>
						<div class="cal-news-item news color-{newsItem.categories.0.seoTitle}" data-category="<f:for each="{newsItem.categories}" as="category">{category.uid},</f:for>">
					</f:then>
					<f:else>
						<div class="cal-news-item news color-{newsItem.categories.0.parentcategory.seoTitle}" data-category="<f:for each="{newsItem.categories}" as="category">{category.uid},</f:for>">
					</f:else>
				</f:if>
				
			</f:then>
			<f:else>
				<div class="cal-news-item news">
			</f:else>
		</f:if>
			<div class="cal-news-picto">
				<f:if condition="{newsItem.falMediaPreviews}">
					<f:then>
						<span class="cal-news-img" style="
						background-image: url('/fileadmin{newsItem.falMediaPreviews.0.originalResource.originalFile.identifier}');
						filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./fileadmin{newsItem.falMediaPreviews.0.originalResource.originalFile.identifier}',
						sizingMethod='scale');
						-ms-filter:
						&quot;progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fileadmin{newsItem.falMediaPreviews.0.originalResource.originalFile.identifier}',
						sizingMethod='scale')&quot;;
						background-color: #333333;"></span>
					</f:then>
					<f:else>
						<f:if condition="{settings.newsCatRoot} == {newsItem.categories.0.parentcategory.uid}">
							<f:then>
								<i class="cat-picto icon-if {newsItem.categories.0.seoTitle} {newsItem.categories.0.seoDescription}"></i>
							</f:then>
							<f:else>
								<i class="cat-picto icon-if {newsItem.categories.0.parentcategory.seoTitle} {newsItem.categories.0.parentcategory.seoDescription}"></i>
							</f:else>
						</f:if>
					</f:else>
				</f:if>
			</div>
			<div class="cal-news-content">
				<p style="margin-top:0;"><n:link newsItem="{newsItem}" settings="{settings}">{newsItem.title}</n:link><br />
<!-- 				<f:if condition="{newsItem.teaser}">
					<p class="cal-news-teaser">{newsItem.teaser}
				</f:if> -->
				<f:if condition="{newsItem.categories}">
					<f:for each="{newsItem.categories}" as="category">
						<f:if condition="{settings.newsCatRoot} == {category.parentcategory.uid}">
							<f:then>
								<span class="category-{category.uid} color-{category.seoTitle}">{category.title}</span>
							</f:then>
							<f:else>
								<span class="category-{category.parentcategory.uid} color-{category.parentcategory.seoTitle}">{category.title}</span>
							</f:else>
						</f:if>
						
					</f:for>
				</f:if>
				</p>
			</div>
		</div>
	</f:else>
</f:if>