import { 
  Users, Shield, Settings, BarChart3, Palette, Layout, Database, Package
} from "lucide-react";
import Link from "next/link";
import { GlobalFileViewer } from "@/components/GlobalFileViewer";

/**
 * 관리자 메인 페이지
 */
export default function AdminPage() {
  return (
    <div className="min-h-screen bg-gray-50">
      <div className="w-full max-w-none px-4 pt-12 pb-16 space-y-16">
      
      {/* 주요 관리 기능 */}
      <div className="mx-auto max-w-7xl space-y-10">
        <div className="text-center mb-8">
          <h2 className="text-2xl font-bold text-gray-900 mb-2">주요 관리 기능</h2>
          <p className="text-gray-600">시스템의 핵심 관리 기능들을 제공합니다</p>
        </div>
        <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
        <Link href="/admin/userMng" className="block">
          <div className="rounded-lg border bg-white p-6 shadow-sm transition-colors hover:bg-gray-50">
            <div className="flex items-center gap-4">
              <div className="flex h-12 w-12 items-center justify-center rounded-lg bg-blue-100">
                <Users className="h-6 w-6 text-blue-600" />
              </div>
              <div>
                <h3 className="font-semibold text-gray-900">사용자 관리</h3>
                <p className="text-sm text-gray-600">사용자 계정 및 권한 관리</p>
              </div>
            </div>
          </div>
        </Link>

        <div className="rounded-lg border bg-white p-6 shadow-sm">
          <div className="flex items-center gap-4">
            <div className="flex h-12 w-12 items-center justify-center rounded-lg bg-emerald-100">
              <Shield className="h-6 w-6 text-emerald-600" />
            </div>
            <div>
              <h3 className="font-semibold text-gray-900">권한 관리</h3>
              <p className="text-sm text-gray-600">메뉴 및 기능 권한 설정</p>
            </div>
          </div>
        </div>

        <div className="rounded-lg border bg-white p-6 shadow-sm">
          <div className="flex items-center gap-4">
            <div className="flex h-12 w-12 items-center justify-center rounded-lg bg-violet-100">
              <Settings className="h-6 w-6 text-violet-600" />
            </div>
            <div>
              <h3 className="font-semibold text-gray-900">시스템 설정</h3>
              <p className="text-sm text-gray-600">기본 설정 및 환경 구성</p>
            </div>
          </div>
        </div>

        <div className="rounded-lg border bg-white p-6 shadow-sm">
          <div className="flex items-center gap-4">
            <div className="flex h-12 w-12 items-center justify-center rounded-lg bg-amber-100">
              <BarChart3 className="h-6 w-6 text-amber-600" />
            </div>
            <div>
              <h3 className="font-semibold text-gray-900">통계 및 리포트</h3>
              <p className="text-sm text-gray-600">시스템 사용 현황 분석</p>
            </div>
          </div>
        </div>

        <Link href="/admin/screenMng" className="block">
          <div className="rounded-lg border bg-white p-6 shadow-sm transition-colors hover:bg-gray-50">
            <div className="flex items-center gap-4">
              <div className="flex h-12 w-12 items-center justify-center rounded-lg bg-indigo-100">
                <Palette className="h-6 w-6 text-indigo-600" />
              </div>
              <div>
                <h3 className="font-semibold text-gray-900">화면관리</h3>
                <p className="text-sm text-gray-600">드래그앤드롭으로 화면 설계 및 관리</p>
              </div>
            </div>
          </div>
        </Link>
        </div>
      </div>

      {/* 표준 관리 섹션 */}
      <div className="mx-auto max-w-7xl space-y-10">
        <div className="text-center mb-8">
          <h2 className="text-2xl font-bold text-gray-900 mb-2">표준 관리</h2>
          <p className="text-gray-600">시스템 표준 및 컴포넌트를 통합 관리합니다</p>
        </div>
        <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-4">
          <Link href="/admin/standards" className="block h-full">
            <div className="rounded-lg border bg-white p-6 shadow-sm transition-colors hover:bg-gray-50 h-full">
              <div className="flex items-center gap-4">
                <div className="flex h-12 w-12 items-center justify-center rounded-lg bg-teal-100">
                  <Database className="h-6 w-6 text-teal-600" />
                </div>
                <div>
                  <h3 className="font-semibold text-gray-900">웹타입 관리</h3>
                  <p className="text-sm text-gray-600">입력 컴포넌트 웹타입 표준 관리</p>
                </div>
              </div>
            </div>
          </Link>

          <Link href="/admin/templates" className="block h-full">
            <div className="rounded-lg border bg-white p-6 shadow-sm transition-colors hover:bg-gray-50 h-full">
              <div className="flex items-center gap-4">
                <div className="flex h-12 w-12 items-center justify-center rounded-lg bg-emerald-100">
                  <Layout className="h-6 w-6 text-emerald-600" />
                </div>
                <div>
                  <h3 className="font-semibold text-gray-900">템플릿 관리</h3>
                  <p className="text-sm text-gray-600">화면 디자이너 템플릿 표준 관리</p>
                </div>
              </div>
            </div>
          </Link>

          <Link href="/admin/tableMng" className="block h-full">
            <div className="rounded-lg border bg-white p-6 shadow-sm transition-colors hover:bg-gray-50 h-full">
              <div className="flex items-center gap-4">
                <div className="flex h-12 w-12 items-center justify-center rounded-lg bg-cyan-100">
                  <Database className="h-6 w-6 text-cyan-600" />
                </div>
                <div>
                  <h3 className="font-semibold text-gray-900">테이블 관리</h3>
                  <p className="text-sm text-gray-600">데이터베이스 테이블 및 웹타입 매핑</p>
                </div>
              </div>
            </div>
          </Link>

          <Link href="/admin/components" className="block h-full">
            <div className="rounded-lg border bg-white p-6 shadow-sm transition-colors hover:bg-gray-50 h-full">
              <div className="flex items-center gap-4">
                <div className="flex h-12 w-12 items-center justify-center rounded-lg bg-violet-100">
                  <Package className="h-6 w-6 text-violet-600" />
                </div>
                <div>
                  <h3 className="font-semibold text-gray-900">컴포넌트 관리</h3>
                  <p className="text-sm text-gray-600">화면 디자이너 컴포넌트 표준 관리</p>
                </div>
              </div>
            </div>
          </Link>
        </div>
      </div>

      {/* 빠른 액세스 */}
      <div className="mx-auto max-w-7xl space-y-10">
        <div className="text-center mb-8">
          <h2 className="text-2xl font-bold text-gray-900 mb-2">빠른 액세스</h2>
          <p className="text-gray-600">자주 사용하는 관리 기능에 빠르게 접근할 수 있습니다</p>
        </div>
        <div className="grid gap-6 md:grid-cols-3">
          <Link href="/admin/menu" className="block">
            <div className="rounded-lg border bg-white p-6 shadow-sm transition-colors hover:bg-gray-50">
              <div className="flex items-center gap-4">
                <div className="flex h-12 w-12 items-center justify-center rounded-lg bg-blue-100">
                  <Layout className="h-6 w-6 text-blue-600" />
                </div>
                <div>
                  <h3 className="font-semibold text-gray-900">메뉴 관리</h3>
                  <p className="text-sm text-gray-600">시스템 메뉴 및 네비게이션 설정</p>
                </div>
              </div>
            </div>
          </Link>
          
          <Link href="/admin/external-connections" className="block">
            <div className="rounded-lg border bg-white p-6 shadow-sm transition-colors hover:bg-gray-50">
              <div className="flex items-center gap-4">
                <div className="flex h-12 w-12 items-center justify-center rounded-lg bg-green-100">
                  <Database className="h-6 w-6 text-green-600" />
                </div>
                <div>
                  <h3 className="font-semibold text-gray-900">외부 연결 관리</h3>
                  <p className="text-sm text-gray-600">외부 데이터베이스 연결 설정</p>
                </div>
              </div>
            </div>
          </Link>
          
          <Link href="/admin/commonCode" className="block">
            <div className="rounded-lg border bg-white p-6 shadow-sm transition-colors hover:bg-gray-50">
              <div className="flex items-center gap-4">
                <div className="flex h-12 w-12 items-center justify-center rounded-lg bg-purple-100">
                  <Settings className="h-6 w-6 text-purple-600" />
                </div>
                <div>
                  <h3 className="font-semibold text-gray-900">공통 코드 관리</h3>
                  <p className="text-sm text-gray-600">시스템 공통 코드 및 설정</p>
                </div>
              </div>
            </div>
          </Link>
        </div>
      </div>
      
      {/* 전역 파일 관리 */}
      <div className="mx-auto max-w-7xl space-y-6">
        <div className="text-center mb-6">
          <h2 className="text-2xl font-bold text-gray-900 mb-2">전역 파일 관리</h2>
          <p className="text-gray-600">모든 페이지에서 업로드된 파일들을 관리합니다</p>
        </div>
        <GlobalFileViewer />
      </div>
      
      </div>
    </div>
  );
}