{%- extends "layout.html" %}
{% set title = _('Search') %}

{%- block scripts %}
  {{ super() }}
  <script src="{{ pathto('_static/searchtools.js', 1) }}"></script>
  <script src="{{ pathto('_static/language_data.js', 1) }}"></script>
{%- endblock %}

{% block extrahead %}
  <script src="{{ pathto('searchindex.js', 1) }}" defer></script>
  {{ super() }}
{% endblock %}

{% block body %}
  <h1 id="search-documentation">{{ _('Search') }}</h1>

  <div id="fallback" class="admonition warning">
    <script>$('#fallback').hide();</script>
    <p>
      {% trans %}Please activate JavaScript to enable the search
      functionality.{% endtrans %}
    </p>
  </div>

  <p>
    {% trans %}Enter one or more terms below. Searches with multiple words only
    show pages that contain all of the requested words.{% endtrans %}
  </p>

  <form action="" method="get">
    <input type="text" name="q" aria-labelledby="search-documentation" value="" />
    <input type="submit" value="{{ _('search') }}" />
    <span id="search-progress"></span>
  </form>

  {% if search_performed %}
    <h2>{{ _('Search Results') }}</h2>
    {% if not search_results %}
      <p>
        {{ _('Your search did not match any documents. Please make sure that all words are spelled correctly.') }}
      </p>
    {% endif %}
  {% endif %}

  <div id="search-results">
    {% if search_results %}
      <ul>
        {% for href, caption, context in search_results %}
          <li>
            <a href="{{ pathto(href) }}">{{ caption }}</a>
            <div class="context">{{ context|e }}</div>
          </li>
        {% endfor %}
      </ul>
    {% endif %}
  </div>
{% endblock %}