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

{% block content %}

<h1 class="mt-5">Account Einstellungen👤</h1>


<form action="/profile" method="POST">
    <div class="form-group mb-3">
        <label for="newName">Neuer Name:</label>
        <input type="text" class="form-control {% if errors.get('newName') %} is-invalid {% endif %}" id="newName" name="newName" value="{{name}}">
        <div class="invalid-feedback">
            {{ errors.get('newName', '') }}
        </div>
    </div>

    <div class="form-group mb-3">
        <label for="newEmail">Neue E-Mail:</label>
        <input type="email" class="form-control {% if errors.get('newEmail') %} is-invalid {% endif %}" id="newEmail" name="newEmail" value="{{email}}">
        <div class="invalid-feedback">
            {{ errors.get('newEmail', '') }}
        </div>
    </div>

    <div class="form-group mb-3">
        <label for="newPassword">Neues Passwort:</label>
        <input type="password" class="form-control {% if errors.get('newPassword') %} is-invalid {% endif %}" id="newPassword" name="newPassword">
        <div class="invalid-feedback">
            {{ errors.get('newPassword', '') }}
        </div>
    </div>

    <div class="form-group mb-3">
        <label for="password">Altes Passwort:</label>
        <input type="password" class="form-control {% if errors.get('password') %} is-invalid {% endif %}" id="password" name="password">
        <div class="invalid-feedback">
            {{ errors.get('password', '') }}
        </div>
    </div>

    <button type="submit" class="btn btn-primary">Änderungen speichern</button>
</form>



{% endblock %}