import { MetaFunction } from '@remix-run/node';
import { Card } from '~/components/ui/Card';
import { Button } from '~/components/ui/Button';

export const meta: MetaFunction = () => {
  return [
    { title: "文件上传 - 中国烟草AI合同及卷宗审核系统" },
    { name: "description", content: "上传文件进行智能评查" }
  ];
};

export default function FilesNew() {
  return (
    <div className="p-6">
      {/* 页面标识 */}
      <div className="mb-4 p-3 bg-blue-100 border border-blue-300 rounded text-blue-800">
        <h3 className="font-bold text-lg">当前页面: 文件上传 (files/new.tsx)</h3>
        <p>如果你看到这个提示，说明你正在浏览文件上传页面，路由已成功加载。</p>
        <div className="mt-2">
          <a href="/" className="text-blue-600 hover:underline">返回首页</a>
        </div>
      </div>
      
      <Card title="文件上传" icon="ri-upload-cloud-line" className="mt-6">
        <div className="flex flex-col items-center justify-center p-6 border-2 border-dashed border-gray-300 rounded-lg bg-gray-50">
          <i className="ri-upload-cloud-line text-5xl text-gray-400 mb-4"></i>
          <p className="text-lg mb-4">拖拽文件到此处或点击上传</p>
          <Button type="primary" icon="ri-upload-line">选择文件</Button>
          <p className="text-gray-500 mt-3">支持 PDF、DOC、DOCX、XLS、XLSX 等格式</p>
        </div>
      </Card>
    </div>
  );
}