{% set hmrEnabled = isAssetHot() -%}
{% set hmrAssetsBaseUrl = getenv('HMR_ASSETS_BASE_URL') -%}

<!doctype html>
<html class="bg-gray-200 no-js" lang="en-AU">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		{% if not hmrEnabled %}
			{% css '/dist/site.css' %}
		{% endif %}

		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/countup.js/1.8.5/countUp.min.js"></script>
		<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"/>

		<link rel="apple-touch-icon" sizes="180x180" href="/dist/images/favicon/apple-touch-icon.png">
		<link rel="icon" type="image/png" sizes="32x32" href="/dist/images/favicon/favicon-32x32.png">
		<link rel="icon" type="image/png" sizes="16x16" href="/dist/images/favicon/favicon-16x16.png">
		<link rel="manifest" href="/dist/images/favicon/site.webmanifest">
		<meta name="msapplication-TileColor" content="#da532c">
		<meta name="theme-color" content="#ffffff">
	</head>

	<body data-icons="{{ assetManifest('/dist/sprite.svg') }}" 	x-data="{ menu: false }"
		:class="menu && 'overflow-hidden'"
		class="relative min-h-screen text-black bg-grey-outer">

		{% import "macros" as macros %}

		<a href="#main-content" class="fixed z-50 block w-full -my-56 text-center text-white bg-gray-800 focus:my-0 focus:outline-none">
			<span class="inline-block px-8 py-2 mx-auto my-2">Skip to main content</span>
		</a>

		<div class="wrapper" data-smallmenu-wrapper>
			<div class="overflow-hidden bg-white outer-container">
				
				{% block header %}
					{% include "layouts/header" %}
				{% endblock %}

				<div id="main-content{# for skip-to-content button #}">
					{% block content %}{% endblock %}
				</div>

				{% block footer %}
					{% include "layouts/footer" %}
				{% endblock %}
				
			</div>
		</div>
		<!-- Scroll To Top -->
		<button
			id="scroll-to-top"
			@click="window.scrollTo({top: 0, behavior: 'smooth'})"
			class="fixed grid w-16 h-16 transition-opacity rounded-full opacity-0 pointer-events-none bottom-6 right-4 place-items-center bg-imperial hover:bg-imperial/90">
			{{ macros.icon("custom/back-to-top","text-white type-2xl") }}
		</button>
		{% if hmrEnabled %}
			{% js hmrAssetsBaseUrl ~ '/manifest.js' %}
			{% js hmrAssetsBaseUrl ~ '/vendor.js' %}
			{% js hmrAssetsBaseUrl ~ '/site.js' %}
		{% else %}
			<script src="{{ assetManifest('/dist/manifest.js') }}"></script>
			<script src="{{ assetManifest('/dist/vendor.js') }}"></script>
			<script src="{{ assetManifest('/dist/site.js') }}"></script>
		{% endif %}
		<!-- Animate -->
		<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
		<script>
			AOS.init();
		</script>

		{% block scripts %}{% endblock %}
		{{ endBody() }}

	</body>
</html>
