@php
    $groups = radio_subnav_groups();
@endphp

<div class="context-bar">
    <div class="context-bar__inner">
        <ul class="child-tabs" role="tablist">
            @foreach($groups as $group)
                @if(empty($group['items']))
                    <li>
                        <a class="child-tab {{ $group['active'] ? 'is-active' : '' }}" href="{{ $group['url'] }}">
                            <i class="fa-solid {{ $group['icon'] }}"></i>
                            <span>{{ $group['label'] }}</span>
                        </a>
                    </li>
                @else
                    <li class="has-dropdown">
                        <a class="child-tab has-caret {{ $group['active'] ? 'is-active' : '' }}" href="#" aria-haspopup="true">
                            <i class="fa-solid {{ $group['icon'] }}"></i>
                            <span>{{ $group['label'] }}</span>
                            <i class="fa-solid fa-chevron-down child-chev"></i>
                        </a>
                        <div class="dropdown dropdown--subnav">
                            @foreach($group['items'] as $item)
                                <a class="dropdown__item {{ $item['active'] ? 'is-active' : '' }}" href="{{ $item['url'] }}">
                                    <i class="fa-solid {{ $item['icon'] }}"></i><span>{{ $item['label'] }}</span>
                                </a>
                            @endforeach
                        </div>
                    </li>
                @endif
            @endforeach
        </ul>
    </div>
</div>