import { Metadata } from "next"
import Link from "next/link"
import {
  Card,
  CardContent,
  CardDescription,
  CardHeader,
  CardTitle,
} from "@/shared/components/ui/card"

export const metadata: Metadata = {
  title: "隐私政策 - Next_Edu",
  description: "Next_Edu 隐私政策与个人信息保护说明",
}

const SECTION_CLASS = "space-y-2"
const HEADING_CLASS = "text-base font-semibold text-foreground"
const TEXT_CLASS = "text-sm leading-relaxed text-muted-foreground"
const LIST_CLASS = "ml-4 list-disc space-y-1 text-sm leading-relaxed text-muted-foreground"

export default function PrivacyPage() {
  return (
    <div className="mx-auto w-full max-w-3xl space-y-6 py-8">
      <div className="space-y-2 text-center">
        <h1 className="text-2xl font-semibold tracking-tight">隐私政策</h1>
        <p className="text-sm text-muted-foreground">
          最近更新日期：2026 年 6 月 16 日
        </p>
      </div>

      <Card>
        <CardHeader>
          <CardTitle>引言</CardTitle>
          <CardDescription>
            Next_Edu（以下简称“我们”）是一款面向 K12 教育场景的智慧教务管理系统，我们高度重视用户个人信息保护。
          </CardDescription>
        </CardHeader>
        <CardContent className="space-y-6">
          <section className={SECTION_CLASS}>
            <h2 className={HEADING_CLASS}>一、信息收集说明</h2>
            <p className={TEXT_CLASS}>
              为提供教学服务，我们会收集以下类型的信息：
            </p>
            <ul className={LIST_CLASS}>
              <li>账户信息：姓名、邮箱、密码（加密存储）、手机号码。</li>
              <li>身份信息：角色（学生/教师/家长等）、年级、班级、出生日期。</li>
              <li>未成年人保护信息：监护人姓名、联系电话、与未成年人关系。</li>
              <li>学习数据：作业作答、考试成绩、学习行为记录。</li>
              <li>设备信息：浏览器类型、访问日志（用于安全与运维）。</li>
            </ul>
          </section>

          <section className={SECTION_CLASS}>
            <h2 className={HEADING_CLASS}>二、信息使用说明</h2>
            <p className={TEXT_CLASS}>收集的信息将用于：</p>
            <ul className={LIST_CLASS}>
              <li>提供注册、登录、班级管理与教学功能。</li>
              <li>生成学习报告与学情分析，辅助教学决策。</li>
              <li>在监护人授权下，向家长推送子女学习情况。</li>
              <li>保障账户安全、防范风险与合规审计。</li>
              <li>改进产品体验，不会用于与教学无关的商业用途。</li>
            </ul>
          </section>

          <section className={SECTION_CLASS}>
            <h2 className={HEADING_CLASS}>三、信息保护措施</h2>
            <ul className={LIST_CLASS}>
              <li>密码使用 bcrypt 算法加密存储，AI 服务密钥使用 AES 加密。</li>
              <li>采用基于角色的访问控制（RBAC）与数据范围（DataScope）行级过滤。</li>
              <li>HTTPS 传输加密，数据库访问受网络与权限隔离。</li>
              <li>仅授权人员在最小必要原则下访问用户数据，并留存审计日志。</li>
            </ul>
          </section>

          <section className={SECTION_CLASS}>
            <h2 className={HEADING_CLASS}>四、用户权利</h2>
            <ul className={LIST_CLASS}>
              <li>查询权：您可在个人资料页查看我们持有的您的信息。</li>
              <li>更正权：您可随时修改姓名、手机、地址等个人资料。</li>
              <li>删除权：您可申请注销账户，我们将在合理期限内删除相关数据。</li>
              <li>撤回同意权：监护人可随时撤回对未成年人使用服务的同意。</li>
              <li>数据可携带权：您可申请导出您的学习数据。</li>
            </ul>
          </section>

          <section className={SECTION_CLASS}>
            <h2 className={HEADING_CLASS}>五、Cookie 政策</h2>
            <p className={TEXT_CLASS}>
              我们使用 Cookie 与本地存储维持登录会话、记住偏好设置。会话 Cookie
              在您登出后失效；持久化 Cookie 仅用于必要的功能体验，不用于跨站追踪广告。
            </p>
          </section>

          <section className={SECTION_CLASS}>
            <h2 className={HEADING_CLASS}>六、未成年人保护条款</h2>
            <ul className={LIST_CLASS}>
              <li>未满 14 周岁的用户须在监护人陪同下注册，并填写监护人信息。</li>
              <li>14 周岁以上不满 18 周岁的用户，注册时须确认已获得监护人同意。</li>
              <li>我们对未成年人个人信息采取更严格的访问控制与加密存储。</li>
              <li>不会向未成年人推送与其学习无关的商业信息。</li>
              <li>监护人可通过联系方式申请查阅、更正或删除未成年人的信息。</li>
            </ul>
          </section>

          <section className={SECTION_CLASS}>
            <h2 className={HEADING_CLASS}>七、联系方式</h2>
            <p className={TEXT_CLASS}>
              如您对本隐私政策有任何疑问、建议或投诉，可通过以下方式联系我们：
            </p>
            <ul className={LIST_CLASS}>
              <li>邮箱：privacy@next-edu.example.com</li>
              <li>客服电话：400-000-0000（工作日 9:00-18:00）</li>
            </ul>
          </section>

          <div className="border-t pt-4 text-center">
            <Link
              href="/register"
              className="text-sm font-medium text-primary underline underline-offset-4 hover:opacity-80"
            >
              返回注册
            </Link>
          </div>
        </CardContent>
      </Card>
    </div>
  )
}
