@php
    $items = [
        ['title' => __('Profile'), 'icon' => 'person', 'url' => route('profile.edit'), 'active' => request()->routeIs('profile.edit')],
        ['title' => __('Password'), 'icon' => 'password', 'url' => route('user-password.edit'), 'active' => request()->routeIs('user-password.edit')],
    ];

    if (Laravel\Fortify\Features::canManageTwoFactorAuthentication()) {
        $items[] = ['title' => __('Two-Factor Auth'), 'icon' => 'shield_lock', 'url' => route('two-factor.show'), 'active' => request()->routeIs('two-factor.show')];
    }

    $items[] = ['title' => __('Appearance'), 'icon' => 'contrast', 'url' => route('appearance.edit'), 'active' => request()->routeIs('appearance.edit')];
@endphp

<div class="w-full">
    <x-section-nav :items="$items" :label="__('Settings')" />

    <div class="mt-8">
        <h2 class="type-title-lg">{{ $heading ?? '' }}</h2>
        <p class="mt-1 type-body-md text-on-surface-variant">{{ $subheading ?? '' }}</p>

        <div class="mt-6 w-full max-w-lg">
            {{ $slot }}
        </div>
    </div>
</div>