{% extends 'admin/_layout.html.twig' %}
{% block admin %}
<h1 class="rule-gold font-display text-2xl font-semibold">Conférences ({{ podcasts|length }})</h1>
<div class="mt-6 space-y-4">
    {% for p in podcasts %}
        <details class="card p-5">
            <summary class="flex cursor-pointer items-center justify-between gap-3">
                <span class="truncate font-medium">{{ p.title }}</span>
                <span class="shrink-0 text-xs {{ p.published ? 'text-oasis' : 'text-sand-dim' }}">{{ p.published ? '● publié' : '○ brouillon' }}</span>
            </summary>
            <form action="{{ path('admin_podcast_update', {id: p.id}) }}" method="post" class="mt-5 grid gap-4">
                <input type="hidden" name="_token" value="{{ csrf_token('podcast_' ~ p.id) }}">
                <div><label class="label">Titre</label><input class="field" name="title" value="{{ p.title }}" required></div>
                <div><label class="label">Description</label><textarea class="field min-h-24" name="description">{{ p.description }}</textarea></div>
                <div class="grid gap-4 sm:grid-cols-3">
                    <div>
                        <label class="label">Thème</label>
                        <select class="field" name="theme">
                            <option value="">— aucun —</option>
                            {% for t in themes %}<option value="{{ t.id }}" {{ p.theme and p.theme.id == t.id ? 'selected' }}>{{ t.name }}</option>{% endfor %}
                        </select>
                    </div>
                    <label class="mt-7 flex items-center gap-2 text-sm text-sand">
                        <input type="checkbox" name="published" value="1" {{ p.published ? 'checked' }} class="accent-[var(--color-gold-400)]"> Publié
                    </label>
                    <p class="mt-7 text-xs text-sand-dim">{{ p.durationLabel }} · {{ p.playCount }} écoutes</p>
                </div>
                <div class="flex gap-3">
                    <button class="btn-gold" type="submit">Enregistrer</button>
                </div>
            </form>
            <form action="{{ path('admin_podcast_delete', {id: p.id}) }}" method="post" class="mt-3"
                  onsubmit="return confirm('Supprimer définitivement « {{ p.title|e('js') }} » et son fichier audio ?')">
                <input type="hidden" name="_token" value="{{ csrf_token('podcast_del_' ~ p.id) }}">
                <button class="text-xs text-red-400 hover:underline" type="submit">Supprimer la conférence et le fichier</button>
            </form>
        </details>
    {% else %}
        <p class="text-sand-dim">Aucune conférence. <a class="text-gold-300 hover:underline" href="{{ path('admin_import') }}">Lancer un import →</a></p>
    {% endfor %}
</div>
{% endblock %}