@php
    $showAvatarSection = ! $user->shouldPromptPortalAvatar();
@endphp

<x-portal-layout>
    <x-page.header title="Meu perfil" />

    <div class="space-y-6">
        <x-page.card class="!p-5 sm:!p-8 lg:!p-10">
            <div @class([
                'portal-profile-edit__grid mx-auto w-full max-w-5xl',
                'portal-profile-edit__grid--details-only' => ! $showAvatarSection,
            ])>
                @if ($showAvatarSection)
                    <div class="portal-profile-edit__avatar">
                        @include('portal.profile.partials.avatar-settings-card', ['user' => $user])
                    </div>
                @endif

                <div class="portal-profile-edit__details">
                    @include('profile.partials.update-profile-information-form')
                </div>
            </div>
        </x-page.card>

        @if($canChangePassword ?? $user->canChangePassword())
            <x-page.card>
                <div class="max-w-xl">
                    @include('profile.partials.update-password-form')
                </div>
            </x-page.card>
        @else
            <x-page.card>
                <p class="max-w-xl text-sm text-gray-600">
                    A sua conta utiliza login Microsoft. Pode atualizar o nome acima; o e-mail e a senha são geridos pela Microsoft.
                </p>
            </x-page.card>
        @endif
    </div>
</x-portal-layout>