@props(['compact' => false])

@php
    $current = app()->getLocale();
    $locales = config('international.locales', []);
@endphp

<div {{ $attributes->merge(['class' => 'inline-flex items-center gap-1 rounded-md border border-slate-200 bg-white p-1 text-xs font-black shadow-sm']) }}>
    <span class="sr-only">{{ __('app.language.label') }}</span>
    @foreach($locales as $locale => $meta)
        <a href="{{ route('locale.switch', $locale) }}"
           hreflang="{{ $meta['html'] }}"
           lang="{{ $meta['html'] }}"
           aria-current="{{ $current === $locale ? 'true' : 'false' }}"
           class="{{ $current === $locale ? 'bg-slate-950 text-white' : 'text-slate-600 hover:bg-slate-100 hover:text-sky-700' }} rounded px-2 py-1">
            {{ $compact ? $meta['short'] : $meta['native'] }}
        </a>
    @endforeach
</div>