{% extends "oscar/catalogue/browse.html" %}

{% load i18n %}
{% load category_tags %}
{% load product_tags ocyanjson ocyan_oscar %}

{% block categories %}
    {% if form %}
    <h3>{% trans "Search" %}</h3>
    <form method="get">
        {% for value in search_form.selected_facets %}
            <input type="hidden" name="selected_facets" value="{{ value }}" />
        {% endfor %}
        {% include "partials/form_field.html" with field=form.q %}
        {% include "partials/form_field.html" with field=form.sort_by %}
    </form>
    {% endif %}

    {% ocyanjson "theme" "category_navigation_depth" 1 as category_navigation_depth %}
    {% category_tree as tree_categories %}
    {% if tree_categories %}
        <h3>{% trans "Categories" %}</h3>
        <div class="side_categories">
            <ul class="nav nav-list">
                {% for tree_category, info in tree_categories %}
                    {% if info.level < category_navigation_depth or tree_category|is_selected:category %}
                    <li>
                        <a href="{{ tree_category.get_absolute_url }}">
                            {% if tree_category.pk == category.pk %}
                                <strong>{{ tree_category.name }}</strong>
                            {% else %}
                                {{ tree_category.name }}
                            {% endif %}
                        </a>
                        {% endif %}
                        {% if info.has_children %}
                            <ul>{% else %}</li>{% endif %}
                        {% for n in info.num_to_close %}
                            </ul></li>
                    {% endfor %}
                {% endfor %}
            </ul>
        </div>
    {% endif %}
{% endblock %}

{% block facets %}
    {% if has_facets %}
        <h3>{% trans "Refine by" %}</h3>
        <div class="side_categories">
            {% for field, data in facet_data.items %}
                {% if data.results %}
                    {% include 'search/partials/facet.html' with name=data.name items=data.results %}
                {% endif %}
            {% endfor %}
        </div>
    {% endif %}
    <div class="well upsell-messages">
        <h2>{{ shop_name }}</h2>
        <ul>
            <li>Originele onderdelen</li>
            <li>Levering binnen 5 werkdagen</li>
            <li>Betalen via iDEAL</li>
        </ul>
    </div>
{% endblock %}

{% block content %}

    <form method="get" class="form-horizontal">
        {# 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|default_if_none:"" }}" />

        {% if paginator.count %}
            {% if paginator.num_pages > 1 %}
                {% blocktrans with start=page_obj.start_index end=page_obj.end_index count num_results=paginator.count %}
                    <strong>{{ num_results }}</strong> result - showing <strong>{{ start }}</strong> to <strong>{{ end }}</strong>.
                {% plural %}
                    <strong>{{ num_results }}</strong> results - showing <strong>{{ start }}</strong> to <strong>{{ end }}</strong>.
                {% endblocktrans %}
            {% else %}
                {% blocktrans count num_results=paginator.count %}
                    <strong>{{ num_results }}</strong> result.
                {% plural %}
                    <strong>{{ num_results }}</strong> results.
                {% endblocktrans %}
            {% endif %}
            {% if search_form.should_be_rendered_on_category %}
                <div class="pull-right">
                    {% include "partials/form_field.html" with field=search_form.sort_by %}
                </div>
            {% endif %}
        {% else %}
            <p>
                {% trans "<strong>0</strong> results." %}
            </p>
        {% endif %}
    </form>

    {% if products %}
        <section>
            <div class="row products">
                {% for product in products %}
                    <div class="col-xs-12 col-sm-6 col-md-4">{% render_product product %}</div>
                {% endfor %}
            </div>
            {% include "partials/pagination.html" %}
        </section>
    {% else %}
        <p class="nonefound">{% trans "No products found." %}</p>
    {% endif %}

{% endblock content %}