{{-- Profile Nav Pills — shared across Account / Security / Notifications --}}
<div class="row">
    <div class="col-md-12">
        <ul class="nav nav-pills flex-column flex-md-row mb-4">
            <li class="nav-item">
                <a class="nav-link {{ $activePage === 'account' ? 'active' : '' }}" href="{{ route('profile.account') }}">
                    <i class="ti-xs ti ti-user me-1"></i> Account
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {{ $activePage === 'security' ? 'active' : '' }}" href="{{ route('profile.security') }}">
                    <i class="ti-xs ti ti-lock me-1"></i> Security
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link {{ $activePage === 'notifications' ? 'active' : '' }}" href="{{ route('profile.notifications') }}">
                    <i class="ti-xs ti ti-bell me-1"></i> Notifications
                </a>
            </li>
        </ul>
    </div>
</div>