<div class="o-languages">

    <ul class="o-languages__list">

        @foreach($languageMenuItems as $item)
            <li class="o-languages__item" data-kal="fade" style="--kal-delay: {{($loop->index % 3)*0.15}}s">
                <a class="o-languages__link" href="{{ $links->languages->route }}/{{ $item->translation->slug }}">
                    <span class="o-languages__flag  @if(!empty($item->iso_2)) {{ $item->iso_2 }} @endif">
                        @if(!empty($item->iso_2) && \Illuminate\Support\Facades\View::exists('components.icons.flags.'.$item->iso_2))
                            @include('components.icons.flags.'.$item->iso_2)
{{--                        @else--}}
{{--                            <span class="o-languages__flag--holder">{{ $item->iso_2 }}</span>--}}
                        @endif
                    </span>
                    <span class="o-languages__label">{{ $item->translation->name }}</span>
                    <span class="o-languages__arrow">@include('components.icons.arrowheadRight')</span>
                </a>
            </li>
        @endforeach

    </ul>
</div>