@props([
    'class' => '',
    'compact' => true,
])

@php
    $routeName = Route::currentRouteName();
    $baseParams = $routeName && Route::current()
        ? collect(Route::current()->parameters())->except('locale')->all()
        : [];
    $current = app()->getLocale();
    $localeMeta = [
        'fa' => [
            'label' => 'فارسی',
            'flag' => 'fa.svg',
        ],
        'en' => [
            'label' => 'English',
            'flag' => 'us.svg',
        ],
        'de' => [
            'label' => 'Deutsch',
            'flag' => 'de.svg',
        ],
    ];
    $locales = collect(site_supported_locales())
        ->mapWithKeys(fn ($code) => [$code => $localeMeta[$code] ?? ['label' => strtoupper($code), 'flag' => $code.'.svg']])
        ->all();
@endphp

@if ($routeName)
    <nav
        {{ $attributes->merge(['class' => 'eca-lang-switch'.($compact ? '' : ' eca-lang-switch--roomy').' '.$class]) }}
        aria-label="{{ __('site.lang_menu') }}"
    >
        @foreach ($locales as $code => $meta)
            @php
                $active = $current === $code;
                $href = site_locale_route($routeName, $code, $baseParams);
            @endphp
            <a
                href="{{ $href }}"
                hreflang="{{ $code }}"
                lang="{{ $code }}"
                class="eca-lang-switch__item{{ $active ? ' is-active' : '' }}"
                @if ($active) aria-current="true" @endif
                title="{{ $meta['label'] }}"
                aria-label="{{ $meta['label'] }}"
            >
                <img
                    src="{{ asset('images/country/'.$meta['flag']) }}"
                    alt=""
                    width="22"
                    height="22"
                    class="eca-lang-switch__flag"
                    loading="lazy"
                    decoding="async"
                />
                @unless ($compact)
                    <span class="eca-lang-switch__label">{{ $meta['label'] }}</span>
                @endunless
                @if ($active)
                    <span class="eca-lang-switch__check" aria-hidden="true">
                        <svg viewBox="0 0 16 16" fill="none" class="h-2.5 w-2.5">
                            <path d="M3.5 8.2 6.4 11l6.1-7" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                    </span>
                @endif
            </a>
        @endforeach
    </nav>
@endif