{% extends "emissions/emission_detail.html" %}
{% load paniktags %}
{% block nav %}
	{% emission_nav klass "episodes" %}
{% endblock %}

{% block main %}
<div class="wrapper {% if episodes %}sided{% endif %}">

	{% if search_query and not episodes %}
			<div class="big error padded center">Manque de pot, pas de résultats à cette recherche !</div>
	{% endif %}

	{% if search_query and episodes or episodes.count <= 24 %}
		<ul class="custom columns list">
		{% for episode in episodes %}
			<li class="item {% for category in episode.emission.categories.all %} {{ category|slugify }}{% endfor %}">
				{% episode_resume model="inline"%}			
			</li>
		{% endfor %}
		</ul>
	{% else %}
	<div id="Emission-container" class="emission padded">
		{% if episodes %}
			{% with episodes as episodes %}
				{% regroup episodes by first_diffusion|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 }}" 
							{% if forloop.counter >= 3 %}style="display:none;"{% endif %}
						>
						{% for episode in month.list %}
							<li>{% episode_resume model="inline" date="daytime" %}</li>
						{% endfor %}
						</ul>
					</div>
				{% endfor %}
				</div>
			{% endwith %}
		{% endif %}
	</div>
	{% endif %}
</div>
{% endblock %}