{% extends 'base.html.twig' %}
{% block title %}{{ theme.name }} — Conférences de Serigne Sam Mbaye{% endblock %}
{% block meta_description %}Conférences de Serigne Sam Mbaye sur le thème {{ theme.name }}.{% endblock %}
{% block body %}
    <section class="mx-auto max-w-6xl px-4 py-12">
        <p class="text-xs font-semibold uppercase tracking-[0.3em] text-gold-400">Thème</p>
        <h1 class="rule-gold mt-2 font-display text-3xl font-semibold">{{ theme.name }}</h1>
        {% if theme.description %}<p class="mt-4 max-w-2xl text-sand">{{ theme.description }}</p>{% endif %}

        {% if podcasts|length %}
            {# ——— Lecteur + liste du thème (même composant que l'accueil) ——— #}
            {% include 'partials/listen_now.html.twig' with {
                podcasts: podcasts,
                queue: 'theme-' ~ theme.slug,
                list_title: theme.name
            } only %}

            {# ——— Grille de cartes, conservée pour le SEO / les liens crawlables individuels ——— #}
{#            <div class="mt-10 grid gap-5 sm:grid-cols-2 lg:grid-cols-3">#}
{#                {% for podcast in podcasts %}#}
{#                    {% include 'partials/podcast_card.html.twig' with {podcast: podcast, queue: 'theme-' ~ theme.slug} %}#}
{#                {% endfor %}#}
{#            </div>#}
        {% else %}
            <p class="mt-8 text-sand-dim">Aucune conférence dans ce thème pour l'instant.</p>
        {% endif %}
    </section>
{% endblock %}