{% extends "apis_data_explorer/base.html" %}

{% block main_class %}{% endblock %}

{% block content %}
<div class="explorer-layout">
    <aside class="facets">
        <form method="get" action="{% url 'search' %}">
            <h4>Filters</h4>

            <div>
                <label for="id_entity_type">Entity type</label>
                <select id="id_entity_type" name="entity_type">
                    <option value="">All types</option>
                    {% for entity_type in entity_types %}
                        <option value="{{ entity_type }}" {% if entity_type == selected_entity_type %}selected{% endif %}>
                            {{ entity_type }}
                        </option>
                    {% endfor %}
                </select>
            </div>

            <input type="hidden" name="q" value="{{ query }}">
            <button type="submit">Apply</button>
        </form>
    </aside>

    <main class="results">
        <section class="search-panel">
            <article>
                <form method="get" action="{% url 'search' %}" role="search">
                    <input
                        type="search"
                        name="q"
                        value="{{ query }}"
                        placeholder="Search {{ entity_type_placeholder }} …"
                        aria-label="Search data"
                    >

                    {% if selected_entity_type %}
                        <input type="hidden" name="entity_type" value="{{ selected_entity_type }}">
                    {% endif %}

                    <button type="submit">Search</button>
                </form>
            </article>
        </section>

        {% if query %}
            <section>
                <p>
                    {{ page_obj.paginator.count }} result{{ page_obj.paginator.count|pluralize }}
                    for “{{ query }}”
                    {% if selected_entity_type %} in {{ selected_entity_type }}{% endif %}
                </p>

                {% for result in results %}
                    {% include "partials/search_result_card.html" with result=result only %}
                {% empty %}
                    <p>No results found.</p>
                {% endfor %}
            </section>

            {% if page_obj.paginator.num_pages > 1 %}
                <nav aria-label="Pagination">
                    {% if page_obj.has_previous %}
                        <a href="?q={{ query|urlencode }}{% if selected_entity_type %}&entity_type={{ selected_entity_type|urlencode }}{% endif %}&page={{ page_obj.previous_page_number }}">
                            Previous
                        </a>
                    {% endif %}

                    <span>Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}</span>

                    {% if page_obj.has_next %}
                        <a href="?q={{ query|urlencode }}{% if selected_entity_type %}&entity_type={{ selected_entity_type|urlencode }}{% endif %}&page={{ page_obj.next_page_number }}">
                            Next
                        </a>
                    {% endif %}
                </nav>
            {% endif %}
        {% else %}
            <section>
                <p>Enter a term to search labels and indexed text.</p>
            </section>
        {% endif %}
    </main>
</div>
{% endblock %}