{% extends 'base.html.twig' %}
{% block title %}{{ podcast.title }} — Serigne Sam Mbaye{% endblock %}
{% block meta_description %}{{ podcast.description ? podcast.description|slice(0, 155) ~ '…' : 'Conférence de Serigne Sam Mbaye : ' ~ podcast.title }}{% endblock %}
{% block body %}
    <section class="mx-auto max-w-3xl px-4 py-14">
        {% if podcast.theme %}
            <a href="{{ path('app_theme_show', {slug: podcast.theme.slug}) }}" class="chip">{{ podcast.theme.name }}</a>
        {% endif %}
        <h1 class="mt-4 font-display text-3xl font-bold leading-tight md:text-4xl">{{ podcast.title }}</h1>
        <p class="mt-3 text-sm text-sand-dim">
            {{ podcast.durationLabel }}{{ podcast.recordedYear ? ' · enregistrée vers ' ~ podcast.recordedYear }} · {{ podcast.playCount }} écoute(s)
        </p>

        <div class="mt-8 flex flex-wrap items-center gap-4">
            <button type="button" class="btn-gold"
                    data-play data-id="{{ podcast.id }}" data-title="{{ podcast.title|e('html_attr') }}"
                    data-url="{{ podcast.audioPath starts with '/' ? podcast.audioPath : '/' ~ podcast.audioPath }}"
                    data-theme="{{ podcast.theme ? podcast.theme.name|e('html_attr') }}"
                    data-duration="{{ podcast.durationSeconds }}">▶ Écouter maintenant</button>
            <button type="button" class="btn-ghost" data-favorite="{{ podcast.id }}" aria-label="Ajouter aux favoris">♡ Favori</button>
            {% if app.user %}
                <button type="button" class="btn-ghost" data-playlist-add="{{ podcast.id }}">＋ Ajouter à une playlist</button>
            {% else %}
                <a href="{{ path('app_login') }}" class="btn-ghost">Se connecter pour créer des playlists</a>
            {% endif %}
        </div>

        {% if podcast.description %}
            <div class="card mt-10 p-6 leading-relaxed text-sand">{{ podcast.description|nl2br }}</div>
        {% endif %}
    </section>
{% endblock %}

{% block structured_data %}
    <script type="application/ld+json">
        {
          "@context": "https://schema.org",
          "@type": "PodcastEpisode",
          "name": {{ podcast.title|json_encode|raw }},
  "url": "{{ url('app_podcast_show', {slug: podcast.slug}) }}",
  "associatedMedia": { "@type": "MediaObject", "contentUrl": "{{ absolute_url(podcast.audioPath starts with '/' ? podcast.audioPath : '/' ~ podcast.audioPath) }}" },
  "partOfSeries": { "@type": "PodcastSeries", "name": "Conférences de Serigne Sam Mbaye" }
}
    </script>
{% endblock %}