@if ($showAvatarOnboardingModal ?? false)
    <x-modal name="portal-avatar-onboarding" :show="true" maxWidth="md" backdrop focusable>
        <div class="portal-avatar-modal">
            <header class="portal-avatar-modal__header">
                <h2 class="text-lg font-semibold text-gray-900">
                    Foto de perfil
                </h2>
                <p class="mt-1 text-sm text-gray-600">
                    Personalize a sua conta com uma foto. No celular pode tirar uma selfie ou escolher da galeria.
                </p>
            </header>

            @include('portal.profile.partials.avatar-form', [
                'user' => auth()->user(),
                'storeRoute' => route('portal.profile.avatar.store'),
                'destroyRoute' => route('portal.profile.avatar.destroy'),
                'dismissRoute' => route('portal.profile.avatar.dismiss-prompt'),
                'redirectTo' => url()->current(),
                'formId' => 'portal-avatar-onboarding-form',
                'fileInputId' => 'portal-avatar-onboarding-file',
                'cameraInputId' => 'portal-avatar-onboarding-camera',
                'showDismiss' => true,
                'showRemove' => false,
                'variant' => 'modal',
                'submitLabel' => 'Usar esta foto',
            ])
        </div>
    </x-modal>
@endif