@php
    if(!isset($composedLanguages) || $composedLanguages->isEmpty())
        throw new UnderflowException('Blade: components/languageMenu: composedLanguages is not defined or empty. Make sure a composer is bind to this view');
@endphp

<div class="c-language-menu">
    <h2 class="c-language-menu__title" data-kal="fade">{{__('site/home.languageMenu.title')}}</h2>
    <ul class="c-language-menu__list" data-kal="slide-down" style="--kal-delay: 1000ms; --kal-duration: 900ms;">

        @foreach($composedLanguages as $composedLanguage)
            <li class="c-language-menu__item">
                <a class="c-language-menu__link" href="{{$links->languages->route}}/{{ $composedLanguage->translation->slug }}">
                    <span class="c-language-menu__label">{{ $composedLanguage->translation->name }}</span>
                    <span class="c-language-menu__arrow">@include('components.icons.arrowheadRight')</span>
                </a>
            </li>
        @endforeach

        <li class="c-language-menu__item">
            <a class="c-language-menu__link" href="{{$links->languages->route}}">
                <span class="c-language-menu__label">@lang('site/home.languageMenu.other_languages')</span>
                <span class="c-language-menu__arrow">@include('components.icons.arrowheadRight')</span>
            </a>
        </li>

    </ul>
</div>