{% 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 %}
    <div class="mt-8 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'} %}
        {% else %}
            <p class="text-sand-dim">Aucune conférence dans ce thème pour l'instant.</p>
        {% endfor %}
    </div>
</section>
{% endblock %}