{% extends "base.html" %}
{% load search_tags %}
{% load translation_tags %}
{% load domain_date_tags %}

{% block title %}{% t "Search" group "Search" %}{% if query %}: {{ query }}{% endif %}{% firstof custom_domain_settings.site_name site_name as page_site_name %}{% if page_site_name %} - {{ page_site_name }}{% endif %}{% endblock %}

{% block body_class %} search-results-body{% endblock %}

{% block content %}
<main class="site-page-shell search-page">
  <div class="section">
    <header class="site-page-header search-page__header">
      <h1>{% t "Search" group "Search" %}</h1>
      {% if from_404 %}
      <p class="search-page__notice">{% t "We could not find that page, so we searched for related content instead." group "Search" %}</p>
      {% endif %}
    </header>

    <form method="get" action="{% url 'search:search' %}" class="search-page__form">
      <div class="search-page__row">
        <label class="element-invisible" for="search-page-q">{% t "Search" group "Search" %}</label>
        <input type="search" name="q" id="search-page-q" value="{{ query }}" placeholder="{% tl "Search…" group "Search" %}" class="search-page__input" required minlength="{{ min_query_length }}" autocomplete="off">
        <button type="submit" class="search-page__submit">{% t "Search" group "Search" %}</button>
      </div>

      {% if from_404 %}
      <input type="hidden" name="from_404" value="1">
      {% endif %}
      {% if missing_path %}
      <input type="hidden" name="missing_path" value="{{ missing_path }}">
      {% endif %}

      {% if show_site_filter or show_date_filter %}
      <div class="search-page__filters">
        {% if show_site_filter %}
        <fieldset class="search-page__field search-page__field--site">
          <legend class="element-invisible">{% t "Sites" group "Search" %}</legend>
          <div class="search-page__radios">
            <label class="search-page__radio">
              <input type="radio" name="site" value=""{% if filter_site != 'all' %} checked{% endif %}>
              <span>{% if domain_settings.country %}{{ domain_settings.country|country_name:language }}{% else %}{% t "This site" group "Search" %}{% endif %}</span>
            </label>
            <label class="search-page__radio">
              <input type="radio" name="site" value="all"{% if filter_site == 'all' %} checked{% endif %}>
              <span>{% t "All sites" group "Search" %}</span>
            </label>
          </div>
        </fieldset>
        {% endif %}
        {% if show_date_filter %}
        <div class="search-page__field">
          <label for="search-page-date-from">{% t "From" group "Search" %}</label>
          <div class="date-field" data-date-field>
            <input type="date" name="date_from" id="search-page-date-from" value="{{ filter_date_from }}" class="search-page__date">
            <span class="date-field__text" data-date-text data-placeholder="{% tl "Any date" group "Search" %}" aria-hidden="true"></span>
            <button type="button" class="date-field__clear" data-date-clear aria-label="{% tl "Clear date" group "Search" %}" hidden>&times;</button>
          </div>
        </div>
        <div class="search-page__field">
          <label for="search-page-date-to">{% t "To" group "Search" %}</label>
          <div class="date-field" data-date-field>
            <input type="date" name="date_to" id="search-page-date-to" value="{{ filter_date_to }}" class="search-page__date">
            <span class="date-field__text" data-date-text data-placeholder="{% tl "Any date" group "Search" %}" aria-hidden="true"></span>
            <button type="button" class="date-field__clear" data-date-clear aria-label="{% tl "Clear date" group "Search" %}" hidden>&times;</button>
          </div>
        </div>
        {% endif %}
      </div>
      {% endif %}
    </form>

    {% if query %}
      {% if query|length < min_query_length %}
        <p class="search-page__status search-page__status--error">{% t "Please enter at least {n} characters to search." group "Search" n=min_query_length %}</p>
      {% elif total_count == 0 %}
        <p class="search-page__status">{% t "No results found for “{query}”." group "Search" query=query %}</p>
      {% else %}
        <p class="search-page__status search-page__status--summary">
          {% if total_count == 1 %}
            {% t "Found {count} result for “{query}”." group "Search" count=total_count query=query %}
          {% else %}
            {% t "Found {count} results for “{query}”." group "Search" count=total_count query=query %}
          {% endif %}
        </p>

        {% if paginated_results %}
        <ul class="search-page__list">
          {% for model_name, item in paginated_results %}
          <li class="search-page__item">
            {% search_result_url item as result_url %}
            {% with result_title=item|search_result_title result_type=item|search_result_type %}
              <div class="search-page__meta">
                <span class="search-page__type">{{ result_type }}</span>
              </div>
              <h2 class="search-page__title">
                {% if result_url %}
                  <a href="{{ result_url }}">{{ result_title }}</a>
                {% else %}
                  {{ result_title }}
                {% endif %}
              </h2>
              {% search_result_excerpt item query as result_excerpt %}
              {% if result_excerpt %}
              <p class="search-page__excerpt">{{ result_excerpt }}</p>
              {% endif %}
              {% if result_url %}
              <p class="search-page__url">{{ result_url }}</p>
              {% endif %}
            {% endwith %}
          </li>
          {% endfor %}
        </ul>

        {% if paginated_results.has_other_pages %}
        <nav class="search-page__pagination" aria-label="{% tl "Search results pages" group "Search" %}">
          {% if paginated_results.has_previous %}
          <a class="search-page__page-link" href="?q={{ query|urlencode }}&amp;page={{ paginated_results.previous_page_number }}{% if filter_site %}&amp;site={{ filter_site|urlencode }}{% endif %}{% if filter_date_from %}&amp;date_from={{ filter_date_from|urlencode }}{% endif %}{% if filter_date_to %}&amp;date_to={{ filter_date_to|urlencode }}{% endif %}{% if from_404 %}&amp;from_404=1{% endif %}{% if missing_path %}&amp;missing_path={{ missing_path|urlencode }}{% endif %}">{% t "Previous" group "Search" %}</a>
          {% endif %}
          <span class="search-page__page-info">{% t "Page {current} of {total}" group "Search" current=paginated_results.number total=paginated_results.paginator.num_pages %}</span>
          {% if paginated_results.has_next %}
          <a class="search-page__page-link" href="?q={{ query|urlencode }}&amp;page={{ paginated_results.next_page_number }}{% if filter_site %}&amp;site={{ filter_site|urlencode }}{% endif %}{% if filter_date_from %}&amp;date_from={{ filter_date_from|urlencode }}{% endif %}{% if filter_date_to %}&amp;date_to={{ filter_date_to|urlencode }}{% endif %}{% if from_404 %}&amp;from_404=1{% endif %}{% if missing_path %}&amp;missing_path={{ missing_path|urlencode }}{% endif %}">{% t "Next" group "Search" %}</a>
          {% endif %}
        </nav>
        {% endif %}
        {% endif %}
      {% endif %}
    {% endif %}
  </div>
</main>
{% endblock %}