@php($user = Auth::user())

<x-app-layout>
    <x-slot name="header">{{ __('Profile') }}</x-slot>

    <div class="mx-auto max-w-3xl space-y-6">
        <x-ui.card>
            <div class="flex items-center gap-4">
                <span class="flex h-12 w-12 items-center justify-center rounded-xl bg-accent/15 text-lg font-bold text-accent">{{ mb_substr($user->name, 0, 1) }}</span>
                <div>
                    <p class="font-semibold text-white">{{ $user->name }}</p>
                    <p class="text-sm text-muted">{{ $user->email }}</p>
                </div>
            </div>
        </x-ui.card>

        <x-ui.card :padding="false">
            <div class="px-6 py-6">@include('profile.partials.update-profile-information-form')</div>
        </x-ui.card>

        <x-ui.card :padding="false">
            <div class="px-6 py-6">@include('profile.partials.update-password-form')</div>
        </x-ui.card>

        <x-ui.card :padding="false">
            <div class="px-6 py-6">@include('profile.partials.delete-user-form')</div>
        </x-ui.card>
    </div>
</x-app-layout>