import { type MetaFunction } from "@remix-run/node";
import { BasicInfo } from "~/components/rules/new/BasicInfo";
import { ExtractionSettings } from "~/components/rules/new/ExtractionSettings";
import { ReviewSettings } from "~/components/rules/new/ReviewSettings";
import { ActionButtons } from "~/components/rules/new/ActionButtons";
import { PageHeader } from "~/components/rules/new/PageHeader";
import rulesStyles from "~/styles/rules.css?url";

export const meta: MetaFunction = () => {
  return [
    { title: "新增评查点 - 中国烟草AI合同及卷宗审核系统" },
    { 
      name: "description", 
      content: "创建新的评查点，设置规则参数" 
    }
  ];
};

export function links() {
  return [{ rel: "stylesheet", href: rulesStyles }];
}

export const handle = {
  breadcrumb: "新增评查点"
};

export default function RuleNew() {
  const handleSave = () => {
    // 实现保存逻辑
    console.log('保存评查点');
  };
  
  const handleSaveDraft = () => {
    // 实现保存草稿逻辑
    console.log('保存为草稿');
  };

  return (
    <div className="container">
      <PageHeader 
        title="新增评查点" 
        onSave={handleSave} 
      />
      
      <BasicInfo />
      
      <ExtractionSettings />
      
      <ReviewSettings />
      
      <ActionButtons 
        onSave={handleSave}
        onSaveDraft={handleSaveDraft}
      />
    </div>
  );
}