{# @var tenant \Ferienpass\CoreBundle\Entity\Tenant #}
<div class="relative z-20 flex items-center gap-x-4 bg-gray-900 px-4 py-2.5 sm:px-6 dark:bg-gray-900 dark:border-b dark:border-amber-400/20">
    <span class="h-2 w-2 flex-none rounded-full bg-amber-400 ring-4 ring-amber-400/25" aria-hidden="true"></span>
    <p class="text-sm leading-6 text-white">
        <strong class="font-semibold">Sie arbeiten im Datenraum „{{ tenant.name }}“.</strong>
        <span class="hidden sm:inline text-white/60">Jede Ansicht, jede Änderung und jede Mail betrifft diesen Mandanten, nicht Ihren eigenen.</span>
    </p>
    <form action="{{ path('admin_tenants_switch_reset') }}" method="post" class="ml-auto flex-none">
        <button type="submit"
                class="rounded-lg border border-white/30 px-3 py-1 text-xs font-semibold text-white hover:bg-white/10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">
            Datenraum verlassen
        </button>
    </form>
</div>
{# The frame keeps the switched state visible even when the banner is scrolled
   away — everything inside the border belongs to the other municipality. #}
<div class="pointer-events-none fixed inset-0 z-50 border-[3px] border-gray-900 dark:border-amber-400/40" aria-hidden="true"></div>
