{% extends 'layouts/main.html' %}

{% block content %}
<div class="column">
    <h3>Registrieren</h3>
    <form method="POST" action="/signup">
        <div class="mb-3">
            <label for="email" class="form-label">Email-Adresse</label>
            <input type="email" class="form-control {% if errors.get('email') %} is-invalid {% endif %}" id="email" name="email" placeholder="name@example.com" value="{{ email }}">
            <div class="invalid-feedback">
                {{ errors.get('email', '') }}
            </div>
        </div>
        <div class="mb-3">
            <label for="name" class="form-label">Name</label>
            <input type="text" class="form-control {% if errors.get('name') %} is-invalid {% endif %}" id="name" name="name" placeholder="Max" value="{{ name }}">
            <div class="invalid-feedback">
                {{ errors.get('name', '') }}
            </div>
        </div>
        <div class="mb-3">
            <label for="password" class="form-label">Passwort</label>
            <input type="password" class="form-control {% if errors.get('password') %} is-invalid {% endif %}" id="password" name="password" value="{{ password }}">
            <div class="invalid-feedback">
                {{ errors.get('password', '') }}
            </div>
        </div>
        <div class="col-auto">
            <button type="submit" class="btn btn-primary mb-3">Registrieren</button>
        </div>
    </form>
</div>
{% endblock %}