<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>{{ template "title" . }} - Report Mosquitoes Online</title>
		<link rel="icon" href="/static/ico/favicon-rmo.ico" type="image/x-icon" />
		{{ block "extraheader" . }}{{ end }}
		<script>
			var tooltipByElementId = {};
			document.addEventListener("DOMContentLoaded", function () {
				var popoverTriggerList = [].slice.call(
					document.querySelectorAll('[data-bs-toggle="popover"]'),
				);
				var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
					return new bootstrap.Popover(popoverTriggerEl);
				});
				console.log("Initialized ", popoverTriggerList.length, " popovers");

				var tooltipTriggerList = [].slice.call(
					document.querySelectorAll('[data-bs-toggle="tooltip"]'),
				);
				var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
					let t = new bootstrap.Tooltip(tooltipTriggerEl);
					if (tooltipTriggerEl.id != "") {
						tooltipByElementId[tooltipTriggerEl.id] = t;
						console.log("added tooltip to", tooltipTriggerEl.id);
					}
					return t;
				});
				console.log("Initialized ", tooltipTriggerList.length, " tooltips");
			});
		</script>
	</head>
	<body>
		{{ template "content" . }}
		{{ template "rmo/component/footer.html" . }}
	</body>
</html>
