path: root/lib/bidding/vendor/partners-bidding-participation-dialog.tsx

'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 { Badge } from '@/components/ui/badge'
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
import { CheckCircle, XCircle, AlertCircle, Calendar, Package } from 'lucide-react'
import { PartnersBiddingListItem } from '../detail/service'
import { respondToPreQuoteInvitation, getBiddingCompaniesForPartners } from '../pre-quote/service'
import { useToast } from '@/hooks/use-toast'
import { useTransition } from 'react'
import { formatDate } from '@/lib/utils'

interface PartnersBiddingParticipationDialogProps {
  open: boolean
  onOpenChange: (open: boolean) => void
  bidding: PartnersBiddingListItem | null
  companyId: number
  onSuccess: () => void
}

export function PartnersBiddingParticipationDialog({
  open,
  onOpenChange,
  bidding,
  companyId,
  onSuccess
}: PartnersBiddingParticipationDialogProps) {
  const { toast } = useToast()
  const [isPending, startTransition] = useTransition()
  const [selectedResponse, setSelectedResponse] = React.useState<'accepted' | 'declined' | null>(null)

  const handleSubmit = () => {
    if (!bidding || !selectedResponse) {
      toast({
        title: '오류',
        description: '참여 의사를 선택해주세요.',
        variant: 'destructive',
      })
      return
    }

    startTransition(async () => {
      try {
        // 먼저 해당 업체의 biddingCompanyId를 조회
        const biddingCompanyData = await getBiddingCompaniesForPartners(bidding.biddingId, companyId)
        
        if (!biddingCompanyData || !biddingCompanyData.biddingCompanyId) {
          toast({
            title: '오류',
            description: '입찰 업체 정보를 찾을 수 없습니다.',
            variant: 'destructive',
          })
          return
        }

        const result = await respondToPreQuoteInvitation(
          biddingCompanyData.biddingCompanyId,
          selectedResponse
        )

        if (result.success) {
          toast({
            title: '성공',
            description: result.message,
          })
          setSelectedResponse(null)
          onOpenChange(false)
          onSuccess()
        } else {
          toast({
            title: '오류',
            description: result.error,
            variant: 'destructive',
          })
        }
      } catch (error) {
        toast({
          title: '오류',
          description: '처리 중 오류가 발생했습니다.',
          variant: 'destructive',
        })
      }
    })
  }

  const handleOpenChange = (open: boolean) => {
    onOpenChange(open)
    if (!open) {
      setSelectedResponse(null)
    }
  }

  if (!bidding) return null

  return (
    <Dialog open={open} onOpenChange={handleOpenChange}>
      <DialogContent className="sm:max-w-[600px]">
        <DialogHeader>
          <DialogTitle className="flex items-center gap-2">
            <AlertCircle className="w-5 h-5" />
            사전견적 참여 의사 결정
          </DialogTitle>
          <DialogDescription>
            아래 입찰건에 대한 사전견적 참여 여부를 결정해주세요.
          </DialogDescription>
        </DialogHeader>
        
        <div className="py-4">
          {/* 입찰 정보 카드 */}
          <Card className="mb-6">
            <CardHeader>
              <CardTitle className="text-lg flex items-center gap-2">
                <Package className="w-5 h-5" />
                입찰 정보
              </CardTitle>
            </CardHeader>
            <CardContent>
              <div className="space-y-3">
                <div>
                  <strong>입찰번호:</strong> {bidding.biddingNumber}
                  {bidding.revision > 0 && (
                    <Badge variant="outline" className="ml-2">
                      Rev.{bidding.revision}
                    </Badge>
                  )}
                </div>
                <div>
                  <strong>입찰명:</strong> {bidding.title}
                </div>
                <div>
                  <strong>품목명:</strong> {bidding.itemName}
                </div>
                <div>
                  <strong>프로젝트:</strong> {bidding.projectName}
                </div>
                {bidding.preQuoteDate && (
                  <div className="flex items-center gap-2">
                    <Calendar className="w-4 h-4" />
                    <strong>사전견적 마감일:</strong>
                    <span className="text-red-600 font-semibold">
                      {formatDate(bidding.preQuoteDate, 'KR')}
                    </span>
                  </div>
                )}
                <div>
                  <strong>담당자:</strong> {bidding.managerName}
                </div>
              </div>
            </CardContent>
          </Card>

          {/* 참여 의사 선택 */}
          <div className="space-y-4">
            <h3 className="text-lg font-semibold">참여 의사를 선택해주세요:</h3>
            
            <div className="grid grid-cols-2 gap-4">
              {/* 참여 수락 */}
              <Card 
                className={`cursor-pointer transition-all ${
                  selectedResponse === 'accepted' 
                    ? 'ring-2 ring-green-500 bg-green-50' 
                    : 'hover:shadow-md'
                }`}
                onClick={() => setSelectedResponse('accepted')}
              >
                <CardContent className="p-6 text-center">
                  <CheckCircle className="w-12 h-12 text-green-600 mx-auto mb-4" />
                  <h4 className="text-lg font-semibold text-green-700 mb-2">
                    참여 수락
                  </h4>
                  <p className="text-sm text-gray-600">
                    사전견적에 참여하겠습니다.
                  </p>
                </CardContent>
              </Card>

              {/* 참여 거절 */}
              <Card 
                className={`cursor-pointer transition-all ${
                  selectedResponse === 'declined' 
                    ? 'ring-2 ring-red-500 bg-red-50' 
                    : 'hover:shadow-md'
                }`}
                onClick={() => setSelectedResponse('declined')}
              >
                <CardContent className="p-6 text-center">
                  <XCircle className="w-12 h-12 text-red-600 mx-auto mb-4" />
                  <h4 className="text-lg font-semibold text-red-700 mb-2">
                    참여 거절
                  </h4>
                  <p className="text-sm text-gray-600">
                    사전견적에 참여하지 않겠습니다.
                  </p>
                </CardContent>
              </Card>
            </div>

            {selectedResponse && (
              <div className="mt-4 p-4 rounded-lg bg-blue-50 border border-blue-200">
                <div className="flex items-center gap-2">
                  <AlertCircle className="w-5 h-5 text-blue-600" />
                  <span className="font-medium text-blue-800">
                    {selectedResponse === 'accepted' 
                      ? '참여 수락을 선택하셨습니다.'
                      : '참여 거절을 선택하셨습니다.'
                    }
                  </span>
                </div>
                <p className="text-sm text-blue-600 mt-1">
                  {selectedResponse === 'accepted' 
                    ? '수락 후 사전견적서를 작성하실 수 있습니다.'
                    : '거절 후에는 이 입찰건에 참여할 수 없습니다.'
                  }
                </p>
              </div>
            )}
          </div>
        </div>

        <DialogFooter>
          <Button variant="outline" onClick={() => handleOpenChange(false)}>
            취소
          </Button>
          <Button 
            onClick={handleSubmit} 
            disabled={isPending || !selectedResponse}
            className={selectedResponse === 'accepted' ? 'bg-green-600 hover:bg-green-700' : 
                      selectedResponse === 'declined' ? 'bg-red-600 hover:bg-red-700' : ''}
          >
            {selectedResponse === 'accepted' && <CheckCircle className="w-4 h-4 mr-2" />}
            {selectedResponse === 'declined' && <XCircle className="w-4 h-4 mr-2" />}
            {selectedResponse === 'accepted' ? '참여 수락' : 
             selectedResponse === 'declined' ? '참여 거절' : '선택하세요'}
          </Button>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  )
}