export default async function AccountPage ({params}: {params: {locale: Locale}}) {
    
    await ensureUserIsLoggedIn()
    const data = await getAccount()
    if (!data) return <h1>User data not found</h1>
    const tr = await getTranslations(params.locale)


    return (
        <>

            <div>

                <h1>{tr("dashboard.account.profile.title")}</h1>
                <UpdateAccountForm 
                    email={data.email}
                    emailVerifiedAt={data.emailVerifiedAt}
                    image={data.image}
                    name={data.name}
                    phoneNumber={data.phoneNumber}
                    phonePrefix={data.phonePrefix}
                    phoneVerifiedAt={data.phoneVerifiedAt}
                    createdAt={data.createdAt}
                />

                <h1>Mot de passe</h1>
                <UpdateAccountPasswordForm/>

                <h1>Preferences</h1>
                <UpdateAccountPreferences followNewsletter={data.followNewsletter} />

                <DeleteAccountBtn>
                    {tr("dashboard.account.profile.deleteBtn")}
                </DeleteAccountBtn>

            </div>

        </>
    )   
}