{# The consent question, rendered by the server and answered by a form.

   No JavaScript: the public pages run with script-src 'none' by default, and a banner that needs
   a script would be the one thing that breaks that. Accepting and refusing are the same kind of
   button, next to each other, with the same weight - a refusal hidden behind a link would not be
   a free choice. The per-group selection sits in a disclosure so the first view stays readable. #}
<section class="consent-bar" role="region" aria-labelledby="consent-heading">
    <h2 id="consent-heading">Externe Inhalte und Einwilligung</h2>
    <p>{{ consent.text ?: 'Diese Website lädt bestimmte Inhalte erst, wenn du zustimmst. Ohne Zustimmung wird die Seite vollständig angezeigt, nur eingebettete Inhalte anderer Anbieter bleiben leer.' }}</p>
    <form method="post" action="{{ path('consent_save') }}" class="consent-form">
        <input type="hidden" name="back" value="{{ back }}">
        <div class="consent-actions">
            <button class="consent-button" type="submit" name="choice" value="all">Alle akzeptieren</button>
            <button class="consent-button" type="submit" name="choice" value="none">Nur notwendige</button>
        </div>
        <details class="consent-details">
            <summary>Einzeln wählen</summary>
            <ul class="consent-groups">
                {% for group in consent.groups %}
                <li>
                    <label for="consent-{{ group.key }}">
                        <input id="consent-{{ group.key }}" type="checkbox" name="groups[]" value="{{ group.key }}"{{ group.granted ? ' checked' : '' }}>
                        <span><strong>{{ group.name }}</strong> {{ group.help }}</span>
                    </label>
                </li>
                {% endfor %}
            </ul>
            <button class="consent-button consent-choice" type="submit" name="choice" value="some">Auswahl speichern</button>
        </details>
        <p class="consent-links">
            {% if consent.privacyPath %}<a href="/{{ consent.privacyPath }}">Datenschutz</a>{% endif %}
            {% if consent.imprintPath %} · <a href="/{{ consent.imprintPath }}">Impressum</a>{% endif %}
        </p>
    </form>
</section>