{% extends 'base.html.twig' %}

{% block title %}SwimMonitor - New User{% endblock %}



{% block header %}
    <h1></h1>
{% endblock %}

{% block breadcrumb %}
  New User
{% endblock %}

{% block content %}
<div class="container mt-5">
    <h1>Neuen Benutzer registrieren</h1>

    <!-- Bootstrap Card -->
    <div class="card shadow border-start border-bottom">
        <div class="card-header">
            Benutzerregistrierung
        </div>
        <div class="card-body">
            {{ form_start(registrationForm) }}

            <!-- E-Mail Eingabefeld -->
            <div class="mb-3">
                {{ form_label(registrationForm.email) }}
                {{ form_widget(registrationForm.email, {'attr': {'class': 'form-control'}}) }}
                {{ form_errors(registrationForm.email) }}
            </div>

            <!-- Rollen Auswahl -->
            <div class="mb-3">
                {{ form_label(registrationForm.roles) }}
                {{ form_widget(registrationForm.roles, {'attr': {'class': 'form-control'}}) }}
                {{ form_errors(registrationForm.roles) }}
            </div>

            <!-- Passwort Eingabefeld -->
            <div class="mb-3">
                {{ form_label(registrationForm.password) }}
                {{ form_widget(registrationForm.password, {'attr': {'class': 'form-control'}}) }}
                {{ form_errors(registrationForm.password) }}
            </div>

            <!-- Button zum Absenden -->
            <button type="submit" class="btn btn-primary">Benutzer erstellen</button>

            {{ form_end(registrationForm) }}
        </div>
    </div>
</div>
{% endblock %}