@php
    $tabs = collect($menu)->filter(fn ($item) => isset($item['tab']))->values();
@endphp

@if ($tabs->isNotEmpty())
    <nav class="bottom-nav d-sm-none" aria-label="Quick navigation">
        <div class="d-flex">
            @foreach ($tabs as $tab)
                <a href="{{ route($tab['route']) }}" class="nav-link flex-fill text-center position-relative {{ request()->routeIs($tab['active']) ? 'active' : '' }}">
                    <x-icon :name="$tab['icon']" />

                    @if (! empty($tab['badge']))
                        <span class="position-absolute top-0 start-50 badge rounded-pill" style="font-size: .6rem; margin-top: 2px; margin-left: .55rem; background: var(--hp-accent); color: var(--hp-text);">
                            {{ $tab['badge'] }}
                        </span>
                    @endif

                    <span>{{ $tab['tab'] }}</span>
                </a>
            @endforeach
        </div>
    </nav>
@endif