{% extends 'base.html.twig' %}
{% block body %}
{% if not app.user %}
<section class="container mt-5">
<div class="row justify-content-center">
<div class="col-md-6">
<h1 class="text-center mb-4">Registrieren</h1>
<p class="text-center">Erstelle noch heute ein Konto. Fülle dazu einfach das folgende Formular aus oder melde dich mit einem deiner sozialen Netzwerke an.</p>
<section class="registration-form card p-4 shadow">
<!-- Registration Form -->
{{ form_start(registrationForm) }}
<div class="mb-3">
{{ form_label(registrationForm.email, 'E-Mail-Adresse') }}
{{ form_widget(registrationForm.email, { 'attr': {'class': 'form-control'} }) }}
{{ form_errors(registrationForm.email) }}
</div>
<div class="mb-3">
{{ form_label(registrationForm.plainPassword.first, 'Passwort') }}
{{ form_widget(registrationForm.plainPassword.first, { 'attr': {'class': 'form-control'} }) }}
{{ form_errors(registrationForm.plainPassword.first) }}
</div>
<div class="mb-3">
{{ form_label(registrationForm.plainPassword.second, 'Passwort wiederholen') }}
{{ form_widget(registrationForm.plainPassword.second, { 'attr': {'class': 'form-control'} }) }}
{{ form_errors(registrationForm.plainPassword.second) }}
</div>
<div class="mb-3 form-check">
{{ form_widget(registrationForm.agreeTerms, { 'attr': {'class': 'form-check-input'} }) }}
{{ form_label(registrationForm.agreeTerms, 'Ich stimme den Nutzungsbedingungen zu', { 'attr': {'class': 'form-check-label'} }) }}
{{ form_errors(registrationForm.agreeTerms) }}
</div>
<!-- Social Login Buttons -->
<div class="d-flex justify-content-center mb-3">
<a href="{{ path('connect_google_start') }}" class="btn btn-danger mx-2"><i class="fab fa-google"></i> Mit Google registrieren</a>
<a href="#" class="btn btn-info mx-2"><i class="fab fa-twitter"></i> Mit Twitter registrieren</a>
</div>
<p class="text-center">Hast du bereits ein Konto? <a href="{{ path('app_login') }}">Hier anmelden</a>.</p>
<div class="d-grid">
<button type="submit" class="btn btn-primary btn-block">Registrieren</button>
</div>
{{ form_end(registrationForm) }}
</section>
</div>
</div>
</section>
{% else %}
{# Optional: Benutzer umleiten oder eine Nachricht anzeigen #}
<div class="container mt-5">
<div class="alert alert-warning text-center">
Du bist bereits eingeloggt und kannst dich nicht erneut registrieren.
</div>
</div>
{% endif %}
{% endblock %}