{% extends 'layouts/base' %}

{% block content %}

	{% import "macros" as macros %}

	{{ macros.eager(
		entry,
		[
			'featureImage',
		]
	) }}

	{% include "eager/contentBlocks" %}

	{% embed 'skeletons/internalPage' %}

		{% block featureImage %}
			{% import "macros/images" as imageMacros %}
			{% import "macros" as macros %}

			{% set bannerImage = entry.featureImage[0]|default %}

			<div class="relative mb-12 overflow-hidden rounded-lg pb-2/5">
				{% if bannerImage %}
					{{ imageMacros.imagerSrcset(
						bannerImage,
						'internalBanner',
						{ classes: 'absolute h-full w-full', isBackground: true })
					}}
				{% endif %}
			</div>
		{% endblock %}

		{% block article %}

			{% if entry.newsCategory|default %}
				<div class="relative flex flex-wrap mb-4 -m-1 align-center">
					{% for cat in entry.newsCategory.all() %}
						<div class="p-1">
							<span class="inline-flex items-center px-3 py-1 font-medium leading-5 text-blue-800 bg-blue-100 rounded-full type-sm">
								{{ cat.title }}
							</span>
						</div>
					{% endfor %}
				</div>
			{% endif %}

			<span class="block mb-8 font-medium leading-snug tracking-widest text-gray-700 uppercase type-sm">{{ entry.postDate|date("j M Y") }}</span>

			{{ parent() }}

		{% endblock %}

		{% block aside %}
			{% set parent = craft.entries.type("newsListing").one() %}
			{% set pages = craft.entries({
				section: "news",
				orderBy: "postDate DESC",
				limit: 5,
			}).all() %}
			{{ parent() }}
		{% endblock %}

	{% endembed %}

{% endblock content %}