{% extends "admin/base_site.html" %}
{% load i18n static %}

{% block extrahead %}
{{ block.super }}
<link rel="stylesheet" href="{% static 'ophix_docs/css/search.css' %}">
{% endblock %}

{% block content %}

<div class="docs-search">
    <form method="get" action="">
        <div class="docs-search-bar">
            <input type="text" name="q" value="{{ query }}" placeholder="{% trans 'Search documentation…' %}" autofocus>
            <button type="submit">{% trans "Search" %}</button>
        </div>
    </form>

    {% if query %}
        {% if results %}
        <p class="search-result-count">
            {{ results|length }} result{{ results|length|pluralize }} {% trans "for" %} "{{ query }}"
        </p>
        <div class="search-results">
            {% for page in results %}
            <div class="search-result">
                <a href="{% url 'admin:ophix_docs_docpage_change' page.id %}?q={{ query|urlencode }}{% if page.anchor %}#{{ page.anchor }}{% endif %}">{{ page.title }}</a>{% if page.section_title %}<span class="search-result-section">§ {{ page.section_title }}</span>{% endif %}
                <p class="search-result-snippet">{{ page.snippet }}</p>
            </div>
            {% endfor %}
        </div>
        {% else %}
        <p class="no-results">{% trans "No results found." %}</p>
        {% endif %}
    {% endif %}
</div>
{% endblock %}