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

{% block title %}Registrierung - {{ parent() }}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('css/auth.css') }}">
{% endblock %}

{% block body %}
    <div class="auth-container">
        <div class="auth-box">
            <h2>Registrieren</h2>

            {% if error %}
                <div class="error-message">{{ error }}</div>
            {% endif %}

            <form class="auth-form" method="post" action="{{ path('app_register') }}">
                <div class="form-group">
                    <label for="name">Name</label>
                    <input type="text" id="name" name="name" required autofocus>
                </div>

                <div class="form-group">
                    <label for="email">E-Mail</label>
                    <input type="email" id="email" name="email" required>
                </div>

                <div class="form-group">
                    <label for="password">Passwort (min. 6 Zeichen)</label>
                    <input type="password" id="password" name="password" required>
                </div>

                <div class="form-group">
                    <label for="password_confirm">Passwort bestätigen</label>
                    <input type="password" id="password_confirm" name="password_confirm" required>
                </div>

                <button class="btn-submit" type="submit">Registrieren</button>
            </form>

            <div class="auth-links">
                <p>Bereits registriert? <a href="{{ path('app_login') }}">Jetzt anmelden</a></p>
            </div>
        </div>
    </div>
{% endblock %}