<style>
	#topnews h2{
		margin-top: 10px;
	}
	#topnews .news-item .news-content h2 {
		font-size: 17px;
	}
	#topnews .display-style-icon .lfr-asset-item h2 {
		font-size: 16px;
	}
</style>

<div id="topnews">
	<#if entries?has_content>
		<ul class="display-style-icon list-unstyled row">
			<#list entries as curEntry>
				<#assign
					entryId = curEntry.getEntryId()
					assetRenderer = curEntry.getAssetRenderer()
					entryTitle = htmlUtil.escape(assetRenderer.getTitle(locale))
					viewURL = assetPublisherHelper.getAssetViewURL(renderRequest, renderResponse, curEntry, true)
				/>
				<#assign docXml = saxReaderUtil.read(curEntry.getAssetRenderer().getArticle().getContent()) />
				<#assign ddmimg = docXml.valueOf("//dynamic-element[@name='ddmimg']/dynamic-content/text()") />
				

					<li class="lfr-asset-item " data-qa-id="row">
						<div class="taglib-vertical-card entry-display-style">
							<div class="card">
								<div class="aspect-ratio aspect-ratio-bg-center aspect-ratio-bg-cover">
									<div class="date"><@getMetadataField fieldName="create-date" /></div>
									<h2>
										<a href="/mainnews/-/asset_publisher/JEqB8cNCGfpS/content/${assetRenderer.getUrlTitle()}?redirect=news">${curEntry.getTitle(locale)}</a>
									</h2>
								</div>
								
							</div>
						</div>
					</li>
			</#list>
		</ul>
	</#if>
</div>



<#macro getMetadataField fieldName>
	<span class="metadata-entry">
		<#assign dateFormat = "dd MMM yyyy" />
		<#if fieldName == "create-date">
			${dateUtil.getDate(entry.getCreateDate(), dateFormat, locale)}
		</#if>
	</span>
</#macro>