{% extends 'panikdb/base.html' %}
{% load paniktags highlight i18n %}
{% block bodyID %}Search{% endblock %}
{% block title %}Recherche{% endblock %}
{% block nav %}	
<div class="mainSub">
    <div class="wrapper">
        <nav>
        <form method="get" action="." class="big marged" id="search-form">
                {{ form.as_table }}
                <button class="icon-search"><span class="sr-only">{% trans "Search" %}</span></button>
        </form>
        </nav>
    </div>
</div>
<div class="wrapper">
    <div class="search-filters">
	{% if query or selected_tags %}
		<nav class="">
		    {% if facets.fields.categories %}
		    <ul class="custom padded">
				<li><span class="mainLabel">Genre :</span></li>
		      {# Provide only the top 5 categories #}
				{% for category in facets.fields.categories|slice:":5" %}
				<li>
					  {% if category.0 in selected_categories %}
					  	<a class="check icon-check" href="{{ request.get_full_path|remove_category_facet:category.0 }}">
							{{ category.0 }} <span class="smooth">| {{ category.1 }}</span>
						</a>
					  {% else %}
						<a class="check icon-check-empty" href="{{ request.get_full_path|append_category_facet:category.0 }}"
                            >{{ category.0 }} <span class="smooth">| {{ category.1 }}</span></a></span>
					  {% endif %}
				</li>
				{% endfor %}
		    </ul>
		    {% endif %}
		</nav>
		<nav>
		    {% if facets.fields.tags %}
		    <ul class="tag-facets custom padded">
				<li><span class="mainLabel">Mots-clés :</span></li>
		      {# Provide only the top 5 tags #}
			{% for tag in facets.fields.tags|slice:":20" %}
			<li>
			  {% if tag.0 in selected_tags %}
				<a class="check icon-check" href="{{ request.get_full_path|remove_tag_facet:tag.0 }}">
					{{ tag.0 }} <span class="smooth">| {{ tag.1 }}</span>
				</a> 
			  {% else %}
			    	<a class="check icon-check-empty" href="{{ request.get_full_path|append_tag_facet:tag.0 }}">{{ tag.0 }} <span class="smooth">| {{ tag.1 }}</span></a>
			  {% endif %}
			</li>
			{% endfor %}
		    </ul>
		    {% endif %}

		</nav>
	{% endif %}
    </div>
</div>
{% endblock %}


{% block main %}
	{% if query or selected_tags %}
<div class="wrapper">
	<div class="marged">
		{% if not page.object_list %}
			<div class="big error center">Manque de pot, pas de résultats à cette recherche !</div>
		{% endif %}
		{% if page.has_previous %}
			<div class="previous-page cf">
				<a class="button big left" href="?q={{ query }}&amp;page={{ page.previous_page_number }}{{ facets_qs }}">&laquo; Résultats précédénts</a>
			</div>
		{% endif %}

		<ul id="search-results" class="custom list columns cf padded">


		{% for result in page.object_list %}
				{% if result.object.title %}
			<li class="ellipsis">
					{% search_result_template result %}
			</li>
				{% endif %}
		{% endfor %}


		</ul>
		{% if page.has_next %}
			<div class="next-page cf">
				<a class="button big right" href="?q={{ query }}&amp;page={{ page.next_page_number }}{{ facets_qs }}">Résultats suivants &raquo;</a>
			</div>
		{% endif %}
	</div>
</div>
	{% endif %}
{% endblock %}