@php
    $languages = \App\Models\Language::get();
    $defaultLang = $languages->where('code', session()->get('lang') ?? 'en')->first();
@endphp

<div class="language-dropdown dropdown">
    <button class="language-dropdown-btn" data-bs-toggle="dropdown">
        <span class="thumb">
            <img src="{{ asset('assets/images/language/' . $defaultLang->image) }}" alt="" />
        </span>
        <span class="text">{{ __(strtoupper($defaultLang->code)) }}</span>
    </button>

    <ul class="dropdown-menu">
        @foreach ($languages as $language)
            <li class="lang-box-item" data-value="{{ $language->code }}">
                <a href="{{ route('lang', $language->code) }}" class="lang-box-link">
                    <span class="thumb">
                        <img class="img" src="{{ getImage('assets/images/language/' . $language->image) }}"
                            alt="@lang('Image')" />
                    </span>
                    <span class="text">{{ __(strtoupper($language->name)) }}</span>
                </a>
            </li>
        @endforeach
    </ul>
</div>

@push('style')
    <style>
        .language-dropdown .dropdown-menu.show {
            visibility: visible;
            opacity: 1;
            transform: scale(1);
        }
    </style>
@endpush