{# styles/infozone/template/addons/recent_topics_body.html #}

<section class="iz-recent" aria-labelledby="iz-recent-title">
	<header class="iz-recent__header">
		<h2 class="iz-recent__title" id="iz-recent-title">
			{{ L_RECENT_TOPICS|default('Recent discussions') }}
		</h2></header>

	<div class="iz-recent__grid"
		 id="iz-recent-grid"
		 data-iz-recent-topics
		 aria-live="polite"
		 aria-busy="false">
		<div class="iz-recent__empty" data-iz-recent-empty>
			<p class="iz-recent__empty-text">
				{{ L_NO_RECENT_TOPICS|default('No recent topics to display yet.') }}
			</p>

			{# Demo fallback so a fresh install still shows a sample discussion card. #}
			<div class="iz-recent__item iz-recent__item--sample" role="listitem" aria-label="Sample discussion">
				<a class="iz-recent__link" href="#" onclick="return false;">
					<span class="iz-chip">[Politics]</span>
					<span class="iz-recent__topic">Your first post</span>
				</a>
			</div>
		</div>
	</div>

	<div class="iz-recent__actions">
		<button class="iz-btn iz-btn--secondary iz-recent__more"
		        type="button"
		        data-iz-recent-load
		        aria-controls="iz-recent-grid">
			{{ L_LOAD_MORE|default('Load more') }}
		</button>
	</div>
</section>