path: root/lib/evaluation-target-list/table/evaluation-targets-toolbar-actions.tsx

"use client"

import * as React from "react"
import { type Table } from "@tanstack/react-table"
import { 
  Plus, 
  Check, 
  MessageSquare, 
  X, 
  Download,
  Upload,
  RefreshCw,
  Settings
} from "lucide-react"
import { toast } from "sonner"
import { useRouter } from "next/navigation"

import { Button } from "@/components/ui/button"
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuSeparator,
  DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"
import { ManualCreateEvaluationTargetDialog } from "./manual-create-evaluation-target-dialog"
import { 
  ConfirmTargetsDialog,
  ExcludeTargetsDialog,
  RequestReviewDialog
} from "./evaluation-target-action-dialogs"
import { EvaluationTargetWithDepartments } from "@/db/schema"
import { exportTableToExcel } from "@/lib/export"

interface EvaluationTargetsTableToolbarActionsProps {
  table: Table<EvaluationTargetWithDepartments>
  onRefresh?: () => void
}

export function EvaluationTargetsTableToolbarActions({ 
  table, 
  onRefresh 
}: EvaluationTargetsTableToolbarActionsProps) {
  const [isLoading, setIsLoading] = React.useState(false)
  const [manualCreateDialogOpen, setManualCreateDialogOpen] = React.useState(false)
  const [confirmDialogOpen, setConfirmDialogOpen] = React.useState(false)
  const [excludeDialogOpen, setExcludeDialogOpen] = React.useState(false)
  const [reviewDialogOpen, setReviewDialogOpen] = React.useState(false)
  const router = useRouter()

  // 선택된 행들
  const selectedRows = table.getFilteredSelectedRowModel().rows
  const hasSelection = selectedRows.length > 0
  const selectedTargets = selectedRows.map(row => row.original)

  // 선택된 항목들의 상태 분석
  const selectedStats = React.useMemo(() => {
    const pending = selectedTargets.filter(t => t.status === "PENDING").length
    const confirmed = selectedTargets.filter(t => t.status === "CONFIRMED").length
    const excluded = selectedTargets.filter(t => t.status === "EXCLUDED").length
    const consensusTrue = selectedTargets.filter(t => t.consensusStatus === true).length
    const consensusFalse = selectedTargets.filter(t => t.consensusStatus === false).length
    const consensusNull = selectedTargets.filter(t => t.consensusStatus === null).length

    return {
      pending,
      confirmed,
      excluded,
      consensusTrue,
      consensusFalse,
      consensusNull,
      canConfirm: pending > 0 && consensusTrue > 0,
      canExclude: pending > 0,
      canRequestReview: pending > 0
    }
  }, [selectedTargets])

  // ----------------------------------------------------------------
  // 신규 평가 대상 생성 (자동)
  // ----------------------------------------------------------------
  const handleAutoGenerate = async () => {
    setIsLoading(true)
    try {
      // TODO: 발주실적에서 자동 추출 API 호출
      toast.success("평가 대상이 자동으로 생성되었습니다.")
      router.refresh()
    } catch (error) {
      console.error('Error auto generating targets:', error)
      toast.error("자동 생성 중 오류가 발생했습니다.")
    } finally {
      setIsLoading(false)
    }
  }

  // ----------------------------------------------------------------
  // 신규 평가 대상 생성 (수동)
  // ----------------------------------------------------------------
  const handleManualCreate = () => {
    setManualCreateDialogOpen(true)
  }

  // ----------------------------------------------------------------
  // 다이얼로그 성공 핸들러
  // ----------------------------------------------------------------
  const handleActionSuccess = () => {
    table.resetRowSelection()
    onRefresh?.()
    router.refresh()
  }

  return (
    <>
      <div className="flex items-center gap-2">
        {/* 신규 생성 드롭다운 */}
        <DropdownMenu>
          <DropdownMenuTrigger asChild>
            <Button
              variant="default"
              size="sm"
              className="gap-2"
              disabled={isLoading}
            >
              <Plus className="size-4" aria-hidden="true" />
              <span className="hidden sm:inline">신규 생성</span>
            </Button>
          </DropdownMenuTrigger>
          <DropdownMenuContent align="start">
            <DropdownMenuItem onClick={handleAutoGenerate} disabled={isLoading}>
              <RefreshCw className="size-4 mr-2" />
              자동 생성 (발주실적 기반)
            </DropdownMenuItem>
            <DropdownMenuItem onClick={handleManualCreate}>
              <Plus className="size-4 mr-2" />
              수동 생성
            </DropdownMenuItem>
          </DropdownMenuContent>
        </DropdownMenu>

        {/* 유틸리티 버튼들 */}
        <div className="flex items-center gap-1 border-l pl-2 ml-2">
          <Button
            variant="outline"
            size="sm"
            onClick={() =>
              exportTableToExcel(table, {
                filename: "vendor-target-list",
                excludeColumns: ["select", "actions"],
              })
            }
            className="gap-2"
          >
            <Download className="size-4" aria-hidden="true" />
            <span className="hidden sm:inline">내보내기</span>
          </Button>
        </div>

        {/* 선택된 항목 액션 버튼들 */}
        {hasSelection && (
          <div className="flex items-center gap-1 border-l pl-2 ml-2">
            {/* 확정 버튼 */}
            {selectedStats.canConfirm && (
              <Button
                variant="success"
                size="sm"
                className="gap-2"
                onClick={() => setConfirmDialogOpen(true)}
                disabled={isLoading}
              >
                <Check className="size-4" aria-hidden="true" />
                <span className="hidden sm:inline">
                  확정 ({selectedStats.consensusTrue})
                </span>
              </Button>
            )}

            {/* 제외 버튼 */}
            {selectedStats.canExclude && (
              <Button
                variant="destructive"
                size="sm"
                className="gap-2"
                onClick={() => setExcludeDialogOpen(true)}
                disabled={isLoading}
              >
                <X className="size-4" aria-hidden="true" />
                <span className="hidden sm:inline">
                  제외 ({selectedStats.pending})
                </span>
              </Button>
            )}

            {/* 의견 요청 버튼 */}
            {selectedStats.canRequestReview && (
              <Button
                variant="outline"
                size="sm"
                className="gap-2"
                onClick={() => setReviewDialogOpen(true)}
                disabled={isLoading}
              >
                <MessageSquare className="size-4" aria-hidden="true" />
                <span className="hidden sm:inline">
                  의견 요청 ({selectedStats.pending})
                </span>
              </Button>
            )}
          </div>
        )}
      </div>

      {/* 수동 생성 다이얼로그 */}
      <ManualCreateEvaluationTargetDialog
        open={manualCreateDialogOpen}
        onOpenChange={setManualCreateDialogOpen}
      />

      {/* 확정 컨펌 다이얼로그 */}
      <ConfirmTargetsDialog
        open={confirmDialogOpen}
        onOpenChange={setConfirmDialogOpen}
        targets={selectedTargets}
        onSuccess={handleActionSuccess}
      />

      {/* 제외 컨펌 다이얼로그 */}
      <ExcludeTargetsDialog
        open={excludeDialogOpen}
        onOpenChange={setExcludeDialogOpen}
        targets={selectedTargets}
        onSuccess={handleActionSuccess}
      />

      {/* 의견 요청 다이얼로그 */}
      <RequestReviewDialog
        open={reviewDialogOpen}
        onOpenChange={setReviewDialogOpen}
        targets={selectedTargets}
        onSuccess={handleActionSuccess}
      />

      {/* 선택 정보 표시 */}
      {/* {hasSelection && (
        <div className="text-xs text-muted-foreground">
          선택된 {selectedRows.length}개 항목: 
          대기중 {selectedStats.pending}개, 
          확정 {selectedStats.confirmed}개, 
          제외 {selectedStats.excluded}개
          {selectedStats.consensusTrue > 0 && ` | 의견일치 ${selectedStats.consensusTrue}개`}
          {selectedStats.consensusFalse > 0 && ` | 의견불일치 ${selectedStats.consensusFalse}개`}
        </div>
      )} */}
    </>
  )
}