{% 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">
        {# Thèmes : la relation multiple si elle est renseignée, sinon le thème
           unique historique — getEffectiveTopics gère les deux cas. #}
        <div class="flex flex-wrap gap-2">
            {% for topic in podcast.effectiveTopics %}
                <a href="{{ path('app_theme_show', {slug: topic.slug}) }}" class="chip">{{ topic.name }}</a>
            {% endfor %}
        </div>

        <h1 class="mt-4 font-display text-3xl font-bold leading-tight md:text-4xl">{{ podcast.title }}</h1>

        {# Chaque information n'est affichée que si elle est réellement connue :
           mieux vaut une ligne courte qu'un champ vide ou inventé. #}
        <p class="mt-3 flex flex-wrap items-center gap-x-2 gap-y-1 text-sm text-sand-dim">
            <span>{{ podcast.durationLabel }}</span>
            {% if podcast.recordedAt %}
                <span>· enregistrée le {{ podcast.recordedAt|date('d/m/Y') }}</span>
            {% elseif podcast.recordedYear %}
                <span>· enregistrée vers {{ podcast.recordedYear }}</span>
            {% endif %}
            {% if podcast.recordedPlace %}<span>· {{ podcast.recordedPlace }}</span>{% endif %}
            {% if podcast.speaker %}<span>· {{ podcast.speaker }}</span>{% endif %}
            {% if podcast.language %}<span>· {{ podcast.language|upper }}</span>{% endif %}
            <span>· {{ podcast.playCount }} écoute(s)</span>
        </p>

        {% if podcast.digitizedAt and podcast.recordedAt is empty and podcast.recordedYear is empty %}
            {# Distinction assumée : une date de numérisation n'est pas la date
               de la conférence, et ne doit surtout pas être présentée comme telle. #}
            <p class="mt-1 text-xs text-sand-dim">Numérisée le {{ podcast.digitizedAt|date('d/m/Y') }} — date de la conférence inconnue.</p>
        {% endif %}

        {% if is_granted('ROLE_ADMIN') %}
            <p class="mt-2 flex flex-wrap items-center gap-2 text-xs">
                <span class="rounded-full border border-night-700 px-2 py-0.5 text-sand-dim">
                    statut : {{ podcast.processingStatus }}
                </span>
                {% if podcast.metadataConfidence is not null %}
                    <span class="rounded-full border border-night-700 px-2 py-0.5 {{ podcast.metadataConfidence >= 0.8 ? 'text-oasis' : 'text-gold-300' }}">
                        confiance : {{ (podcast.metadataConfidence * 100)|round }} %
                    </span>
                {% endif %}
            </p>
        {% endif %}

        {% set audio_url = podcast.audioPath starts with '/' ? podcast.audioPath : '/' ~ podcast.audioPath %}

        {# data-row-id relie ce bloc au lecteur : le bouton passe en « pause »
           et une barre de progression apparaît dès que cette conférence est
           lancée, y compris si la lecture a démarré depuis une autre page.
           data-row-style="plain" évite l'habillage des lignes de liste. #}
        <div class="mt-8" data-row-id="{{ podcast.id }}" data-row-style="plain"
             data-row-title="{{ podcast.title|e('html_attr') }}">
            <div class="flex flex-wrap items-center gap-3">
                <button type="button" class="btn-gold"
                        data-play data-play-label="Écouter maintenant"
                        data-id="{{ podcast.id }}" data-title="{{ podcast.title|e('html_attr') }}"
                        data-slug="{{ podcast.slug }}"
                        data-url="{{ audio_url }}"
                        data-theme="{{ podcast.theme ? podcast.theme.name|e('html_attr') }}"
                        data-duration="{{ podcast.durationSeconds }}">▶ Écouter maintenant</button>

                <button type="button" class="btn-ghost"
                        data-queue-add="end"
                        data-id="{{ podcast.id }}" data-title="{{ podcast.title|e('html_attr') }}"
                        data-slug="{{ podcast.slug }}"
                        data-url="{{ audio_url }}"
                        data-theme="{{ podcast.theme ? podcast.theme.name|e('html_attr') }}"
                        data-duration="{{ podcast.durationSeconds }}">＋ Ajouter à la file</button>

                <button type="button" class="btn-ghost" data-favorite="{{ podcast.id }}"
                        data-favorite-label="1" aria-label="Ajouter aux favoris">♡ Favori</button>

                <button type="button" class="btn-ghost"
                        data-playlist-add="{{ podcast.id }}">＋ Ajouter à une playlist</button>

                {# Sans nom explicite, le navigateur enregistre le fichier sous son nom
                   sur le serveur (souvent un identifiant opaque). On repart du titre,
                   nettoyé des caractères interdits dans un nom de fichier. #}
                {% set audio_parts = audio_url|split('.') %}
                {% set audio_ext = audio_parts|length > 1 ? audio_parts|last|lower : 'mp3' %}
                {% set download_name = podcast.title|replace({'/': ' ', '\\': ' ', ':': ' ', '*': ' ', '?': ' ', '"': ' ', '<': ' ', '>': ' ', '|': ' '})|trim %}
                <a href="{{ audio_url }}" download="{{ download_name }}.{{ audio_ext }}"
                   class="btn-ghost">⤓ Télécharger</a>
            </div>

            <div class="mt-4 max-w-md" data-row-body></div>
        </div>

        <div class="mt-8 border-t border-night-700/40 pt-6">
            {% include 'partials/share_links.html.twig' with {
                url: url('app_podcast_show', {slug: podcast.slug}),
                title: podcast.title
            } only %}
        </div>

        {% if podcast.summary %}
            <div class="panel mt-8 p-6 leading-relaxed text-sand">
                <p class="mb-2 text-xs font-semibold uppercase tracking-wider text-gold-400">Résumé</p>
                {{ podcast.summary|nl2br }}
            </div>
        {% endif %}

        {% include 'partials/chapters.html.twig' with {podcast: podcast} only %}

        {% 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 %}