@props([
  'languages'
])



<ul class="nav nav-tabs" id="langTabs" role="tablist">
    @foreach ($languages as $lang)
        <li class="nav-item" role="presentation">
            <a class="nav-link lang-tab {{ $loop->first ? 'active' : '' }}"
                id="tabBtn_{{ $lang->code }}" data-target="tab_{{ $lang->code }}"
                href="#tab_{{ $lang->code }}" role="tab"
                aria-controls="tab_{{ $lang->code }}"
                aria-selected="{{ $loop->first ? 'true' : 'false' }}">
                <span class="fi fi-{{ $lang->flag }}"></span>
                {{ $lang->name }}
            </a>
        </li>
    @endforeach
</ul>


<br><br>