import Link from 'next/link'
import { Metadata } from 'next'

export const metadata: Metadata = {
  title: 'AI作物模型 - Crop-X 智慧农业管理系统',
  description: 'AI作物模型精准决策系统主页面',
}

export default function AiCropModelPage() {
  return (
    <div className="space-y-6">
      <div className="bg-white rounded-lg shadow p-6">
        <h2 className="text-xl font-semibold text-gray-800 mb-4">
          AI作物模型精准决策系统
        </h2>
        <p className="text-gray-600 mb-6">
          数据感知、模型集成、智能决策和AI知识库管理
        </p>

        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
          <Link
            href="/ai-crop-model/data-perception-center"
            className="block p-4 bg-green-50 rounded-lg hover:bg-green-100 transition-colors"
          >
            <h3 className="font-semibold text-green-900 mb-2">
              📊 数据感知中心
            </h3>
            <p className="text-green-700 text-sm">
              实时数据采集和多源融合
            </p>
          </Link>

          <Link
            href="/ai-crop-model/model-integration-center"
            className="block p-4 bg-blue-50 rounded-lg hover:bg-blue-100 transition-colors"
          >
            <h3 className="font-semibold text-blue-900 mb-2">
              🔗 模型集成中心
            </h3>
            <p className="text-blue-700 text-sm">
              模型接入和版本控制
            </p>
          </Link>

          <Link
            href="/ai-crop-model/model-application-center"
            className="block p-4 bg-purple-50 rounded-lg hover:bg-purple-100 transition-colors"
          >
            <h3 className="font-semibold text-purple-900 mb-2">
              🎯 模型应用中心
            </h3>
            <p className="text-purple-700 text-sm">
              预测分析和优化建议
            </p>
          </Link>

          <Link
            href="/ai-crop-model/intelligent-decision-generation"
            className="block p-4 bg-orange-50 rounded-lg hover:bg-orange-100 transition-colors"
          >
            <h3 className="font-semibold text-orange-900 mb-2">
              🧠 智能决策生成
            </h3>
            <p className="text-orange-700 text-sm">
              决策引擎和规则配置
            </p>
          </Link>

          <Link
            href="/ai-crop-model/intelligent-decision-support"
            className="block p-4 bg-teal-50 rounded-lg hover:bg-teal-100 transition-colors"
          >
            <h3 className="font-semibold text-teal-900 mb-2">
              💡 智能决策支持
            </h3>
            <p className="text-teal-700 text-sm">
              决策可视化和影响评估
            </p>
          </Link>

          <Link
            href="/ai-crop-model/decision-application"
            className="block p-4 bg-indigo-50 rounded-lg hover:bg-indigo-100 transition-colors"
          >
            <h3 className="font-semibold text-indigo-900 mb-2">
              ⚡ 决策应用
            </h3>
            <p className="text-indigo-700 text-sm">
              自动执行和反馈收集
            </p>
          </Link>

          <Link
            href="/ai-crop-model/ai-knowledge-base"
            className="block p-4 bg-pink-50 rounded-lg hover:bg-pink-100 transition-colors"
          >
            <h3 className="font-semibold text-pink-900 mb-2">
              📚 AI知识库
            </h3>
            <p className="text-pink-700 text-sm">
              模型文档和案例数据库
            </p>
          </Link>

          <Link
            href="/ai-crop-model/monitoring-center"
            className="block p-4 bg-red-50 rounded-lg hover:bg-red-100 transition-colors"
          >
            <h3 className="font-semibold text-red-900 mb-2">
              📈 监控中心
            </h3>
            <p className="text-red-700 text-sm">
              模型性能和系统健康监控
            </p>
          </Link>
        </div>
      </div>

      <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
        <div className="bg-white rounded-lg shadow p-6">
          <h3 className="text-lg font-semibold text-gray-800 mb-4">
            📊 AI模型状态
          </h3>
          <div className="space-y-2">
            <div className="flex justify-between items-center">
              <span className="text-gray-600">活跃模型数</span>
              <span className="text-green-600 font-semibold">24 个</span>
            </div>
            <div className="flex justify-between items-center">
              <span className="text-gray-600">今日决策数</span>
              <span className="text-blue-600 font-semibold">156 次</span>
            </div>
            <div className="flex justify-between items-center">
              <span className="text-gray-600">模型准确率</span>
              <span className="text-purple-600 font-semibold">94.5%</span>
            </div>
          </div>
        </div>

        <div className="bg-white rounded-lg shadow p-6">
          <h3 className="text-lg font-semibold text-gray-800 mb-4">
            🔧 快速操作
          </h3>
          <div className="space-y-2">
            <button className="w-full px-4 py-2 bg-green-600 text-white rounded hover:bg-green-700 transition-colors">
              训练新模型
            </button>
            <button className="w-full px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 transition-colors">
              生成决策
            </button>
            <button className="w-full px-4 py-2 bg-purple-600 text-white rounded hover:bg-purple-700 transition-colors">
              查看报告
            </button>
          </div>
        </div>
      </div>
    </div>
  )
}