{{-- Selector de limba, reutilizabil in frontend (header) si in admin (Filament render hook).
     Afiseaza doar limbile disponibile, cu steag + nume nativ, limba curenta e evidentiata. --}}
<div class="relative inline-block text-left" x-data="{ open: false }">
    <button @click="open = !open" type="button"
        class="flex items-center gap-2 px-3 py-2 text-sm rounded-md border border-gray-300 hover:bg-gray-50">
        <span>{{ config('localization.available_locales')[app()->getLocale()]['flag'] }}</span>
        <span>{{ config('localization.available_locales')[app()->getLocale()]['native'] }}</span>
    </button>

    <div x-show="open" @click.outside="open = false" x-cloak
        class="absolute right-0 mt-2 w-40 bg-white rounded-md shadow-lg border border-gray-100 z-50">
        @foreach (config('localization.available_locales') as $code => $locale)
            <a href="{{ route('locale.switch', $code) }}"
                class="flex items-center gap-2 px-4 py-2 text-sm hover:bg-gray-50 {{ app()->getLocale() === $code ? 'font-semibold text-gray-900' : 'text-gray-600' }}">
                <span>{{ $locale['flag'] }}</span>
                <span>{{ $locale['native'] }}</span>
            </a>
        @endforeach
    </div>
</div>