{% load thumbnails %}
{% load paniktags %}
{% load staticfiles %}
<div class="episode soundfile inline cf">
	<div class="logo">
		{% if soundfile.episode.image %}
			<img src="{{ soundfile.episode.image|thumbnail:'50x50' }}"/>
		{% elif episode.emission.image %}
			<img src="{{ soundfile.episode.emission.image|thumbnail:'50x50' }}"/>
		{% else %}
			<img class="smooth"  style="width:50px;" src="{% static "img/defaultLogo.png" %}"/>
		{% endif %}
		<p class="date">
		{{date|date:"d M"}}<br/>
		{{date|date:"y"}}
		</p>

	</div>
	<div class="content">
		<div class="sound right">{% audio sound=soundfile %}</div>
		<div class="title ellipsis">
			{% if soundfile.fragment %}
			<h5 class="title ellipsis">
				{{ soundfile.title }}
			</h5>
			{% endif %}
			<h5 class=" inBlock 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">
				<h5 class="title inBlock">
					<a href="{% url 'emission-view' slug=soundfile.episode.emission.slug %}">{{ soundfile.episode.emission.title }}</a>
				</h5>
				{% if soundfile.episode.emission.categories %}
					<span class="categories">
					{% for category in soundfile.episode.emission.categories.all %}
						{% if forloop.counter > 1 %} - {% endif %}<span class="category"><span class="inBlock icon-{{category|slugify}}">&nbsp;</span>{{category}}</span>
					{% endfor%}
					</span>
				{% endif %}
			</div>
		</div>

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