{% load thumbnails %}
<div class="episode episode-inline inline cf">
	<div class="date dateBloc left small">
		<span class="day">
		    {{ episode.first_diffusion|date:"D"|slice:":2"}}
		</span>
		<span class="number">
		    {{ episode.first_diffusion|date:"d" }}
		</span>
		{% if date != "daytime" %}
		<div class="month">
		    {{ episode.first_diffusion|date:"M Y" }}
		</div>
		{% endif %}
		<span class="time">
		    {{ episode.first_diffusion|date:"H:i" }}
		</span>
	</div>
	<div class="logo right">
		{% if episode.image %}
		<img width="50" height="50" src="{{ episode.image|thumbnail:'50x50' }}"/>
		{% endif %}
	</div>
	<div class="content">
		<a class="block" href="{{ episode.slug }}">
			<h5 class="title ellipsis">{{ episode.title }}</h5>
				{% if episode.description %}
					<div class="description ellipsis">
						{{ episode.description|safe|striptags }}
					</div>
				{% elif episode.text %}
					<div class="description ellipsis">
						{{ episode.text|safe|striptags|truncatewords:20}}
					</div>
				{% endif %}
		</a>
	</div>
	{% if episode.main_sound %}
	<div class="sound">
		{% include "includes/audio.html" with sound=episode.main_sound %}
	</div>
	<!--
	<div class="controls todo right">
		<button class="symbol play">A</button><button class="symbol add">B</button>
	</div>
	-->
	{% endif %}
</div>