<section role="index-header">
	<div role="index-header-left">
		<h1>Recent</h1>
	</div>
	<div role="index-header-right"></div>
</section>
<section role="index-recent-pages">
	{% if data["entryCount"] != 0 %}
		{% for page in data['pages'] %}
			{% if page.media[0].type == 'mp4' %}

				<a href="/dashboard/page/edit/{{ page.uuid }}" id="{{ page.uuid }}" class="post-video-link recent-link">
					{{ include("dash/partials/recent-meta.twig") }}
					<video class="post-video" loop muted autoplay>
						<source src="{{ page.media[0].file }}" type="video/mp4">
							Sorry, your browser doesn't support embedded videos.
						</video>
					</a>

				{% else %}
					<a href="/dashboard/page/edit/{{ page.uuid }}" id="{{ page.uuid }}" class="post-link recent-link" style="background: url({{ page.media[0].file }}) no-repeat center center / cover #fc6399">
						{{ include("dash/partials/recent-meta.twig") }}
					</a>
				{% endif %}
			{% endfor %}
		{% else %}
			There are no pages
		{% endif %}

	</section>
