{% load thumbnail paniktags %}
<div class="episode detail episode-detail cf">
	{% if episode.first_diffusion %}
	<div class="dateBloc">
		<div class="date">
			<div class="day">
			    {{ episode.first_diffusion|date:"D"|slice:":2"}}
			</div>
			<div class="number">
			    {{ episode.first_diffusion|date:"d" }}
			</div>
			{% if date != "daytime" %}
			<div class="month">
			    {{ episode.first_diffusion|date:"M y" }}
			</div>
			{% endif %}
			<div class="time">
			    {{ episode.first_diffusion|date:"H:i" }}
			</div>
		</div>
	</div>
	{% endif %}
	{% if diffusions %}
	<header class="">
		<h3 class="">{{ episode.title }}</h3>
		{% if episode.subtitle %}
		<h3 class="episode-subtitle">{{ episode.subtitle }}</h3>
		{% endif %}
		{% if diffusions|length > 1 %}
		<div class="label">Diffusions</div>
		{% else %}
		<div class="label">Diffusion</div>
		{% endif %}
		<ul class="diffusions custom">
			{% for schedule in diffusions %}
				<li><span class="date">{{ schedule.datetime|date:"l d M Y à H:i" }}</span></li>
			{% endfor %}
		</ul>
	</header>
	{% endif %}
	{% if episode.main_sound %}
		<div class="sound">
			{% audio sound=episode.main_sound %}
		</div>
	{% endif %}
	<div class="content userContent marged">
		{% if episode.image %}
		{% thumbnail episode.image "640x480" crop="50% 25%" as im %}
		<img class="logo right button" data-toggle-img="/media/{{episode.image}}" src="{{im.url}}"/>
		{% endthumbnail %}
		{% endif %}
		{% if episode.text %}
		<article class="text">
			{{ episode.text|safe}}
		</article>
		{% endif %}
        </div>
{% block topik %}
{% for topik in topik_pages %}
  {% topik topik=topik %}
{% endfor %}
{% endblock %}

		<div class="metas">
			{% if episode.serie  or episode.auteur or episode.redif %}
			<dl class="credits cf">
			    {% if episode.serie %}<dt>Serie</dt><dd>{{ serie }}</dd>{% endif %}
			    {% if episode.auteur %}<dt>Auteur</dt><dd>{{ auteur }}</dd>{% endif %}
			    {% if episode.redif %}<dt>Redifusion</dt><dd>{{ redif }}</dd>{% endif %}
			</dl>
			{% endif %}
			{% if episode.tags.all %}
			<ul class="custom inline tags">
				{% for tag in episode.tags.all %}
				<li><a class="tag" href="{% url 'search' %}?&selected_facets=tags_exact:{{tag|facet_tag}}">{{ tag }}</a></li>
				{% endfor %}
			</ul>
			{% endif %}
		</div>

	{% if soundfiles.count %}
	<div class="wrapper extra-soundfiles">
		<h3>Fragments sonores</h3>
		<ul class="padded custom list">
	{% for soundfile in soundfiles %}
	<li><strong>{{ soundfile.title }}</strong> {% audio sound=soundfile %}
	</li>
	{% endfor %}
		</ul>
	</div>
	{% endif %}

</div>