import { Checkbox } from "@/components/ui/checkbox"
import { Badge } from "@/components/ui/badge"
import { type ColumnDef } from "@tanstack/react-table"
import { DataTableColumnHeaderSimple } from "@/components/data-table/data-table-column-simple-header"


// AVL 상세 아이템 타입
export type AvlDetailItem = {
  id: string
  no: number
  selected: boolean
  // AVL 리스트 ID (외래키)
  avlListId: number
  // 설계 정보
  equipBulkDivision: 'EQUIP' | 'BULK'
  disciplineCode: string
  disciplineName: string
  // 자재 정보
  materialNameCustomerSide: string
  packageCode: string
  packageName: string
  materialGroupCode: string
  materialGroupName: string
  // 협력업체 정보
  vendorId?: number
  vendorName: string
  vendorCode: string
  avlVendorName: string
  tier: string
  // FA 정보
  faTarget: boolean
  faStatus: string
  // Agent 정보
  isAgent: boolean
  agentStatus: string // UI 표시용
  // 계약 서명주체
  contractSignerId?: number
  contractSignerName: string
  contractSignerCode: string
  // 위치 정보
  headquarterLocation: string
  manufacturingLocation: string
  // SHI Qualification
  shiAvl: boolean
  shiBlacklist: boolean
  shiBcc: boolean
  // 기술영업 견적결과
  salesQuoteNumber: string
  quoteCode: string
  salesVendorInfo: string
  salesCountry: string
  totalAmount: string
  quoteReceivedDate: string
  // 업체 실적 현황(구매)
  recentQuoteDate: string
  recentQuoteNumber: string
  recentOrderDate: string
  recentOrderNumber: string
  // 기타
  remarks: string
  // 타임스탬프
  createdAt: string
  updatedAt: string
}

// 테이블 컬럼 정의
export const columns: ColumnDef<AvlDetailItem>[] = [
  // 기본 정보 그룹
  {
    header: "기본 정보",
    columns: [
      {
        accessorKey: "no",
        header: ({ column }) => (
          <DataTableColumnHeaderSimple column={column} title="No." />
        ),
        size: 60,
      },
      {
        accessorKey: "equipBulkDivision",
        header: ({ column }) => (
          <DataTableColumnHeaderSimple column={column} title="Equip/Bulk 구분" />
        ),
        cell: ({ row }) => {
          const value = row.getValue("equipBulkDivision") as string
          return (
            <Badge variant="outline">
              {value || "-"}
            </Badge>
          )
        },
        size: 120,
      },
      {
        accessorKey: "disciplineName",
        header: ({ column }) => (
          <DataTableColumnHeaderSimple column={column} title="설계공종" />
        ),
        cell: ({ row }) => {
          const value = row.getValue("disciplineName") as string
          return <span>{value || "-"}</span>
        },
        size: 120,
      },
      {
        accessorKey: "materialNameCustomerSide",
        header: ({ column }) => (
          <DataTableColumnHeaderSimple column={column} title="고객사 AVL 자재명" />
        ),
        cell: ({ row }) => {
          const value = row.getValue("materialNameCustomerSide") as string
          return <span>{value || "-"}</span>
        },
        size: 150,
      },
      {
        accessorKey: "packageName",
        header: ({ column }) => (
          <DataTableColumnHeaderSimple column={column} title="패키지 정보" />
        ),
        cell: ({ row }) => {
          const value = row.getValue("packageName") as string
          return <span>{value || "-"}</span>
        },
        size: 130,
      },
      {
        accessorKey: "materialGroupCode",
        header: ({ column }) => (
          <DataTableColumnHeaderSimple column={column} title="자재그룹코드" />
        ),
        cell: ({ row }) => {
          const value = row.getValue("materialGroupCode") as string
          return <span>{value || "-"}</span>
        },
        size: 120,
      },
      {
        accessorKey: "materialGroupName",
        header: ({ column }) => (
          <DataTableColumnHeaderSimple column={column} title="자재그룹명" />
        ),
        cell: ({ row }) => {
          const value = row.getValue("materialGroupName") as string
          return <span>{value || "-"}</span>
        },
        size: 130,
      },
      {
        accessorKey: "vendorCode",
        header: ({ column }) => (
          <DataTableColumnHeaderSimple column={column} title="협력업체코드" />
        ),
        cell: ({ row }) => {
          const value = row.getValue("vendorCode") as string
          return <span>{value || "-"}</span>
        },
        size: 120,
      },
      {
        accessorKey: "vendorName",
        header: ({ column }) => (
          <DataTableColumnHeaderSimple column={column} title="협력업체명" />
        ),
        cell: ({ row }) => {
          const value = row.getValue("vendorName") as string
          return <span className="font-medium">{value || "-"}</span>
        },
        size: 140,
      },
      {
        accessorKey: "avlVendorName",
        header: ({ column }) => (
          <DataTableColumnHeaderSimple column={column} title="AVL 등재업체명" />
        ),
        cell: ({ row }) => {
          const value = row.getValue("avlVendorName") as string
          return <span>{value || "-"}</span>
        },
        size: 140,
      },
      {
        accessorKey: "tier",
        header: ({ column }) => (
          <DataTableColumnHeaderSimple column={column} title="등급 (Tier)" />
        ),
        cell: ({ row }) => {
          const value = row.getValue("tier") as string
          if (!value) return <span>-</span>
          
          const tierColor = {
            "Tier 1": "bg-green-100 text-green-800",
            "Tier 2": "bg-yellow-100 text-yellow-800", 
            "Tier 3": "bg-red-100 text-red-800"
          }[value] || "bg-gray-100 text-gray-800"
          
          return (
            <Badge className={tierColor}>
              {value}
            </Badge>
          )
        },
        size: 100,
      },
    ],
  },
  // FA 정보 그룹
  {
    header: "FA 정보",
    columns: [
      {
        accessorKey: "faTarget",
        header: ({ column }) => (
          <DataTableColumnHeaderSimple column={column} title="FA 대상" />
        ),
        cell: ({ row }) => {
          const value = row.getValue("faTarget") as boolean
          return (
            <Badge variant={value ? "default" : "secondary"}>
              {value ? "대상" : "비대상"}
            </Badge>
          )
        },
        size: 80,
      },
      {
        accessorKey: "faStatus",
        header: ({ column }) => (
          <DataTableColumnHeaderSimple column={column} title="FA 현황" />
        ),
        cell: ({ row }) => {
          const value = row.getValue("faStatus") as string
          return <span>{value || "-"}</span>
        },
        size: 100,
      },
    ],
  },
  // SHI Qualification 그룹
  {
    header: "SHI Qualification",
    columns: [
      {
        accessorKey: "shiAvl",
        header: "AVL",
        cell: ({ row }) => {
          const value = row.getValue("shiAvl") as boolean
          return (
            <Checkbox
              checked={value}
              disabled
              aria-label="SHI AVL 등재 여부"
            />
          )
        },
        size: 80,
      },
      {
        accessorKey: "shiBlacklist",
        header: "Blacklist",
        cell: ({ row }) => {
          const value = row.getValue("shiBlacklist") as boolean
          return (
            <Checkbox
              checked={value}
              disabled
              aria-label="SHI Blacklist 등재 여부"
            />
          )
        },
        size: 100,
      },
      {
        accessorKey: "shiBcc",
        header: "BCC",
        cell: ({ row }) => {
          const value = row.getValue("shiBcc") as boolean
          return (
            <Checkbox
              checked={value}
              disabled
              aria-label="SHI BCC 등재 여부"
            />
          )
        },
        size: 80,
      },
    ],
  },
]