{% load paniktags thumbnail staticfiles %}
<div class="wrapper extra-soundfiles">
	<div class="logo">
		{% if soundfile.episode.image %}
			{% thumbnail soundfile.episode.image "60x60" crop="50% 25%" as im %}
			<img width="60" height="60" src="{{im.url}}"/>
			{% endthumbnail %}
		{% elif soundfile.episode.emission.image %}
			{% thumbnail soundfile.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 href="{% url 'emission-view' slug=soundfile.episode.emission.slug%}">{{ soundfile.episode.emission.title }}</a> -
    <a href="{% url 'episode-view' emission_slug=soundfile.episode.emission.slug slug=soundfile.episode.slug %}">{{ soundfile.episode.title }}</a></strong>
          {% if soundfile.fragment %}<span> - {{ soundfile.title }}</span>{% endif %}
  </div>
  {% audio sound=soundfile %}</li>
</ul>
</div>