@php
    $hubIcon = $hubIcon ?? 'ri-bar-chart-box-line';
@endphp
<aside class="hub-sidebar">
    <div class="hub-sidebar__head">
        <h2 class="hub-sidebar__title">
            <i class="{{ $hubIcon }}"></i>
            {{ $hubTitle }}
        </h2>
        <div class="hub-sidebar__search">
            <i class="ri-search-line"></i>
            <input type="search" class="form-control form-control-sm" placeholder="Search reports…" data-hub-search autocomplete="off">
        </div>
    </div>
    <div class="hub-sidebar__body">
        @if(!empty($hubHomeRoute))
            <ul class="nav flex-column hub-sidebar__menu mb-2">
                <li class="nav-item">
                    <a class="nav-link {{ ($activeKey ?? '') === ($hubHomeActive ?? 'index') ? 'active' : '' }}"
                       href="{{ route($hubHomeRoute) }}"
                       data-hub-menu-item>
                        <i class="{{ $hubHomeIcon ?? 'ri-information-line' }}"></i>
                        <span>{{ $hubHomeLabel ?? 'Overview' }}</span>
                    </a>
                </li>
            </ul>
        @endif

        @foreach($hubMenu as $group)
            <div class="hub-sidebar__group-label" data-hub-menu-group>{{ $group['label'] }}</div>
            <ul class="nav flex-column hub-sidebar__menu mb-2">
                @foreach($group['items'] as $key => $item)
                    @php
                        $isActive = ($activeKey ?? '') === $key;
                        if (!empty($item['active']) && !$isActive) {
                            $isActive = request()->routeIs($item['active']);
                        }
                        $hasRoute = !empty($item['route']) && empty($item['coming_soon']);
                    @endphp
                    <li class="nav-item">
                        @if($hasRoute)
                            <a class="nav-link {{ $isActive ? 'active' : '' }} {{ !empty($item['coming_soon']) ? 'is-muted' : '' }}"
                               href="{{ route($item['route'], $item['route_params'] ?? []) }}"
                               data-hub-menu-item>
                                <i class="{{ $item['icon'] ?? 'ri-file-line' }}"></i>
                                <span>{{ $item['label'] }}</span>
                            </a>
                        @elseif(!empty($item['route']))
                            <span class="nav-link is-muted" data-hub-menu-item title="Coming soon">
                                <i class="{{ $item['icon'] ?? 'ri-file-line' }}"></i>
                                <span>{{ $item['label'] }}</span>
                                <span class="hub-sidebar__badge">Soon</span>
                            </span>
                        @else
                            <span class="nav-link disabled text-muted" data-hub-menu-item>
                                <i class="{{ $item['icon'] ?? 'ri-file-line' }}"></i>
                                <span>{{ $item['label'] }}</span>
                            </span>
                        @endif
                    </li>
                @endforeach
            </ul>
        @endforeach
    </div>
</aside>