{% extends "@core/base.twig" %}
{% block preload %}
   <link rel="stylesheet" href="/css/styles.css">
{% endblock %}

{% block content %}
    <div>
    {% set pagetitle = '{multiauth:multiauth:select_source_header}'|trans %}

    <h2>Benutzerkonto auswählen</h2>
    <p>Bitte wählen Sie ein Benutzerkonto aus, mit dem Sie sich authentifizieren wollen:</p>

    <form action="{{ selfUrl|escape('html') }}" method="get">
        <input type="hidden" name="AuthState" value="{{ authstate|escape('html') }} ">
        {% for key, source in sources %}
            {% set name = ('src-' ~ source.source64) %}
            {% set button = ('button-' ~ source.source) %}
            <input class="button-red button-margin btn btn-primary" type="submit" name="{{ name|escape('html') }}" id="{{ button|escape('html') }}" value="{{ source.text|escape('html') }}"{%- if source.source == preferred %} autofocus{% endif -%}>            
            {% if source.help %}
              <p>{{ source.help|escape('html') }}</p>
            {% endif %}
        {% endfor %}
    </form>
    </div>
{% endblock %}