"use client"

import * as React from "react"

import { Button } from "@/components/ui/button"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
} from "@/components/ui/dialog"

interface CancelInvestigationDialogProps {
  isOpen: boolean
  onClose: () => void
  onConfirm: () => Promise<void>
  selectedCount: number
}

export function CancelInvestigationDialog({
  isOpen,
  onClose,
  onConfirm,
  selectedCount,
}: CancelInvestigationDialogProps) {
  const [isPending, setIsPending] = React.useState(false)

  async function handleConfirm() {
    setIsPending(true)
    try {
      await onConfirm()
    } finally {
      setIsPending(false)
    }
  }

  return (
    <Dialog open={isOpen} onOpenChange={(open) => !open && onClose()}>
      <DialogContent>
        <DialogHeader>
          <DialogTitle>실사 의뢰 취소</DialogTitle>
          <DialogDescription>
            선택한 {selectedCount}개 협력업체의 실사 의뢰를 취소하시겠습니까?
            계획 상태인 실사만 취소할 수 있습니다.
          </DialogDescription>
        </DialogHeader>
        <DialogFooter>
          <Button
            type="button"
            variant="outline"
            onClick={onClose}
            disabled={isPending}
          >
            취소
          </Button>
          <Button
            variant="destructive"
            onClick={handleConfirm}
            disabled={isPending}
          >
            {isPending ? "처리 중..." : "실사 의뢰 취소"}
          </Button>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  )
}

interface ReRequestInvestigationDialogProps {
  isOpen: boolean
  onClose: () => void
  onConfirm: () => Promise<void>
  selectedCount: number
}

export function ReRequestInvestigationDialog({
  isOpen,
  onClose,
  onConfirm,
  selectedCount,
}: ReRequestInvestigationDialogProps) {
  const [isPending, setIsPending] = React.useState(false)

  async function handleConfirm() {
    setIsPending(true)
    try {
      await onConfirm()
    } finally {
      setIsPending(false)
    }
  }

  return (
    <Dialog open={isOpen} onOpenChange={(open) => !open && onClose()}>
      <DialogContent>
        <DialogHeader>
          <DialogTitle>실사 재의뢰</DialogTitle>
          <DialogDescription>
            선택한 {selectedCount}개 협력업체의 실사를 재의뢰하시겠습니까?
            취소 상태인 실사만 재의뢰할 수 있습니다.
          </DialogDescription>
        </DialogHeader>
        <DialogFooter>
          <Button
            type="button"
            variant="outline"
            onClick={onClose}
            disabled={isPending}
          >
            취소
          </Button>
          <Button
            variant="default"
            onClick={handleConfirm}
            disabled={isPending}
          >
            {isPending ? "처리 중..." : "실사 재의뢰"}
          </Button>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  )
}