{% extends 'wrapper.html' %}

{% load staticfiles %}
{% load i18n %}
{% load custom_tags %}
{% get_current_language as LANGUAGE_CODE %}
{% get_current_language_bidi as RTL %}

{% block head_title %}{% trans 'Jochre Search' %}{% endblock %}

{% block content %}
  <div class="flex-grow-1">
    <form id="frmQuery" method="get" accept-charset="UTF-8">
      <input type="hidden" name="page" id="hdnPage" value="1" />

      {% include "search/search-pane.html" %}

      {% if parseException %}
        <div class="container w-minor py-4">
          <div class="row justify-content-center">
              <div class="col-lg-9">
              {% block searcherror %}
                <p>{% trans 'Unable to process query' %}:</p>
                <p>{% autoescape off %}{{ parseException }}{% endautoescape %}</p>
              {% endblock %}
             </div>
          </div>
        </div>
      {% elif not haveSearch %}
        <div class="container w-minor py-4">
          <div class="row justify-content-center">
              <div class="col-lg-9">
              <p>{% blocktrans %}Index size: {{ bookCount }} books.{% endblocktrans %}</p>
              {% block enterterm %}
                <p>{% trans 'Please enter a search term' %}</p>
              {% endblock %}
           </div>
          </div>
        </div>
      {% elif not haveResults %}
        <div class="container w-minor py-4">
          <div class="row justify-content-center">
              <div class="col-lg-9">
              {% block noresults %}
                <p>{% trans 'No search results' %}</p>
              {% endblock %}
             </div>
          </div>
        </div>
      {% else %}
        <div class="container py-4">
          <div class="row justify-content-center">
              <div class="col-lg-9">
                <div class="d-flex justify-content-between align-items-center flex-wrap mb-1 mx-n2">
                  <div class="h5 m-2 font-weight-bold results-summary">
                    {% if resultCount <= maxResults %}
                      {% blocktrans %}Results found in  {{ resultCount }} books.{% endblocktrans %}
                    {% else %}
                      {% blocktrans %}Results found in more than {{ resultCount }} books.{% endblocktrans %}
                    {% endif %}
                    {% blocktrans %}Results {{ start }} to {{ end }}:{% endblocktrans %}
                  </div>

                  <a href="/" class="text-nowrap btn btn-secondary mx-2" role="button">{% trans 'Clear results' %}</a>
                </div>
              </div>
          </div>
        </div>

        <div class="container search-results py-4">
          <div class="row justify-content-center">
            <div class="col-lg-9">
              {% for result in results %}
                {% include "search/search-result.html" %}
              {% endfor %}
            </div>
          </div>
        </div>

        {% include "search/pagination.html" %}
      {% endif %}
    </form>
  </div>

  {% include "search/word-modal.html" %}
  {% include "search/keyboard-modal.html" %}
  {% include "search/preferences-modal.html" %}
  {% include "search/correct-meta-modal.html" %}
{% endblock %}