<ul class="nav nav-tabs mb-3">
    <li class="nav-item">
        <a wire:navigate class="nav-link {{ request()->routeIs('account.profile') ? 'active' : '' }}"
           href="{{ route('account.profile') }}">
            <i class="mdi mdi-account me-1"></i>
            Profile
        </a>
    </li>

    <li class="nav-item">
        <a wire:navigate class="nav-link {{ request()->routeIs('account.security') ? 'active' : '' }}"
           href="{{ route('account.security') }}">
            <i class="mdi mdi-lock me-1"></i>
            Security
        </a>
    </li>

    <li class="nav-item">
        <a wire:navigate class="nav-link {{ request()->routeIs('account.sessions') ? 'active' : '' }}"
           href="{{ route('account.sessions') }}">
            <i class="mdi mdi-monitor me-1"></i>
            Sessions
        </a>
    </li>
</ul>
