{# wagtail_simple_forum/templates/wagtail_simple_forum/search.html #}
{% extends "wagtail_simple_forum/base_forum.html" %}
{% load i18n %}

{% block title %}
    {% if query %}
        {% blocktrans with q=query %}Search: «{{ q }}» — Forum{% endblocktrans %}
    {% else %}
        {% trans "Search forum" %}
    {% endif %}
{% endblock %}

{% block forum_breadcrumbs %}
    <span class="forum-breadcrumbs__sep" aria-hidden="true">›</span>
    <span aria-current="page">{% trans "Search" %}</span>
{% endblock %}

{% block forum_content %}
    <div class="forum-search-page">
        <h2 class="forum-search-page__title">
            <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
            {% if query %}
                {% blocktrans with q=query %}Search results for: «{{ q }}»{% endblocktrans %}
            {% else %}
                {% trans "Search forum" %}
            {% endif %}
        </h2>
        <form class="forum-search-form forum-search-form--large" method="get" action="{% url 'wagtail_simple_forum:forum_search' %}" role="search">
            <input type="search" name="q" value="{{ query }}" placeholder="{% trans 'Enter search query...' %}" aria-label="{% trans 'Search query' %}" autofocus>
            <button type="submit" class="forum-btn forum-btn--primary">
                <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
                {% trans "Search" %}
            </button>
        </form>

        {% if query %}
            {% if results_page.object_list %}
                <p class="forum-search-count">
                    {% trans "Found topics:" %} <strong>{{ results_page.paginator.count }}</strong>
                </p>
                <div class="forum-search-results" role="list">
                    {% for topic in results_page %}
                        <article class="forum-search-result" role="listitem">
                            <div class="forum-search-result__icon" aria-hidden="true">
                                {% if topic.is_pinned %}
                                    <i class="fa-solid fa-thumbtack"></i>
                                {% elif topic.is_closed %}
                                    <i class="fa-solid fa-lock"></i>
                                {% else %}
                                    <i class="fa-regular fa-comment-dots"></i>
                                {% endif %}
                            </div>
                            <div class="forum-search-result__body">
                                <h3 class="forum-search-result__title">
                                    <a href="{% url 'wagtail_simple_forum:topic_view' slug=topic.slug %}">{{ topic.title }}</a>
                                    {% if topic.last_page > 1 %}
                                        <a href="{% url 'wagtail_simple_forum:topic_view' slug=topic.slug %}?page={{ topic.last_page }}"
                                           class="forum-topic-last-page" title="{% trans 'Last page' %}">
                                            <i class="fa-solid fa-angles-right" aria-hidden="true"></i>
                                        </a>
                                    {% endif %}
                                </h3>
                                <div class="forum-search-result__meta">
                                    <span><i class="fa-regular fa-folder-open" aria-hidden="true"></i> {{ topic.section.category.title }} / {{ topic.section.title }}</span>
                                    <span><i class="fa-regular fa-clock" aria-hidden="true"></i> {{ topic.last_post_at|default:topic.created_at|date:"d.m.Y" }}</span>
                                    <span><i class="fa-regular fa-comments" aria-hidden="true"></i> {{ topic.posts_count }}</span>
                                    {% if topic.is_pinned %}<span class="forum-badge forum-badge--pinned">{% trans "pinned" %}</span>{% endif %}
                                    {% if topic.is_closed %}<span class="forum-badge forum-badge--closed">{% trans "closed" %}</span>{% endif %}
                                </div>
                            </div>
                        </article>
                    {% endfor %}
                </div>
                {% if results_page.paginator.num_pages > 1 %}
                    {% include "wagtail_simple_forum/components/pagination.html" with page_obj=results_page query_string="q="|add:query|add:"&" %}
                {% endif %}
            {% else %}
                <div class="forum-empty-state">
                    <i class="fa-solid fa-magnifying-glass" aria-hidden="true"></i>
                    <p>{% blocktrans with q=query %}Nothing found for «<strong>{{ q }}</strong>».{% endblocktrans %}</p>
                </div>
            {% endif %}
        {% else %}
            <div class="forum-empty-state">
                <i class="fa-regular fa-lightbulb" aria-hidden="true"></i>
                <p>{% trans "Please enter a search query." %}</p>
            </div>
        {% endif %}
    </div>
{% endblock forum_content %}