{{- define "main" }}
  <form id="search" role="search">
    <fieldset>
      <legend id="legend">
        <h2>{{ sourceNameAndType .Source }} search</h2>
      </legend>
      <input
        id="query"
        aria-labelledby="legend"
        name="query"
        type="search"
        value="{{ .Query }}"
        autofocus
        spellcheck="false"
      />
      <button>Search</button>
    </fieldset>
  </form>
  <section id="results" role="list" aria-label="search results">
    {{- if .Results }}
      {{ block "results" . }}{{ end }}
    {{- end }}
  </section>
  <dialog id="dialog">
    <button autofocus>Close</button>
  </dialog>
{{- end }}

{{- define "head" }}
  {{- with (index .Assets.Scripts "static/search.js") }}
    <script
      src="{{ .URL }}"
      defer
      integrity="sha256-{{ .Base64SHA256 }}"
    ></script>
  {{- end }}
{{- end }}