{% extends "base.html" %}
{% load i18n staticfiles 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.title|safe }}</a>
                </div>
                <div class="text-container">
                    <div class="text text--graydark">
                        <p>{{result.highlight|safe}}...</p>
                    </div>
                </div>
            </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 "pagination.html" %}
    </section>
    {% endif %}

{% endblock %}