{% extends "base.html" %}
{% block content %}
<section class="search-view"
  data-search-index="{{ search_index_url }}"
  data-loading="{{ ui.search_loading }}"
  data-empty="{{ ui.search_empty }}"
  data-error="{{ ui.search_error }}"
  data-prompt="{{ ui.search_prompt }}"
  data-result="{{ ui.result }}"
  data-results="{{ ui.results }}">
  <h1>{{ ui.search }}</h1>
  <p>{{ ui.search_intro }}</p>
  <label class="search-label" for="site-search">{{ ui.search }}</label>
  <input id="site-search" type="search" placeholder="{{ ui.search_placeholder }}" autocomplete="off" />
  <p class="search-status" role="status">{{ ui.search_loading }}</p>
  <ol class="search-results"></ol>
</section>
<script src="{{ search_script_url }}" defer></script>
{% endblock %}