@props(['user'])

<ul class="nav nav-tabs mb-3">
    @can('view', $user)
        <li class="nav-item">
            <a wire:navigate class="nav-link {{ request()->routeIs('admin.users.profile') ? 'active' : '' }}"
               href="{{ route('admin.users.profile', $user) }}">
                <i class="mdi mdi-account-box me-1"></i>
                Profile
            </a>
        </li>
    @endcan

    @can('viewApiKeys', $user)
        <li class="nav-item">
            <a wire:navigate class="nav-link {{ request()->routeIs('admin.users.api-keys') ? 'active' : '' }}"
               href="{{ route('admin.users.api-keys', $user) }}">
                <i class="mdi mdi-key me-1"></i>
                API Keys
            </a>
        </li>
    @endcan

    @can('manageSessions', $user)
        <li class="nav-item">
            <a wire:navigate class="nav-link {{ request()->routeIs('admin.users.sessions') ? 'active' : '' }}"
               href="{{ route('admin.users.sessions', $user) }}">
                <i class="mdi mdi-monitor me-1"></i>
                Sessions
            </a>
        </li>
    @endcan
</ul>
