"use client"

import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Label } from "@/components/ui/label"
import { Input } from "@/components/ui/input"
import { Button } from "@/components/ui/button"
import { Switch } from "@/components/ui/switch"

export default function SettingsPage() {
  return (
    <div className="space-y-6">
      <div>
        <h2 className="text-3xl font-bold tracking-tight">系统设置</h2>
        <p className="text-muted-foreground">配置全站基础参数与开关。</p>
      </div>

      <Card>
        <CardHeader>
          <CardTitle>基础信息</CardTitle>
          <CardDescription>网站显示的基本信息配置。</CardDescription>
        </CardHeader>
        <CardContent className="space-y-4">
          <div className="grid gap-2">
            <Label htmlFor="site-name">网站名称</Label>
            <Input id="site-name" defaultValue="一场Soul的创业实验" />
          </div>
          <div className="grid gap-2">
            <Label htmlFor="author">主理人</Label>
            <Input id="author" defaultValue="卡若" />
          </div>
          <Button>保存基础信息</Button>
        </CardContent>
      </Card>

      <Card>
        <CardHeader>
          <CardTitle>功能开关</CardTitle>
          <CardDescription>控制系统核心模块的启用状态。</CardDescription>
        </CardHeader>
        <CardContent className="space-y-6">
          <div className="flex items-center justify-between space-x-2">
            <Label htmlFor="maintenance-mode" className="flex flex-col space-y-1">
              <span>维护模式</span>
              <span className="font-normal text-xs text-muted-foreground">启用后前台将显示维护中页面</span>
            </Label>
            <Switch id="maintenance-mode" />
          </div>
          <div className="flex items-center justify-between space-x-2">
             <Label htmlFor="payment-enabled" className="flex flex-col space-y-1">
              <span>全站支付</span>
              <span className="font-normal text-xs text-muted-foreground">关闭后所有支付功能将暂停</span>
            </Label>
            <Switch id="payment-enabled" defaultChecked />
          </div>
          <div className="flex items-center justify-between space-x-2">
             <Label htmlFor="referral-enabled" className="flex flex-col space-y-1">
              <span>分销系统</span>
              <span className="font-normal text-xs text-muted-foreground">是否允许用户生成邀请链接</span>
            </Label>
            <Switch id="referral-enabled" defaultChecked />
          </div>
        </CardContent>
      </Card>
    </div>
  )
}
