import Link from 'next/link'

export default function AgriculturalMachineryPage() {
  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">
          智能农机管理系统
        </h2>
        <p className="text-gray-600 mb-6">
          管理农机设备档案、监控实时状态、优化调度方案
        </p>

        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
          <Link
            href="/agricultural-machinery/archive/machinery-entry"
            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="/agricultural-machinery/monitoring/real-time-location-tracking"
            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="/agricultural-machinery/scheduling/task-assignment"
            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>
        </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">
            📊 农机状态概览
          </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">12 台</span>
            </div>
            <div className="flex justify-between items-center">
              <span className="text-gray-600">空闲中</span>
              <span className="text-gray-600 font-semibold">8 台</span>
            </div>
            <div className="flex justify-between items-center">
              <span className="text-gray-600">维护中</span>
              <span className="text-yellow-600 font-semibold">3 台</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>
  )
}