@props(['items'])

<ul class="nav fs-6 mt-3 pt-3 border-top border-secondary-subtle">
@foreach($items as $item)

@php
    if(isset($item['active'])) {
        $isActive = $item['active'];
    }
    elseif(isset($item['route'])) {
        $isActive = request()->routeIs($item['route']);
    }
    else {
        $itemPath = ltrim(parse_url($item['url'] ?? '', PHP_URL_PATH), '/');
        $isActive = request()->path() === $itemPath;
    }
@endphp

<li class="nav-item">
    <a
        href="{{ isset($item['route']) ? route($item['route']) : ($item['url'] ?? '#') }}"
        class="nav-link {{ $isActive ? 'active border-bottom border-primary text-primary fw-bold' : 'text-black' }}"
    >
        @isset($item['icon'])
            <i data-lucide="{{ $item['icon'] }}" class="w-15px h-15px me-2"></i>
        @endisset
        {{ $item['label'] }}
    </a>
</li>

@endforeach
</ul>