{% extends 'admin/layout.html.twig' %}

{% block title %}Einstellungen - Benutzer:in bearbeiten{% endblock %}

{% block content %}
    <div class="max-w-screen-sm">
        <h1 class="text-2xl font-bold pb-8">
            {{ user.fullName }} bearbeiten
        </h1>

        <div class="pb-10">
            <h2 class="text-lg font-bold pb-1">
                Aus BusPro
            </h2>
            <p class="text-sm text-gray-500 pb-2">
                Wird bei jeder Anmeldung übernommen und kann hier nicht geändert werden.
            </p>
            <dl class="divide-y divide-gray-100 border-t border-gray-100">
                <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4">
                    <dt class="text-sm font-bold leading-6 text-gray-900">
                        Zugewiesene Rollen
                    </dt>
                    <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0">
                        {{ grantedRoles|join(', ')|default('keine Rolle') }}
                        {% if user.superAdmin %}
                            <div class="text-gray-500">
                                Superadmin
                            </div>
                        {% endif %}
                    </dd>
                </div>
                <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4">
                    <dt class="text-sm font-bold leading-6 text-gray-900">
                        Zugewiesene Häuser
                    </dt>
                    <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0">
                        {% for code, name in houses %}
                            <div>
                                {{ name }} <span class="text-gray-500">({{ code }})</span>
                            </div>
                        {% else %}
                            -
                        {% endfor %}
                    </dd>
                </div>
                <div class="py-4 sm:grid sm:grid-cols-3 sm:gap-4">
                    <dt class="text-sm font-bold leading-6 text-gray-900">
                        Letzter Login
                    </dt>
                    <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0">
                        {{ user.lastLoginAt ? user.lastLoginAt|date('d.m.Y, H:i') : '-' }}
                    </dd>
                </div>
            </dl>
        </div>

        {# Its own act, with its own confirmation: granting a privilege must not happen as a
           side effect of saving something else on this page. #}
        {% if user.nominatedRoles is not empty %}
            <div class="pb-10">
                <h2 class="text-lg font-bold pb-1">
                    Freischaltung
                </h2>
                <p class="text-sm text-gray-500 pb-2">
                    In BusPro beansprucht, aber noch nicht freigeschaltet.
                </p>
                <ul class="divide-y divide-gray-100 border-t border-gray-100">
                    {% for role, label in user.nominatedRoles %}
                        <li class="py-3 flex items-center justify-between">
                            <span class="text-sm">
                                {{ label }}
                            </span>
                            <button type="button"
                                    class="btn btn--secondary"
                                    hx-get="{{ path('app_admin_system_user_approve_role', { 'id': user.id, 'role': role }) }}"
                                    hx-target="body"
                                    hx-swap="beforeend">
                                Freischalten
                            </button>
                        </li>
                    {% endfor %}
                </ul>
            </div>
        {% endif %}

        <h2 class="text-lg font-bold pb-2">
            Account
        </h2>
        {% include 'admin/system/user/_form.html.twig' %}
    </div>
{% endblock %}