{% extends "base.html" %}
{% load paniktags static 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-2024-solid.png' %}" />
    <meta name="twitter:image" content="{{ site_url }}{% static 'img/favicon-2024-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">
    <a id="back-home" href="/"><span>Accueil</span></a>
    <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 episode-info">
      <div class="image">
        <div class="img">
          {% thumbnail emission.image "450x450" crop="50% 50%" as im %}
            <img alt="" src="{{im.url}}">
          {% empty %}
          {% 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 %}

        {% for episode in all_episodes %}
          {% if episode.slug|slice:":9" == "integrale" and episode.main_sound %}
            <div class="sound">
              {% audio sound=episode.main_sound %}
            </div>
          {% endif %}
        {% endfor %}
      </div>

    </div>
    <div class="emission-episodes">
      {% for episode in all_episodes %}
        {% if episode.slug|slice:":9" != "integrale" %}
          <a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">
            <div class="image  {% cycle 'style1' 'style2' 'style3' %}">
              <div class="img">
                {% thumbnail episode.image "240x240" crop="50% 50%" as im %}
                  <img alt="" loading="lazy" src="{{im.url}}">
                {% empty %}
                {% endthumbnail %}
              </div>
            </div>
            <div class="name"><span>{{ episode.title }}</span></div>
            <div class="time"><span>
              {{ episode.first_diffusion|date:"l" }}
              {{ episode.first_diffusion|date:"d/m" }}</span></div>
          </a>
        {% endif %}
      {% endfor %}
    </div>

  </div>

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

{% endblock %}