@php
    $user = filament()->auth()->user();
    $items = filament()->getUserMenuItems();

    $profileItem = $items['profile'] ?? $items['account'] ?? null;
    $profileItemUrl = $profileItem?->getUrl();
    $profilePage = filament()->getProfilePage();
    $hasProfileItem = filament()->hasProfile() || filled($profileItemUrl);

    $logoutItem = $items['logout'] ?? null;

    $items = \Illuminate\Support\Arr::except($items, ['account', 'logout', 'profile']);
    $itemsMensajes = collect($items)->filter(fn ($item) => !str_contains((string) $item->getUrl(), '/locale/'));
    $itemsLocale = collect($items)->filter(fn ($item) => str_contains((string) $item->getUrl(), '/locale/'));
@endphp

{{ \Filament\Support\Facades\FilamentView::renderHook(\Filament\View\PanelsRenderHook::USER_MENU_BEFORE) }}

<style>@keyframes ping{75%,100%{transform:scale(2);opacity:0}}</style>
<x-filament::dropdown
    placement="bottom-end"
    teleport
    :attributes="
        \Filament\Support\prepare_inherited_attributes($attributes)
            ->class(['fi-user-menu'])
    "
>
    <x-slot name="trigger">
        @php
            $unreadMessagesCount = auth()->check()
                ? \App\Models\DirectMessage::where('receiver_id', auth()->id())->whereNull('read_at')->count()
                : 0;
        @endphp
        <button
            aria-label="{{ __('filament-panels::layout.actions.open_user_menu.label') }}"
            type="button"
            class="shrink-0 relative"
        >
            <x-filament-panels::avatar.user :user="$user" />
            <span x-data x-show="($store.unreadMessages && $store.unreadMessages.count > 0)" x-cloak
                  class="absolute -top-0.5 -right-0.5 flex h-3 w-3" style="width: 12px; height: 12px;">
                <span class="absolute rounded-full opacity-75" style="width: 12px; height: 12px; background-color: #f87171; animation: ping 1s cubic-bezier(0,0,0.2,1) infinite;"></span>
                <span class="relative rounded-full" style="width: 12px; height: 12px; background-color: #ef4444;"></span>
            </span>
        </button>
    </x-slot>

    @if ($profileItem?->isVisible() ?? true)
        {{ \Filament\Support\Facades\FilamentView::renderHook(\Filament\View\PanelsRenderHook::USER_MENU_PROFILE_BEFORE) }}

        @if ($hasProfileItem)
            <x-filament::dropdown.list>
                <x-filament::dropdown.list.item
                    :color="$profileItem?->getColor()"
                    :icon="$profileItem?->getIcon() ?? \Filament\Support\Facades\FilamentIcon::resolve('panels::user-menu.profile-item') ?? 'heroicon-m-user-circle'"
                    :href="$profileItemUrl ?? filament()->getProfileUrl()"
                    :target="($profileItem?->shouldOpenUrlInNewTab() ?? false) ? '_blank' : null"
                    tag="a"
                >
                    {{ $profileItem?->getLabel() ?? ($profilePage ? $profilePage::getLabel() : null) ?? filament()->getUserName($user) }}
                </x-filament::dropdown.list.item>
            </x-filament::dropdown.list>
        @else
            <x-filament::dropdown.header
                :color="$profileItem?->getColor()"
                :icon="$profileItem?->getIcon() ?? \Filament\Support\Facades\FilamentIcon::resolve('panels::user-menu.profile-item') ?? 'heroicon-m-user-circle'"
            >
                {{ $profileItem?->getLabel() ?? filament()->getUserName($user) }}
            </x-filament::dropdown.header>
        @endif

        {{ \Filament\Support\Facades\FilamentView::renderHook(\Filament\View\PanelsRenderHook::USER_MENU_PROFILE_AFTER) }}
    @endif

    @if (filament()->hasDarkMode() && (! filament()->hasDarkModeForced()))
        <x-filament::dropdown.list>
            <x-filament-panels::theme-switcher />
        </x-filament::dropdown.list>
    @endif

    {{-- Grupo 1: Mensajes --}}
    @if ($itemsMensajes->isNotEmpty())
        <x-filament::dropdown.list>
            @foreach ($itemsMensajes as $key => $item)
                @php $itemPostAction = $item->getPostAction(); @endphp
                <x-filament::dropdown.list.item
                    :action="$itemPostAction"
                    :color="$item->getColor()"
                    :href="$item->getUrl()"
                    :icon="$item->getIcon()"
                    :method="filled($itemPostAction) ? 'post' : null"
                    :tag="filled($itemPostAction) ? 'form' : 'a'"
                    :target="$item->shouldOpenUrlInNewTab() ? '_blank' : null"
                >
                    {{ $item->getLabel() }}
                </x-filament::dropdown.list.item>
            @endforeach
        </x-filament::dropdown.list>
    @endif

    {{-- Grupo 2: Idioma --}}
    @if ($itemsLocale->isNotEmpty())
        <x-filament::dropdown.list>
            <x-filament::dropdown.header icon="heroicon-o-language">
                {{ __('Idioma') }}
            </x-filament::dropdown.header>
            @foreach ($itemsLocale as $key => $item)
                @php $itemPostAction = $item->getPostAction(); @endphp
                <x-filament::dropdown.list.item
                    :action="$itemPostAction"
                    :color="$item->getColor()"
                    :href="$item->getUrl()"
                    :icon="$item->getIcon()"
                    :method="filled($itemPostAction) ? 'post' : null"
                    :tag="filled($itemPostAction) ? 'form' : 'a'"
                    :target="$item->shouldOpenUrlInNewTab() ? '_blank' : null"
                >
                    {{ $item->getLabel() }}
                </x-filament::dropdown.list.item>
            @endforeach
        </x-filament::dropdown.list>
    @endif

    <x-filament::dropdown.list>
        <x-filament::dropdown.list.item
            :action="$logoutItem?->getUrl() ?? filament()->getLogoutUrl()"
            :color="$logoutItem?->getColor()"
            :icon="$logoutItem?->getIcon() ?? \Filament\Support\Facades\FilamentIcon::resolve('panels::user-menu.logout-button') ?? 'heroicon-m-arrow-left-on-rectangle'"
            method="post"
            tag="form"
        >
            {{ $logoutItem?->getLabel() ?? __('filament-panels::layout.actions.logout.label') }}
        </x-filament::dropdown.list.item>
    </x-filament::dropdown.list>
</x-filament::dropdown>

{{ \Filament\Support\Facades\FilamentView::renderHook(\Filament\View\PanelsRenderHook::USER_MENU_AFTER) }}