{% extends 'django_site_documentation/base.html' %}
{% block content %}
<div class="search-page">
  <div class="page-header">
    <h1>Search Results</h1>
    <form class="search-page-form" method="get" action="{% url 'django_site_doc_search' %}">
      <input type="search" name="q" value="{{ query }}" placeholder="Search documentation..." autofocus>
    </form>
  </div>
  {% if query %}
    {% if results %}
    <p class="search-summary">{{ results|length }} result{{ results|length|pluralize:"s" }} for "{{ query }}"</p>
    <ul class="search-results-list">
      {% for r in results %}
      <li class="search-result-item">
        <a href="{% if r.url_path %}{% url 'django_site_doc_page_by_path' r.app_label r.url_path %}{% else %}{% url 'django_site_doc_shelf' r.app_label %}{% endif %}">
          <h3>{{ r.title }}</h3>
          <div class="search-result-breadcrumb">{{ r.app_label }}{% if r.url_path %} / {{ r.url_path }}{% endif %}</div>
          {% if r.snippet %}<p class="search-result-snippet">{{ r.snippet }}</p>{% endif %}
        </a>
      </li>
      {% endfor %}
    </ul>
    {% else %}
    <p class="search-no-results">No results found for "{{ query }}".</p>
    {% endif %}
  {% endif %}
</div>
{% endblock %}