@php
    $groups = site_subnav_groups();
    $current = Route::currentRouteName();
    $homeUrl = Route::has('site.home.r') ? route('site.home.r') : '#';
@endphp

<div class="context-bar">
    <div class="context-bar__inner">
        <ul class="child-tabs" role="tablist">
            <li>
                <a class="child-tab {{ $current === 'site.home.r' ? 'is-active' : '' }}" href="{{ $homeUrl }}">
                    <i class="fa-solid fa-house"></i>
                    <span>{{ __('site.menu_item_1') }}</span>
                </a>
            </li>

            @foreach($groups as $group)
                <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>
            @endforeach
        </ul>
    </div>
</div>