<div class="flex flex-row justify-center select-none ml-2">
    <div class="flex flex-row items-center right-1 space-x-1">
        @foreach($languageSwitcher as $locale => $pageKey)
            <a
                hreflang="{{ $locale }}"
                href="{{ droute($pageKey, ['locale' => $locale], false, [], $locale) }}"
                class="p-1 flex flex-row items-center text-sm font-medium text-blue-400 hover:bg-blue-900 focus:bg-gray-600 focus:outline-none {{ app()->getLocale() === $locale ? 'border-b-2 border-b-blue-700' : 'pb-1' }}"
            >
                <img src="{{ asset('vendor/filament-cms/img/flags/4x3/' . $locale .'.svg') }}"
                     alt="SVG {{ $locale }}" class="w-5 h-5">
            </a>
        @endforeach

    </div>
</div>
