{% extends "base.html" %}

{% block title %}{{ zone }} ⋅ Records ⋅ {% endblock title %}

{% block content %}
	<main></main>
{% endblock content %}

{% block scripts %}
	<script type="module">
		const zoneName = "{{ zone }}";

		import { RecordList } from '/scripts/records.js';
		import { html, render } from 'https://unpkg.com/htm/preact/standalone.mjs';

		render(html`<${RecordList} zone=${zoneName} />`, document.querySelector('main'));
	</script>
{% endblock scripts %}