Nombre Completo setData('name', e.target.value)} required autoComplete="name" placeholder="Nombre(s) y Apellido(s)" />

Correo Electrónico setData('email', e.target.value)} required autoComplete="username" placeholder="Correo Electrónico" />

Institution

Descripción del Perfil

setData('description', e.target.value)}
                                placeholder="Cuéntanos sobre ti..."
                                rows={4}
                                className="resize-none"
                            />
                            <InputError message={errors.description} />
                        </div>

<div className="grid gap-2">
                            <Label htmlFor="profile_photo">Foto de Perfil</Label>
                            <Input
                                id="profile_photo"
                                type="file"
                                accept="image/*"
                                onChange={(e) => setData('profile_photo', e.target.files?.[0] || null)}
                            />
                            <InputError message={errors.profile_photo} />
                        </div>

{mustVerifyEmail && auth.user.email_verified_at === null && (
                            <div>
                                <p className="-mt-4 text-sm text-muted-foreground">
                                    Tu correo electrónico no está verificado.{' '}
                                    <Link
                                        href={route('verification.send')}
                                        method="post"
                                        as="button"
                                        className="text-foreground underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500"
                                    >
                                        Haz clic aquí para reenviar el correo electrónico de verificación.
                                    </Link>
                                </p>

{status === 'verification-link-sent' && (
                                    <div className="mt-2 text-sm font-medium text-green-600">
                                        Se ha enviado un nuevo enlace de verificación a tu dirección de correo electrónico.
                                    </div>
                                )}
                            </div>
                        )}

<div className="flex items-center gap-4">
                            <Button disabled={processing} className='bg-emerald-600'>Guardar</Button>

<Transition
                                show={recentlySuccessful}
                                enter="transition ease-in-out"
                                enterFrom="opacity-0"
                                leave="transition ease-in-out"
                                leaveTo="opacity-0"
                            >
                                <p className="text-sm text-neutral-600">Guardar</p>
                            </Transition>
                        </div>
                    </form>
                </div>

<DeleteUser />
            </SettingsLayout>
        </AppLayout>
    );
}