import DashboardLayout from "@/components/DashboardLayout"

export default function AdminDashboard() {
  return (
    <DashboardLayout requiredRole="admin">
      <div>
        <h1 className="text-3xl font-bold text-gray-800 mb-6">Admin Dashboard</h1>
        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
          <div className="bg-white p-6 rounded-xl shadow-sm border border-gray-200">
            <div className="text-blue-600 text-3xl mb-2">👥</div>
            <h3 className="text-gray-600 text-sm">Teams</h3>
            <p className="text-2xl font-bold text-gray-800 mt-1">4</p>
          </div>
          <div className="bg-white p-6 rounded-xl shadow-sm border border-gray-200">
            <div className="text-green-600 text-3xl mb-2">👷</div>
            <h3 className="text-gray-600 text-sm">Workers</h3>
            <p className="text-2xl font-bold text-gray-800 mt-1">-</p>
          </div>
          <div className="bg-white p-6 rounded-xl shadow-sm border border-gray-200">
            <div className="text-purple-600 text-3xl mb-2">👔</div>
            <h3 className="text-gray-600 text-sm">Shift Managers</h3>
            <p className="text-2xl font-bold text-gray-800 mt-1">-</p>
          </div>
          <div className="bg-white p-6 rounded-xl shadow-sm border border-gray-200">
            <div className="text-orange-600 text-3xl mb-2">⚙️</div>
            <h3 className="text-gray-600 text-sm">Machines</h3>
            <p className="text-2xl font-bold text-gray-800 mt-1">7</p>
          </div>
        </div>
      </div>
    </DashboardLayout>
  )
}
