{% load paniktags thumbnail staticfiles %}
{% if title and episodes %}<h3>{{title}}</h3>{% endif %}
{% for episode in episodes %}

<div class="wrapper extra-soundfiles soundcell">
	<div class="logo">
		{% if episode.image %}
			{% thumbnail episode.image "60x60" crop="50% 25%" as im %}
			<img width="60" height="60" src="{{im.url}}"/>
			{% endthumbnail %}
		{% elif episode.emission.image %}
			{% thumbnail episode.emission.image "60x60" crop="50% 25%" as im %}
			<img width="60" height="60" src="{{im.url}}"/>
			{% endthumbnail %}
		{% else %}
			<img class="smooth"  style="width:60px;" src="{% static "img/emission.png" %}"/>
		{% endif %}
	</div>
<ul class="padded custom list">
<li>
  <div class="soundfile-info"><strong>
    <a class="emission-title" href="{% url 'emission-view' slug=episode.emission.slug%}">{{ episode.emission.title }}</a>
    <span class="sep">-</span>
    <a class="episode-title" href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">{{ episode.title }}</a></strong>
  </div>
  {% for diffusion in episode.diffusions %}
  <span class="date">→ {{ diffusion.datetime|date:"l d M Y à H:i" }}</span>
  {% endfor %}
  {% if episode.main_sound %}{% audio sound=episode.main_sound %}{% endif %}
  {% for sound in episode.fragment_sounds %}
  <div class="fragment-sound">
    {% audio sound=sound display_fragment_name=True %}
  </div>
  {% endfor %}
</li>
</ul>
</div>

{% endfor %}