@php
  $navActive = $navActive ?? '';
  $navLabel = __('rider.profile.nav.quick_links');
  if ($navLabel === 'rider.profile.nav.quick_links') {
      $navLabel = 'Accesos rápidos';
  }

  $availableItems = [
      'home' => [
          'icon' => 'ti tabler-gauge',
          'route' => route('rider.dashboard'),
          'label' => __('rider.nav.home'),
      ],
      'schedule' => [
          'icon' => 'ti tabler-calendar-event',
          'route' => route('rider.schedule.index'),
          'label' => __('rider.nav.schedule'),
      ],
      'wallet' => [
          'icon' => 'ti tabler-wallet',
          'route' => route('rider.wallet'),
          'label' => __('rider.nav.wallet'),
      ],
      'profile' => [
          'icon' => 'ti tabler-user',
          'route' => route('rider.profile'),
          'label' => __('rider.nav.profile'),
      ],
      'tips' => [
          'icon' => 'ti tabler-coins',
          'route' => route('rider.tips'),
          'label' => __('rider.nav.tips'),
      ],
      'support' => [
          'icon' => 'ti tabler-help',
          'route' => route('rider.chat'),
          'label' => __('rider.nav.support'),
      ],
  ];

  $requestedItems = $navItems ?? ['home', 'schedule', 'wallet', 'profile'];
  $items = collect($requestedItems)->mapWithKeys(function ($key) use ($availableItems) {
      return isset($availableItems[$key]) ? [$key => $availableItems[$key]] : [];
  });
@endphp

@if ($items->isNotEmpty())
  <nav class="rider-nav" aria-label="{{ $navLabel }}">
    @foreach ($items as $key => $item)
      @php
        $isActive = $navActive === $key;
      @endphp
      <a
        class="rider-nav__item {{ $isActive ? 'is-active' : '' }}"
        href="{{ $item['route'] }}"
        data-nav-link
        @if($isActive) aria-current="page" @endif
      >
        <i class="{{ $item['icon'] }}"></i>
        <span>{{ $item['label'] }}</span>
      </a>
    @endforeach
  </nav>
@endif