{% load thumbnail paniktags staticfiles %}
<div class="episode soundfile inline cf">
	<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 width="60" height="60" src="{% static "img/sound.png" %}"/>
		{% endif %}
		<p class="date">
		{{date|date:"d/m/y"}}
		</p>

	</div>
	<div class="content">
		<div class="sound right">{% audio sound=soundfile %}</div>
		<div class="title">
			{% if soundfile.fragment %}
			<h5 class="title">
				<a href="{% url 'episode-view' emission_slug=soundfile.episode.emission.slug slug=soundfile.episode.slug %}">{{ soundfile.title }}</a>
			</h5>
			{% endif %}
			<h5 class="title {% if model = "inline" %}ellipsis{% endif %}">
				<a href="{% url 'episode-view' emission_slug=soundfile.episode.emission.slug slug=soundfile.episode.slug %}">{{ soundfile.episode.title }}</a>
			</h5>
			<div class="smooth metas">
				{% if soundfile.format %}
					<span class="categories">
					<span class="category">{{ soundfile.format.title }}</span>
					</span>
				{% endif %}
				<h5 class="title inBlock">
					<a href="{% url 'emission-view' slug=soundfile.episode.emission.slug %}">{{ soundfile.episode.emission.title }}</a>
				</h5>
			</div>
		</div>

		{% if soundfile.episode.subtitle %}
		<div class="description ellipsis">
			{{ soundfile.episode.subtitle|truncatewords:20}}
		</div>
		{% endif %}
	</div>
</div>