<!doctype html>
<html class="w-full h-full" {{ if .lang }}lang="{{ .lang }}"{{ end }}>
	<head>
		<meta charset="UTF-8" />
		<meta
			name="htmx-config"
			content='{"defaultSwapStyle":"outerHTML", "scrollBehavior": "instant"}' />

		{{ block "head" . }}
			<!-- Default Head elements -->
		{{ end }}

		{{ if .isDev }}
			<link rel="icon" href="/assets/logo/dev_favicon.png" />
			<meta name="robots" content="noindex" />
		{{ else }}
			{{ if .url }}
				<link rel="canonical" href="{{ .url }}" />
			{{ end }}
			<link rel="icon" href="/assets/logo/favicon.png" />
		{{ end }}


		<script type="module" src="/assets/scripts.js"></script>
		<link rel="stylesheet" type="text/css" href="/assets/style.css" />
		<link rel="stylesheet" type="text/css" href="/assets/css/remixicon.css" />

		<link rel="stylesheet" type="text/css" href="/assets/css/interface.css" />
	</head>

	<body class="w-full text-lg" hx-ext="response-targets" hx-boost="true">
		<script type="module">
			import { Startup } from "/assets/scripts.js";
			Startup();
		</script>

		<div class="flex flex-col min-h-screen w-full">
			<header class="container-normal pb-0" id="header">
				{{ block "_menu" . }}
					<!-- Default app menu... -->
				{{ end }}
			</header>

			<main class="grow container-normal" id="main">
				{{ block "body" . }}
					<!-- Default app body... -->
				{{ end }}
			</main>

			{{ block "_footer" . }}
			{{ end }}


			<scroll-button class="print:hidden"></scroll-button>

			{{ block "scripts" . }}
				<!-- Default scripts... -->
			{{ end }}

			{{ block "_globalscripts" . }}
				<!-- Default global scripts... -->
			{{ end }}

		</div>
	</body>
</html>
