{% extends "_layout.html" %}
{% block content %}
<section class="card">
    <nav class="flex flex-wrap border-b border-soft px-4">
        {% set sections = [('profil','Profil'),('filter','Filter'),('benachrichtigungen','Benachrichtigungen'),('account','Account')] %}
        {% if is_admin %}{% set sections = sections + [('benutzer','Benutzer')] %}{% endif %}
        {% for key, label in sections %}
        <a href="/einstellungen/{{ key }}"
           class="tab {% if section == key %}active{% endif %}">{{ label }}</a>
        {% endfor %}
    </nav>

    <div class="p-5">
        {% if section == 'profil' %}{% include "_settings_profil.html" %}
        {% elif section == 'filter' %}{% include "_settings_filter.html" %}
        {% elif section == 'benachrichtigungen' %}{% include "_settings_notifications.html" %}
        {% elif section == 'account' %}{% include "_settings_account.html" %}
        {% elif section == 'benutzer' %}{% include "_settings_users.html" %}
        {% endif %}
    </div>
</section>
{% endblock %}