{{-- Вміст меню користувача: спільний для бічної панелі та мобільної шапки --}}
<flux:menu {{ $attributes }}>
    <div class="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
        <span class="flex size-8 shrink-0 items-center justify-center rounded-lg bg-neutral-200 text-black dark:bg-neutral-700 dark:text-white">
            {{ auth()->user()->initials() }}
        </span>
        <div class="grid flex-1 text-left text-sm leading-tight">
            <span class="truncate font-semibold">{{ auth()->user()->name }}</span>
            <span class="truncate text-xs">{{ auth()->user()->email }}</span>
        </div>
    </div>

    <flux:menu.separator />

    <flux:menu.item :href="route('settings.profile')" icon="cog" wire:navigate>{{ __('app.settings.heading') }}</flux:menu.item>

    <flux:menu.separator />

    <form method="POST" action="{{ route('logout') }}" class="w-full">
        @csrf
        <flux:menu.item as="button" type="submit" icon="arrow-right-start-on-rectangle" class="w-full">
            {{ __('app.navigation.log_out') }}
        </flux:menu.item>
    </form>
</flux:menu>