{% extends "base.html" %}
{% load paniktags staticfiles i18n thumbnail %}
{% block bodyID %}Emissions{% endblock %}
{% block title %}{{ emission.title }}{% endblock %}

{% block head %}
<meta property="og:title" content="{{ emission.title }}" />
<meta name="twitter:title" content="{{ emission.title }}" />
{% if emission.image %}
<meta name="twitter:card" content="summary_large_image">
<meta property="og:image" content="{{ site_url }}{{ emission.image.url }}" />
<meta name="twitter:image" content="{{ site_url }}{{ emission.image.url }}" />
{% else %}
<meta name="twitter:card" content="summary">
<meta property="og:image" content="{{ site_url }}{% static 'img/favicon-300x300-2020-solid.png' %}" />
<meta name="twitter:image" content="{{ site_url }}{% static 'img/favicon-300x300-2020-solid.png' %}" />
{% endif %}
{% if emission.subtitle %}
<meta property="og:description" content="{{ emission.subtitle }}" />
<meta name="twitter:description" content="{{ emission.subtitle }}" />
{% else %}
<meta property="og:description" content="{{ emission.text|safe|striptags|truncatewords:75 }}"/>
<meta name="twitter:description" content="{{ emission.text|safe|striptags|truncatewords:75 }}"/>
{% endif %}
{% endblock %}

{% block podcasts-feed %}
<link rel="alternate" type="application/rss+xml" href="{% url 'emission-podcasts' slug=emission.slug %}" title="{{ emission.title }} Podcasts">
{% endblock %}

{% block toptitle %}
{% endblock %}

{% block main %}
<div class="emission emission-detail">
        <div class="name"><h2>{{emission.title}}</h2></div>
		{% if schedules %}
			<ul class="schedule custom">
				{% for schedule in schedules %}
				<li>
					<span class="label">{{ schedule.datetime|date:"l G:i" }}</span>
					{% if schedule.weeks_string %}
					<span class="weekdiff">({{ schedule.weeks_string }})</span>
					{% endif %}
					{% if schedule.rerun %} <span class="smooth">(rediff)</span> {% endif %}
					{% if emission.archived %} ({{ emission.creation_timestamp|date:"Y" }}){% endif %}
				</li>
				{% endfor %}
			</ul>
		{% endif %}
	<div class="emission-info">
                <div class="image">
                        <div class="img">
			{% thumbnail emission.image "450x450" crop="50% 50%" as im %}
                        <img src="{{im.url}}">
                        {% empty %}
                        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="450" width="450">
			{% endthumbnail %}
                        </div>
		</div>

		<div class="emission-text">
		  <div>{{ emission.text|safe}}</div>
                  {% if emission.slug == 'detour-vers-le-futur' %}
                  <div id="subscribe-links">
                    <ul>
                      <li><a href="{{site_url}}{% url 'emission-podcasts' slug=emission.slug %}" class="rss">RSS</a></li>
                      <li><a href="https://open.spotify.com/show/0AdCIyg24wKklByW4abBKg">Spotify</a></li>
                      <li><a href="https://www.deezer.com/fr/show/2835952">Deezer</a></li>
                      <li><a href="https://pca.st/eht3df8c">Pocket Casts</a></li>
                      <li><a href="{{site_url|as_itpc}}{% url 'emission-podcasts' slug=emission.slug %}" class="itunes">iTunes</a></li>
                    </ul>
                  </div>
                  {% endif %}
                </div>
	</div>
	<div class="emission-episodes">
		{% for episode in all_episodes %}
		<a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">
			<div class="image">
                                <div class="img">
				{% thumbnail episode.image "240x240" crop="50% 50%" as im %}
				<img src="{{im.url}}">
                                {% empty %}
                                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="240" width="240">
				{% endthumbnail %}
                                </div>
			</div>
			<div class="name"><span>{{ episode.title }}</span></div>
			<div class="time"><span>
					{% if schedules|length > 1 %}
					{{ episode.first_diffusion|date:"l" }}
					{% endif %}
					{{ episode.first_diffusion|date:"d/m" }}</span></div>
		</a>
		{% endfor %}
	</div>

</div>

{% if emission.slug == 'detour-vers-le-futur' %}
{% include "includes/detour-vers-le-footer.html" %}
{% endif %}

{% endblock %}