path: root/lib/b-rfq/final/final-rfq-detail-columns.tsx

// final-rfq-detail-columns.tsx
"use client"

import * as React from "react"
import { type ColumnDef } from "@tanstack/react-table"
import { type Row } from "@tanstack/react-table"
import {
  Ellipsis, Building, Eye, Edit,
  MessageSquare, Settings, CheckCircle2, XCircle, DollarSign, Calendar
} from "lucide-react"

import { formatDate } from "@/lib/utils"
import { Badge } from "@/components/ui/badge"
import { Button } from "@/components/ui/button"
import { Checkbox } from "@/components/ui/checkbox"
import {
  DropdownMenu, DropdownMenuContent, DropdownMenuItem,
  DropdownMenuSeparator, DropdownMenuTrigger, DropdownMenuShortcut
} from "@/components/ui/dropdown-menu"
import { DataTableColumnHeaderSimple } from "@/components/data-table/data-table-column-simple-header"
import { FinalRfqDetailView } from "@/db/schema"

// RowAction 타입 정의
export interface DataTableRowAction<TData> {
  row: Row<TData>
  type: "update"
}

interface GetFinalRfqDetailColumnsProps {
  onSelectDetail?: (detail: any) => void
  setRowAction?: React.Dispatch<React.SetStateAction<DataTableRowAction<FinalRfqDetailView> | null>>
}

export function getFinalRfqDetailColumns({
  onSelectDetail,
  setRowAction
}: GetFinalRfqDetailColumnsProps = {}): ColumnDef<FinalRfqDetailView>[] {

  return [
    /** ───────────── 체크박스 ───────────── */
    {
      id: "select",
      header: ({ table }) => (
        <Checkbox
          checked={
            table.getIsAllPageRowsSelected() ||
            (table.getIsSomePageRowsSelected() && "indeterminate")
          }
          onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
          aria-label="Select all"
          className="translate-y-0.5"
        />
      ),
      cell: ({ row }) => (
        <Checkbox
          checked={row.getIsSelected()}
          onCheckedChange={(value) => row.toggleSelected(!!value)}
          aria-label="Select row"
          className="translate-y-0.5"
        />
      ),
      size: 40,
      enableSorting: false,
      enableHiding: false,
    },

    /** 1. RFQ Status */
    {
      accessorKey: "finalRfqStatus",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="최종 RFQ Status" />
      ),
      cell: ({ row }) => {
        const status = row.getValue("finalRfqStatus") as string
        const getFinalStatusColor = (status: string) => {
          switch (status) {
            case "DRAFT": return "outline"
            case "Final RFQ Sent": return "default"
            case "Quotation Received": return "success"
            case "Vendor Selected": return "default"
            default: return "secondary"
          }
        }
        return (
          <Badge variant={getFinalStatusColor(status) as any}>
            {status}
          </Badge>
        )
      },
      size: 120
    },

    /** 2. RFQ No. */
    {
      accessorKey: "rfqCode",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="RFQ No." />
      ),
      cell: ({ row }) => (
        <div className="text-sm font-medium">
          {row.getValue("rfqCode") as string}
        </div>
      ),
      size: 120,
    },

    /** 3. Rev. */
    {
      accessorKey: "returnRevision",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="Rev." />
      ),
      cell: ({ row }) => {
        const revision = row.getValue("returnRevision") as number
        return revision > 0 ? (
          <Badge variant="outline">
            Rev. {revision}
          </Badge>
        ) : (
          <Badge variant="outline">
            Rev. 0
          </Badge>
        )
      },
      size: 80,
    },

    /** 4. Vendor Code */
    {
      accessorKey: "vendorCode",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="Vendor Code" />
      ),
      cell: ({ row }) => (
        <div className="text-sm font-medium">
          {row.original.vendorCode}
        </div>
      ),
      size: 100,
    },

    /** 5. Vendor Name */
    {
      accessorKey: "vendorName",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="Vendor Name" />
      ),
      cell: ({ row }) => (
        <div className="text-sm font-medium">
          {row.original.vendorName}
        </div>
      ),
      size: 150,
    },

    /** 6. 업체분류 */
    {
      id: "vendorClassification",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="업체분류" />
      ),
      cell: ({ row }) => {
        const vendorCode = row.original.vendorCode as string
        return vendorCode ? (
          <Badge variant="success" className="text-xs">
            정규업체
          </Badge>
        ) : (
          <Badge variant="secondary" className="text-xs">
            잠재업체
          </Badge>
        )
      },
      size: 100,
    },

    /** 7. CP 현황 */
    {
      accessorKey: "cpRequestYn",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="CP 현황" />
      ),
      cell: ({ row }) => {
        const cpRequest = row.getValue("cpRequestYn") as boolean
        return cpRequest ? (
          <Badge variant="success" className="text-xs">
            신청
          </Badge>
        ) : (
          <Badge variant="outline" className="text-xs">
            미신청
          </Badge>
        )
      },
      size: 80,
    },

    /** 8. GTC현황 */
    {
      id: "gtcStatus",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="GTC현황" />
      ),
      cell: ({ row }) => {
        const gtc = row.original.gtc as string
        const gtcValidDate = row.original.gtcValidDate as string
        const prjectGtcYn = row.original.prjectGtcYn as boolean
        
        if (prjectGtcYn || gtc) {
          return (
            <div className="space-y-1">
              <Badge variant="success" className="text-xs">
                보유
              </Badge>
              {gtcValidDate && (
                <div className="text-xs text-muted-foreground">
                  {gtcValidDate}
                </div>
              )}
            </div>
          )
        }
        return (
          <Badge variant="outline" className="text-xs">
            미보유
          </Badge>
        )
      },
      size: 100,
    },

    /** 9. TBE 결과 (스키마에 없어서 placeholder) */
    {
      id: "tbeResult",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="TBE 결과" />
      ),
      cell: ({ row }) => {
        // TODO: TBE 결과 로직 구현 필요
        return (
          <span className="text-muted-foreground text-xs">-</span>
        )
      },
      size: 80,
    },

    /** 10. 최종 선정 */
    {
      id: "finalSelection",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="최종 선정" />
      ),
      cell: ({ row }) => {
        const status = row.original.finalRfqStatus as string
        return status === "Vendor Selected" ? (
          <Badge variant="success" className="text-xs">
            <CheckCircle2 className="h-3 w-3 mr-1" />
            선정
          </Badge>
        ) : (
          <span className="text-muted-foreground text-xs">-</span>
        )
      },
      size: 80,
    },

    /** 11. Currency */
    {
      accessorKey: "currency",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="Currency" />
      ),
      cell: ({ row }) => {
        const currency = row.getValue("currency") as string
        return currency ? (
          <Badge variant="outline" className="text-xs">
            {/* <DollarSign className="h-3 w-3 mr-1" /> */}
            {currency}
          </Badge>
        ) : (
          <span className="text-muted-foreground">-</span>
        )
      },
      size: 80,
    },

    /** 12. Terms of Payment */
    {
      accessorKey: "paymentTermsCode",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="Terms of Payment" />
      ),
      cell: ({ row }) => {
        const paymentTermsCode = row.getValue("paymentTermsCode") as string
        return paymentTermsCode ? (
          <Badge variant="secondary" className="text-xs">
            {paymentTermsCode}
          </Badge>
        ) : (
          <span className="text-muted-foreground">-</span>
        )
      },
      size: 120,
    },

    /** 13. Payment Desc. */
    {
      accessorKey: "paymentTermsDescription",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="Payment Desc." />
      ),
      cell: ({ row }) => {
        const description = row.getValue("paymentTermsDescription") as string
        return description ? (
          <div className="text-xs max-w-[150px] truncate" title={description}>
            {description}
          </div>
        ) : (
          <span className="text-muted-foreground">-</span>
        )
      },
      size: 150,
    },

    /** 14. TAX */
    {
      accessorKey: "taxCode",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="TAX" />
      ),
      cell: ({ row }) => {
        const taxCode = row.getValue("taxCode") as string
        return taxCode ? (
          <Badge variant="outline" className="text-xs">
            {taxCode}
          </Badge>
        ) : (
          <span className="text-muted-foreground">-</span>
        )
      },
      size: 80,
    },

    /** 15. Delivery Date* */
    {
      accessorKey: "deliveryDate",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="Delivery Date*" />
      ),
      cell: ({ row }) => {
        const deliveryDate = row.getValue("deliveryDate") as Date
        return deliveryDate ? (
          <div className="text-sm">
            {formatDate(deliveryDate)}
          </div>
        ) : (
          <span className="text-muted-foreground">-</span>
        )
      },
      size: 120,
    },

    /** 16. Country */
    {
      accessorKey: "vendorCountry",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="Country" />
      ),
      cell: ({ row }) => {
        const country = row.getValue("vendorCountry") as string
        const countryDisplay = country === "KR" ? "D" : "F"
        return (
          <Badge variant="outline" className="text-xs">
            {countryDisplay}
          </Badge>
        )
      },
      size: 80,
    },

    /** 17. Place of Shipping */
    {
      accessorKey: "placeOfShipping",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="Place of Shipping" />
      ),
      cell: ({ row }) => {
        const placeOfShipping = row.getValue("placeOfShipping") as string
        return placeOfShipping ? (
          <div className="text-xs max-w-[120px] truncate" title={placeOfShipping}>
            {placeOfShipping}
          </div>
        ) : (
          <span className="text-muted-foreground">-</span>
        )
      },
      size: 120,
    },

    /** 18. Place of Destination */
    {
      accessorKey: "placeOfDestination",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="Place of Destination" />
      ),
      cell: ({ row }) => {
        const placeOfDestination = row.getValue("placeOfDestination") as string
        return placeOfDestination ? (
          <div className="text-xs max-w-[120px] truncate" title={placeOfDestination}>
            {placeOfDestination}
          </div>
        ) : (
          <span className="text-muted-foreground">-</span>
        )
      },
      size: 120,
    },

    /** 19. 초도 여부* */
    {
      accessorKey: "firsttimeYn",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="초도 여부*" />
      ),
      cell: ({ row }) => {
        const firsttime = row.getValue("firsttimeYn") as boolean
        return firsttime ? (
          <Badge variant="success" className="text-xs">
            초도
          </Badge>
        ) : (
          <Badge variant="outline" className="text-xs">
            재구매
          </Badge>
        )
      },
      size: 80,
    },

    /** 20. 연동제 적용* */
    {
      accessorKey: "materialPriceRelatedYn",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="연동제 적용*" />
      ),
      cell: ({ row }) => {
        const materialPrice = row.getValue("materialPriceRelatedYn") as boolean
        return materialPrice ? (
          <Badge variant="success" className="text-xs">
            적용
          </Badge>
        ) : (
          <Badge variant="outline" className="text-xs">
            미적용
          </Badge>
        )
      },
      size: 100,
    },

    /** 21. Business Size */
    {
      id: "businessSizeDisplay",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="Business Size" />
      ),
      cell: ({ row }) => {
        const businessSize = row.original.vendorBusinessSize as string
        return businessSize ? (
          <Badge variant="outline" className="text-xs">
            {businessSize}
          </Badge>
        ) : (
          <span className="text-muted-foreground">-</span>
        )
      },
      size: 100,
    },

    /** 22. 최종 Update일 */
    {
      accessorKey: "updatedAt",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="최종 Update일" />
      ),
      cell: ({ row }) => {
        const updated = row.getValue("updatedAt") as Date
        return updated ? (
          <div className="text-sm">
            {formatDate(updated)}
          </div>
        ) : (
          <span className="text-muted-foreground">-</span>
        )
      },
      size: 120,
    },

    /** 23. 최종 Update담당자 (스키마에 없어서 placeholder) */
    {
      id: "updatedByUser",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="최종 Update담당자" />
      ),
      cell: ({ row }) => {
        // TODO: updatedBy 사용자 정보 조인 필요
        return (
          <span className="text-muted-foreground text-xs">-</span>
        )
      },
      size: 120,
    },

    /** 24. Vendor 설명 */
    {
      accessorKey: "vendorRemark",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="Vendor 설명" />
      ),
      cell: ({ row }) => {
        const vendorRemark = row.getValue("vendorRemark") as string
        return vendorRemark ? (
          <div className="text-xs max-w-[150px] truncate" title={vendorRemark}>
            {vendorRemark}
          </div>
        ) : (
          <span className="text-muted-foreground">-</span>
        )
      },
      size: 150,
    },

    /** 25. 비고 */
    {
      accessorKey: "remark",
      header: ({ column }) => (
        <DataTableColumnHeaderSimple column={column} title="비고" />
      ),
      cell: ({ row }) => {
        const remark = row.getValue("remark") as string
        return remark ? (
          <div className="text-xs max-w-[150px] truncate" title={remark}>
            {remark}
          </div>
        ) : (
          <span className="text-muted-foreground">-</span>
        )
      },
      size: 150,
    },

    /** ───────────── 액션 ───────────── */
    {
      id: "actions",
      enableHiding: false,
      cell: function Cell({ row }) {
        return (
          <DropdownMenu>
            <DropdownMenuTrigger asChild>
              <Button
                aria-label="Open menu"
                variant="ghost"
                className="flex size-8 p-0 data-[state=open]:bg-muted"
              >
                <Ellipsis className="size-4" aria-hidden="true" />
              </Button>
            </DropdownMenuTrigger>
            <DropdownMenuContent align="end" className="w-48">
              <DropdownMenuItem>
                <MessageSquare className="mr-2 h-4 w-4" />
                벤더 견적 보기
              </DropdownMenuItem>
              <DropdownMenuSeparator />
              {setRowAction && (
                <DropdownMenuItem
                  onSelect={() => setRowAction({ row, type: "update" })}
                >
                  <Edit className="mr-2 h-4 w-4" />
                  수정
                </DropdownMenuItem>
              )}
            </DropdownMenuContent>
          </DropdownMenu>
        )
      },
      size: 40,
    },
  ]
}