@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

<x-page :title="__('Settings')" :description="__('Manage your profile and account settings')">
    <x-slot:navigation>
        <x-section-nav :items="$items" :label="__('Settings')" />
    </x-slot:navigation>

    {{-- Every settings page is a card headed by its own title, as the admin's settings are. A page
         with a section that stands apart from that one subject — deleting the account, the recovery
         codes — puts it in `after`, where it becomes a card of its own under this one. --}}
    <x-card :title="$heading ?? ''" :subtitle="$subheading ?? ''" heading="h2" variant="outlined">
        {{ $slot }}
    </x-card>

    {{ $after ?? '' }}
</x-page>