{% extends 'admin/_layout.html.twig' %}
{% block admin %}
    <h1 class="rule-gold font-display text-2xl font-semibold">Associer des conférences à un thème</h1>
    <p class="mt-1 text-sm text-sand-dim">
        <a href="{{ path('admin_themes') }}" class="hover:underline">← Retour aux thèmes</a>
    </p>

    <form action="{{ path('admin_theme_assign_submit') }}" method="post" class="card mt-6 p-6">
        <input type="hidden" name="_token" value="{{ csrf_token('theme_assign') }}">

        <div>
            <label class="label" for="theme_id">Thème</label>
            <select class="field" id="theme_id" name="theme_id" required>
                <option value="">— Choisir un thème —</option>
                {% for t in themes %}
                    <option value="{{ t.id }}">{{ t.name }}</option>
                {% endfor %}
            </select>
        </div>

        <div class="mt-6">
            <div class="flex items-center justify-between">
                <p class="label">Conférences sans thème ({{ podcasts|length }})</p>
                {% if podcasts|length > 0 %}
                    <div class="flex gap-3 text-xs">
                        <button type="button" class="text-gold-300 hover:underline"
                                onclick="document.querySelectorAll('.podcast-check').forEach(c => c.checked = true)">Tout cocher</button>
                        <button type="button" class="text-sand-dim hover:underline"
                                onclick="document.querySelectorAll('.podcast-check').forEach(c => c.checked = false)">Tout décocher</button>
                    </div>
                {% endif %}
            </div>

            <div class="mt-3 max-h-96 overflow-y-auto rounded-lg ring-1 ring-white/10">
                {% for p in podcasts %}
                    <label class="flex cursor-pointer items-center gap-3 border-b border-white/5 px-4 py-3 text-sm last:border-b-0 hover:bg-white/5">
                        <input type="checkbox" name="podcast_ids[]" value="{{ p.id }}" class="podcast-check h-4 w-4 rounded">
                        <span>{{ p.title }}</span>
                    </label>
                {% else %}
                    <p class="px-4 py-6 text-center text-sm text-sand-dim">Toutes les conférences sont déjà associées à un thème.</p>
                {% endfor %}
            </div>
        </div>

        <button class="btn-gold mt-6" type="submit" {{ podcasts|length == 0 ? 'disabled' }}>Associer la sélection</button>
    </form>
{% endblock %}