"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 SendResultsDialogProps {
  isOpen: boolean
  onClose: () => void
  onConfirm: () => Promise<void>
  selectedCount: number
}

export function SendResultsDialog({
  isOpen,
  onClose,
  onConfirm,
  selectedCount,
}: SendResultsDialogProps) {
  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 
            type="button" 
            onClick={handleConfirm} 
            disabled={isPending}
          >
            {isPending ? "처리 중..." : "결과 발송"}
          </Button>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  )
}