{% extends "base.html" %}
{% block title %}{% if user %}Nutzer bearbeiten{% else %}Nutzer anlegen{% endif %} | Nouri{% endblock %}
{% block content %}
<section class="page-intro">
    <div>
        <p class="eyebrow">Nutzer verwalten</p>
        <h1>{% if user %}{{ user.display_name or user.username }} bearbeiten{% else %}Neuen Nutzer anlegen{% endif %}</h1>
        <p class="lead">Wenig Felder, klare Rollen und ein ruhiger Zugang für den gemeinsamen Haushalt.</p>
    </div>
</section>

<section class="panel form-panel">
    <form method="post" class="stack-form">
        {{ csrf_input() }}
        <label>
            Anzeigename
            <input type="text" name="display_name" value="{{ form_data.display_name }}" autocomplete="name">
        </label>
        <label>
            Benutzername
            <input type="text" name="username" value="{{ form_data.username }}" autocomplete="username" required>
        </label>
        <label>
            E-Mail
            <input type="email" name="email" value="{{ form_data.email }}" autocomplete="email">
        </label>
        <label>
            Rolle
            <select name="role">
                {% for value, label in role_labels.items() %}
                    <option value="{{ value }}" {% if form_data.role == value %}selected{% endif %}>{{ label }}</option>
                {% endfor %}
            </select>
        </label>
        <label class="inline-check">
            <input type="checkbox" name="is_active" value="1" {% if form_data.is_active %}checked{% endif %}>
            <span>Zugang aktiv</span>
        </label>
        <label>
            {% if user %}Neues Passwort{% else %}Passwort{% endif %}
            <input type="password" name="password" autocomplete="new-password" {% if not user %}required{% endif %}>
        </label>
        <label>
            Passwort wiederholen
            <input type="password" name="password_repeat" autocomplete="new-password" {% if not user %}required{% endif %}>
        </label>
        <div class="form-actions">
            <button type="submit">Speichern</button>
            <a class="ghost-button" href="{{ url_for('admin.user_list') }}">Zurück</a>
        </div>
    </form>
</section>
{% endblock %}