{{--
    It opens, lists languages and shows the current one, but choosing a
    language does nothing yet (the items are plain buttons with no handler).
    When switching is implemented, each item already carries data-lang="xx"
    to hook into.

    $variant: 'site' (storefront navbar, pill) or 'panel' (admin / staff top bar, compact)
--}}
@php
$variant = $variant ?? 'site';

$current = explode('-', $settings->language)[1];

@endphp
<div class="dropdown be-lang be-lang-{{ $variant }}">
    <button class="be-lang-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true" aria-label="Select language"
        @if ($variant==='site' ) data-bs-display="static" @endif>
        <i class="bi bi-translate be-lang-icon" aria-hidden="true"></i>
        @if ($variant === 'panel')
        <span class="be-lang-label d-none d-md-inline">{{ explode('-', $settings->language)[0] }}</span>
        <span class="be-lang-label d-md-none text-uppercase">{{ explode('-', $settings->language)[1] }}</span>
        @else
        <span class="be-lang-label">{{ explode('-', $settings->language)[0] }}</span>
        @endif
        <i class="bi bi-chevron-down be-lang-caret" aria-hidden="true"></i>
    </button>
    <ul class="dropdown-menu dropdown-menu-end be-lang-menu">
        <li>
            <a href="/lang/en" class="dropdown-item be-lang-item"
                data-lang="en">
                <span class="be-lang-code">EN</span>
                <span class="be-lang-names">
                    <span class="be-lang-native" lang="en">English</span>
                </span>
            </a>
        </li>
        <li>
            <a href="/lang/{{explode('-', $settings->language)[1]}}" class="dropdown-item be-lang-item"
                data-lang="{{ explode('-', $settings->language)[1] }}">
                <span class="be-lang-code">{{ strtoupper(explode('-', $settings->language)[1]) }}</span>
                <span class="be-lang-names">
                    <span class="be-lang-native" lang="{{ explode('-', $settings->language)[1] }}">{{ explode('-', $settings->language)[0] }}</span>
                </span>
            </a>
        </li>

    </ul>
</div>