{% extends "oscar/search/results.html" %}


{% load currency_filters %}
{% load thumbnail %}
{% load product_tags %}
{% load wagtailcore_tags wagtailsearchpromotions_tags %}
{% load i18n %}
{% load static ocyanjson %}

{% block content %}
{% ocyanjson "themes" "product_column_classes" as product_column_classes %}

<form method="get">
    {# Render other search params as hidden inputs #}
    {% for value in search_form.selected_facets %}
    <input type="hidden" name="selected_facets" value="{{ value }}" >
    {% endfor %}
    <input type="hidden" name="q" value="{{ search_form.q.value }}" >
    {% get_search_promotions search_form.q.value as search_promotions %}

    {% if search_promotions %}
    <ul class="list-group mb-5" id="search_promotions">
        {% for search_promotion in search_promotions %}
        <li>
            <a href="{% pageurl search_promotion.page %}" class="text-dark">
                <span class="h4 mb-0 text-primary">{{ search_promotion.page.title }}</span>
                <small class="text-primary"><div class="search_badge border-primary">Voorgestelde pagina</div> {% if search_promotion.page.url %}<span class="promotion_url">{{ search_promotion.page.url }}</span>{% endif %}</small>
                <small class="small-lead">{{ search_promotion.description|truncatechars:250 }}</small>
            </a>
        </li>
        {% endfor %}
    </ul>
    {% endif %}

    {% if paginator.count %}
    <div class="row align-items-center form-results">
        <div class="col-md-12">
            <div class="paginator-wrapper">
                <div class="paginator-results">
        {% if paginator.num_pages > 1 %}
{% blocktrans with start=page.start_index end=page.end_index num_results=paginator.count %}Found <strong>{{ num_results }}</strong> results, showing <strong>{{ start }}</strong> to <strong>{{ end }}</strong>.{% endblocktrans %}
        {% else %}
{% blocktrans count num_results=paginator.count %}Found <strong>{{ num_results }}</strong> result.{% plural %}Found <strong>{{ num_results }}</strong> results.{% endblocktrans %}
        {% endif %}
                </div>
                <div class="sortby-wrapper">
                    {% include "oscar/partials/form_field.html" with field=search_form.sort_by style='horizontal' %}
                </div>
            </div>
        </div>
        
    </div>
    {% else %}
    <p>
        {% trans "Found <strong>0</strong> results." %}
        {% if suggestion %}
        {% url 'search:search' as search_url %}
{% blocktrans %}Did you mean <a href="{{ search_url }}?q={{ suggestion }}">"{{ suggestion }}"</a>?{% endblocktrans %}
        {% endif %}
    </p>
    {% endif %}
</form>

{% block product_list_section %}
{% if page.object_list %}
<section class="products-wrapper">
    {% block category_top %}{% endblock %}
    <div class="products row">
        {% for product in page.object_list %}
        <div class="{% if product_column_classes %}{{product_column_classes}}{% else %}col-6 col-lg-4 col-xl-4{% endif %}">
            {% if forloop.counter > 2 %}
            {% render_product product %}
            {% else %}
            {% with notlazy=True %}{% render_product product %}{% endwith %}
            {% endif %}
        </div>
        {% endfor %}
    </div>
    {% block category_bottom %}{% endblock %}
    {% include "oscar/partials/pagination.html" with page_obj=page %}
</section>
{% else %}
<p>{% trans "No products found." %}</p>
{% endif %}
{% endblock product_list_section %}

{% endblock %}