{% extends "listen.html" %}
{% load paniktags i18n %}
{% block title %}Sons - Archives{% endblock %}
{% block nav %}
	<div class="search-filters">
		{% if facets.fields.format %}
		<nav>
		    <ul class="custom padded">
				<li><span class="mainLabel">Format :</span></li>
				{% for format in facets.fields.format %} <li>
					  {% if format.0 in selected_format %}
						<a class="check icon-check" href="{{ request.get_full_path|remove_format_facet:format.0 }}">
							{{ format.0 }} <span class="smooth">| {{ format.1 }}</span>
						</a>
					  {% else %}
						  <a class="check icon-check-empty" href="{{ request.get_full_path|append_format_facet:format.0 }}">{{ format.0 }} <span class="smooth">| {{ format.1 }}</span></a></span>
					  {% endif %}
				</li>
				{% endfor %}
		    </ul>
		</nav>
		{% endif %}

		{% if facets.fields.tags %}
		<nav>
		    <ul class="tag-facets custom padded">
			<li><span class="mainLabel">Mots-clés :</span></li>
			{% for tag in facets.fields.tags|slice:":20" %} {# Provide only the top 20 tags #}
			<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>
		</nav>
		{% endif %}
	</div> <!-- .search-filters -->

{% endblock %}

{% block main %}
    <form method="get" action="." class="padded center" id="search-form">
      <div class="big">
            {% for category in selected_categories %}
            <input type="hidden" name="selected_facets" value="categories_exact:{{category}}"/>
            {% endfor %}
            {% for tag in selected_tags %}
            <input type="hidden" name="selected_facets" value="tags_exact:{{tag}}"/>
            {% endfor %}
            {{ form.as_table }}
            <button class="icon-search"><span class="sr-only">{% trans "Search" %}</span></button>
      </div>
    </form>

<div class="wrapper">

{% if not page.object_list %}
	<div class="big error padded center">Manque de pot, pas de résultats à cette recherche !</div>
{% else %}

{% 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 class="padded custom columns list">
		{% for result in page.object_list %}
		<li>{% soundfile_resume soundfile=result.object date=result.date %}</li>
		{% 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 %}

{% endif %}

</div>

{% endblock %}