{% load thumbnail paniktags staticfiles %}
<div class="episode {% if model %}{{ model }}{% else %}resume{% endif %} cf {{ class }}">
	{% if date != False %}
	<div class="dateBloc">
		<div class="date">
			<div class="day">
			    {{ episode.first_diffusion|date:"D"|slice:":2"}}
			</div>
			<div class="number">
			    {{ episode.first_diffusion|date:"d" }}
			</div>
			{% if date != "daytime" %}
			<div class="month">
			    {{ episode.first_diffusion|date:"M y" }}
			</div>
			{% endif %}
			<div class="time">
			    {{ episode.first_diffusion|date:"H:i" }}
			</div>
		</div>
	</div>
	{% endif %}
	<div class="logo">
		<a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">
		{% if model == "inline" and episode.image %}
			{% thumbnail episode.image "60x60" crop="50% 25%" as im %}
			<img alt="" width="60" height="60" src="{{im.url}}"/>
			{% endthumbnail %}
		{% elif model == "inline" and episode.emission.image %}
			{% thumbnail episode.emission.image "60x60" crop="50% 25%" as im %}
			<img alt="" width="60" height="60" src="{{im.url}}"/>
			{% endthumbnail %}
		{% elif model == "inline" %}
			<img alt="" class="smooth"  style="width:60px;" src="{% static "img/emission.png" %}"/>
		{% elif episode.image %}
			{% thumbnail episode.image "150x150" crop="50% 25%" as im %}
			<img alt="" width="150" height="150" src="{{im.url}}"/>
			{% endthumbnail %}
		{% elif episode.emission.image %}
			{% thumbnail episode.emission.image "150x150" crop="50% 25%" as im %}
			<img alt="" width="150" height="150" src="{{im.url}}"/>
			{% endthumbnail %}
		{% else %}
			<img alt="" class="smooth" style="width:150px;" src="{% static "img/emission.png" %}"/>
		{% endif %}
		</a>
	</div>
	<div class="content">

		{% if episode.main_sound %}
			<div class="sound right">{% audio sound=episode.main_sound %}</div>
		{% endif %}
		<div class="title">
			<h5 class=" title">
				<a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">{{ episode.title }}</a>
			</h5>
			<div class="smooth metas">
			{% if class == "standalone" %}
				<h5 class="title inBlock">
					<a href="{% url 'emission-view' slug=episode.emission.slug %}">{{ episode.emission.title }}</a>
				</h5>
				{% if episode.emission.categories %}
					<span class="categories">
					{% for category in episode.emission.categories.all %}
						{% if forloop.counter > 1 %} - {% endif %}<span class="category">{{category}}</span>
					{% endfor%}
					</span>
				{% endif %}
			{% endif %}
			</div>
		</div>

		{% if model == "inline" %}
			<div class="description">
			<a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">
			{% if episode.subtitle %}
				{{ episode.subtitle|truncatewords:20}}
			{% elif episode.text %}
				{{ episode.text|safe|striptags|truncatewords:20}}
			{% endif %}
			</a>
			</div>
		{% else %}
			{% if episode.subtitle %}
			<article class="text userContent">
				{{ episode.subtitle|truncatewords:50 }}
			</article>
			{% elif episode.text %}
			<article class="text userContent">
				{{ episode.text|safe|truncatewords:50}}
			</article>
			{% endif %}
		{% endif %}
	</div>
</div>