import type { Metadata } from 'next'
import type { BackendSiteAgreement } from '@/lib/backend'
import { serverFetchJson } from '@/lib/server-api'

export const metadata: Metadata = { title: '隐私政策' }

const fallbackAgreement: BackendSiteAgreement = {
  id: 'privacy-policy',
  title: '隐私政策',
  summary: '个人资料、订单记录、预约信息和服务资料的使用规则。',
  content: [
    '平台会收集登录标识、姓名、联系电话、邮箱、机构信息、发票信息、订单记录、预约记录和用户主动提交的服务资料。',
    '上述信息主要用于账号识别、订单履约、发票处理、活动核销、专家预约、智能体交付、客服沟通和必要的安全审计。',
    '平台不会将个人信息用于与服务无关的公开展示；需要展示的信息会以用户确认的资料为准。',
    '平台会采取合理的技术和管理措施保护用户信息，并按法律法规要求进行必要的留存。',
    '用户可以在个人中心维护常用资料，或通过账号设置发起注销账号操作。',
  ].join('\n'),
  status: 'published',
  updatedBy: '',
  createdAt: '',
  updatedAt: '',
}

async function getPrivacyPolicy() {
  return await serverFetchJson<BackendSiteAgreement>('/site/agreements/privacy-policy') || fallbackAgreement
}

export default async function PrivacyPage() {
  const agreement = await getPrivacyPolicy()

  return (
    <main className="bg-bg py-12">
      <section className="mx-auto max-w-[860px] rounded-[4px] border border-line bg-white px-7 py-8 shadow-[0_12px_34px_rgba(15,23,42,0.05)]">
        <h1 className="text-3xl font-extrabold text-ink">{agreement.title}</h1>
        {agreement.summary && <p className="mt-3 text-sm font-bold leading-7 text-muted">{agreement.summary}</p>}
        <div className="mt-7 whitespace-pre-line text-sm leading-8 text-muted">{agreement.content}</div>
      </section>
    </main>
  )
}
