{% extends 'swimmonitor/base.html.twig' %}
{% form_theme registrationForm 'bootstrap_5_layout.html.twig' %}

{% block title %}Neuer Benutzer{% endblock %}
{% block page_modifier %} sm-page--narrow{% endblock %}

{% block breadcrumb %}
    <li>Administration</li>
    <li><a href="{{ path('admin_user_index') }}">Benutzer</a></li>
    <li>Neuer Benutzer</li>
{% endblock %}

{% block page_head %}
    <div>
        <h1>Neuer Benutzer</h1>
        <p class="sm-lead">Zugang zum SwimMonitor anlegen. Das Passwort kann der Benutzer später im Profil ändern.</p>
    </div>
{% endblock %}

{% block content %}
    {{ form_start(registrationForm, {attr: {class: 'sm-panel'}}) }}
        <div class="sm-panel-body sm-form">
            <fieldset class="sm-fieldset">
                <legend>Zugang</legend>
                <div class="sm-form-grid">
                    <div class="sm-span-2">{{ form_row(registrationForm.email) }}</div>
                    <div>{{ form_row(registrationForm.firstName) }}</div>
                    <div>{{ form_row(registrationForm.lastName) }}</div>
                    <div class="sm-span-2">{{ form_row(registrationForm.password) }}</div>
                </div>
            </fieldset>

            <fieldset class="sm-fieldset">
                <legend>Rollen</legend>
                {{ form_widget(registrationForm.roles) }}
                {{ form_errors(registrationForm.roles) }}
            </fieldset>

            {{ form_rest(registrationForm) }}
        </div>
        <div class="sm-panel-foot">
            <a href="{{ path('admin_user_index') }}" class="btn btn-secondary">Abbrechen</a>
            <button type="submit" class="btn btn-primary">Benutzer anlegen</button>
        </div>
    {{ form_end(registrationForm) }}
{% endblock %}