{% extends "base.html" %}
{% block title %}Nutzer verwalten | Nouri{% endblock %}
{% block content %}
<section class="page-intro">
    <div>
        <p class="eyebrow">Nutzer verwalten</p>
        <h1>Haushaltszugänge ruhig pflegen</h1>
        <p class="lead">Admins können hier weitere Mitglieder anlegen, Rollen anpassen, Zugänge pausieren und die gemeinsamen Kategorien pflegen.</p>
    </div>
    <div class="hero-actions">
        <a class="button" href="{{ url_for('admin.user_create') }}">Neuen Nutzer anlegen</a>
        <a class="button secondary" href="{{ url_for('admin.category_settings') }}">Kategorien</a>
    </div>
</section>

<section class="stack-list">
    {% for user in users %}
        <article class="list-row stacked-mobile">
            <div>
                <strong>{{ user.display_name or user.username }}</strong>
                <p class="muted">
                    {{ user.username }}
                    {% if user.email %} · {{ user.email }}{% endif %}
                </p>
                <div class="chip-row">
                    <span class="chip">{{ role_labels[user.role] }}</span>
                    {% if user.is_active %}
                        <span class="chip status-home">Aktiv</span>
                    {% else %}
                        <span class="chip status-archived">Pausiert</span>
                    {% endif %}
                    {% if user.id == g.user.id %}
                        <span class="chip status-soft">Du</span>
                    {% endif %}
                </div>
            </div>
            <div class="row-actions">
                <a class="ghost-button" href="{{ url_for('admin.user_edit', user_id=user.id) }}">Bearbeiten</a>
            </div>
        </article>
    {% endfor %}
</section>
{% endblock %}