{% extends "news.html" %}
{% load paniktags i18n %}
{% block title %}{% trans 'News' %} - Archives{% endblock %}
{% block nav %}
	<div class="search-filters">
		{% if facets.fields.news_categories %}
		<nav>
		    <ul class="custom padded">
				<li><span class="mainLabel">Catégorie :</span></li>
				{% for category in facets.fields.news_categories %} <li>
					  {% if category.0 in selected_news_categories %}
						<a class="check icon-check" href="{{ request.get_full_path|remove_news_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_news_category_facet:category.0 }}">{{ category.0 }} <span class="smooth">| {{ category.1 }}</span></a>
					  {% 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>
{% endblock %}

{% block main %}

    <form method="get" action="." class="padded center" id="search-form">
      <div class="big">
            {% for category in selected_news_categories %}
            <input type="hidden" name="selected_facets" value="news_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>
{% 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 %}

	<div id="Emission-container" class="emission padded">
		{% if page.object_list %}
			{% regroup page.object_list by date|date:"F Y"|capfirst as month_list %}
			<div>
			{% for month in month_list %}
				<div class="monthGroup {% if forloop.counter|divisibleby:2 %}even{% else %}odd{% endif %}">
				<div class="legend button" onclick="$('#{{ month.grouper|slugify }}').toggle();"
						>&gt; {{ month.grouper }}</div>
					<ul class="custom list" id="{{ month.grouper|slugify }}" 
						>
					{% for result in month.list %}
						<li>{% with result.object as content %}{% news_inline %}{% endwith %}</li>
					{% endfor %}
					</ul>
					</div>
				{% endfor %}
				</div>
		{% endif %}
	</div>

{% 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>

{% endblock %}