import Link from "next/link";
import { Button } from "@/components/ui/button";
import { FileSpreadsheet, FileText, Mail, FileStack, Globe } from "lucide-react";

export default function SettingsPage() {
  return (
    <div className="p-6 max-w-2xl">
      <h1 className="text-xl font-semibold">设置</h1>
      <p className="text-sm text-muted-foreground mt-1">系统与业务配置</p>
      <div className="mt-6 flex flex-col gap-2">
        <Button variant="outline" className="justify-start" asChild>
          <Link href="/settings/templates" className="flex items-center gap-2">
            <FileSpreadsheet className="h-4 w-4" />
            模板管理（报价 Excel / 合同 Word）
          </Link>
        </Button>
        <Button variant="outline" className="justify-start" asChild>
          <Link href="/settings/ai" className="flex items-center gap-2">
            <FileText className="h-4 w-4" />
            AI 模型配置
          </Link>
        </Button>
        <Button variant="outline" className="justify-start" asChild>
          <Link href="/settings/email" className="flex items-center gap-2">
            <Mail className="h-4 w-4" />
            邮箱账户（多账户同步）
          </Link>
        </Button>
        <Button variant="outline" className="justify-start" asChild>
          <Link href="/settings/cloud-docs" className="flex items-center gap-2">
            <FileStack className="h-4 w-4" />
            云文档快捷入口
          </Link>
        </Button>
        <Button variant="outline" className="justify-start" asChild>
          <Link href="/settings/cloud-doc-config" className="flex items-center gap-2">
            <FileStack className="h-4 w-4" />
            云文档配置（飞书 / 语雀 / 腾讯文档 API 凭证）
          </Link>
        </Button>
        <Button variant="outline" className="justify-start" asChild>
          <Link href="/settings/portal-links" className="flex items-center gap-2">
            <Globe className="h-4 w-4" />
            快捷门户
          </Link>
        </Button>
      </div>
    </div>
  );
}
