{% extends 'machina/board_base.html' %}
{% load i18n %}
{% load machina_search_tags %}

{% block sub_title %}{% trans "Search" %}{% endblock sub_title %}

{% block content %}

{% if not query %}
<div class="row">
  <div class="col-12">
    <h1>{% trans "Search" %}</h1>
  </div>
</div>
<div class="row">
  <div class="col-12">
    <div class="card post-edit">
      <div class="card-header">
        <h3 class="m-0 card-title h5">{% trans "Search forums" %}</h3>
      </div>
      <div class="card-body">
        <form method="get" action="." class="form">
          {% include "machina/partials/form_field.html" with field=form.q %}
          <div class="checkbox">
            <label for="{{ form.search_topics.auto_id }}">
              {{ form.search_topics }}
              {{ form.search_topics.label }}
            </label>
          </div>
          {% include "machina/partials/form_field.html" with field=form.search_poster_name %}
          {% include "machina/partials/form_field.html" with field=form.search_forums %}
          <div class="form-actions">
            <input type="submit" class="btn btn-large btn-primary" value="{% trans "Search" %}" />
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
{% else %}
<div class="row">
  <div class="col-12">
    <h1>{% trans "Search" %}
    &nbsp;
    <a href="{% url 'machina_search:search' %}" class="btn btn-sm btn-primary"><i class="fas fa-search"></i>&nbsp;{% trans "New search" %}</a></h1>
  </div>
</div>
<div class="mb-3 row">
  <div class="col-6 col-md-4 forum-actions-block">
    <p class="mt-1 mb-0 text-muted">
      {% blocktrans trimmed count number_of_results=result_count %}
      Your search has returned <b>{{ number_of_results }}</b> result
      {% plural %}
      Your search has returned <b>{{ number_of_results }}</b> results
      {% endblocktrans %}
    </p>
  </div>
 	
  <div class="col-12 col-md-8 pagination-block">
    {% with pagination_size="pagination-sm justify-content-end" %}
      {% include "machina_search/pagination.html" %}
    {% endwith %}
  </div>
 
</div>
<div class="row">
  <div class="col-12">
    <div class="card resultslist">
      <div class="card-header">
        <h3 class="m-0 card-title h5">
          <i class="fas fa-search"></i>&nbsp;{% trans "Results" %}
        </h3>
      </div>
      <div class="p-0 card-body">
        <table class="table">
        {% if results %}
        {% for result in results %}
          <tr>
            <td class="post-name">
              <a href="{% url 'forum_conversation:topic' result.forum_slug result.forum_pk result.topic_slug result.topic_pk %}?post={{ result.pk }}#{{ result.pk }}" class="topic-name-link">
                {{ result.subject }}
              </a>
              <div>
                <div class="post-created">
                  {% if result.poster_id %}
                  {% url 'forum_member:profile' result.poster_id as poster_url %}
                  {% blocktrans trimmed with poster_url=poster_url username=result.username creation_date=result.created %}
                  By: <a href="{{ poster_url }}">{{ username }}</a> on {{ creation_date }}
                  {% endblocktrans %}
                  {% else %}
                  {% blocktrans trimmed with poster_username=result.username creation_date=result.created %}
                  By: {{ poster_username }} on {{ creation_date }}
                  {% endblocktrans %}
                  {% endif %}
                </div>
              </div>
            </td>
            <td class="post-content">
            {% if result.headline %}
              {{ result.headline|search_header|safe }}
            {% else %}
              {{ result.content_rendered|truncatechars_html:160 }}
            {% endif %}
            </td>
          </tr>
        {% endfor %}
        {% else %}
          <tr>
            <td>
              {% trans "No results." %}
            </td>
          </tr>
        {% endif %}
        </table>
      </div>
    </div>
  </div>
</div>
{% if has_previous or has_next %}
<div class="mt-3 row">
  <div class="col-md-12 pagination-block">
    {% with pagination_size="pagination-sm justify-content-end" %}
      {% include "machina_search/pagination.html" %}
    {% endwith %}
  </div>
</div>
{% endif %}
{% endif %}
{% endblock content %}