"use client"

import * as React from "react"

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

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: (reason?: string) => Promise<void>
  selectedCount: number
}

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

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

  // Dialog가 닫힐 때 상태 초기화
  React.useEffect(() => {
    if (!isOpen) {
      setReason("")
    }
  }, [isOpen])

  return (
    <Dialog open={isOpen} onOpenChange={(open) => !open && onClose()}>
      <DialogContent>
        <DialogHeader>
          <DialogTitle>실사 재의뢰</DialogTitle>
          <DialogDescription>
            선택한 {selectedCount}개 협력업체의 실사를 재의뢰하시겠습니까?
            취소 상태인 실사만 재의뢰할 수 있습니다.
          </DialogDescription>
        </DialogHeader>
        
        <div className="space-y-4 py-4">
          <div className="space-y-2">
            <Label htmlFor="reason">재의뢰 사유 (선택)</Label>
            <Textarea
              id="reason"
              placeholder="재의뢰 사유를 입력해주세요..."
              value={reason}
              onChange={(e) => setReason(e.target.value)}
              rows={4}
              disabled={isPending}
            />
          </div>
        </div>

        <DialogFooter>
          <Button
            type="button"
            variant="outline"
            onClick={onClose}
            disabled={isPending}
          >
            취소
          </Button>
          <Button
            variant="default"
            onClick={handleConfirm}
            disabled={isPending}
          >
            {isPending ? "처리 중..." : "실사 재의뢰"}
          </Button>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  )
}