{% extends "base.html" %}
{% load i18n static cms_tags %}

{% block template_class %}template_search{% endblock %}

{% block content %}
    <section id="search" class="section section--nopadding section--nomargin">
        {% if results_count %}
        <div class="search__about-container">
            <div class="search__about d-sm-flex justify-content-between">
                <div class="headings__third-container headings__third-container--noMargin">
                    <div class="headings headings__third headings--white">
                        <h3>{% trans "Search results for:" %} "{{ query }}"</h3>
                    </div>
                </div>
                <div class="text-container">
                    <div class="text text--white">
                        <p>{{ results_count }} {% trans "result" %}{{ results_count|pluralize }}</p>
                    </div>
                </div>
            </div>
        </div>
        {% endif %}
    </section>
    <section class="section">
        <div class="search__content">
            {% for result in results %}
            <div class="search__content__result">
                <div class="headings__third-container">
                    <a class="headings headings__third headings--blue" href="{{ result.url }}">{{ result.display_title|safe }}</a>
                </div>
                {% if result.snippet %}
                <div class="text-container">
                    <div class="text text--graydark">
                        <p>{{ result.snippet|safe }}…</p>
                    </div>
                </div>
                {% endif %}
                {% if result.domain or result.type or result.language or result.last_modified %}
                <div class="text-container">
                    <div class="text text--graydark">
                        <p>{% if result.domain %}{{ result.domain }}{% endif %}{% if result.type %}{% if result.domain %} · {% endif %}{{ result.type }}{% endif %}{% if result.language %}{% if result.domain or result.type %} · {% endif %}{{ result.language }}{% endif %}{% if result.last_modified %}{% if result.domain or result.type or result.language %} · {% endif %}{{ result.last_modified|date:"SHORT_DATETIME_FORMAT" }}{% endif %}</p>
                    </div>
                </div>
                {% endif %}
                {% if result.tags %}
                <div class="text-container">
                    <div class="text text--graydark">
                        <p>{% for t in result.tags %}{{ t }}{% if not forloop.last %}, {% endif %}{% endfor %}</p>
                    </div>
                </div>
                {% endif %}
            </div>
            {% empty %}
            <div class="search__content--empty">
                <div class="headings__third-container">
                    <div class="headings headings__third">
                        <h3>{% trans "No results" %}</h3>
                    </div>
                </div>
            </div>
            {% endfor %}
        </div>
    </section>
    {% if page_links|length > 1 %}
    <section class="section section--nopadding section--nomargin">
        {% include "simplesitesearch/pagination.html" %}
    </section>
    {% endif %}

{% endblock %}