summaryrefslogtreecommitdiff
path: root/lib/bidding/detail
diff options
context:
space:
mode:
Diffstat (limited to 'lib/bidding/detail')
-rw-r--r--lib/bidding/detail/table/bidding-detail-vendor-toolbar-actions.tsx88
-rw-r--r--lib/bidding/detail/table/bidding-invitation-dialog.tsx692
2 files changed, 772 insertions, 8 deletions
diff --git a/lib/bidding/detail/table/bidding-detail-vendor-toolbar-actions.tsx b/lib/bidding/detail/table/bidding-detail-vendor-toolbar-actions.tsx
index 484b1b1e..0b707944 100644
--- a/lib/bidding/detail/table/bidding-detail-vendor-toolbar-actions.tsx
+++ b/lib/bidding/detail/table/bidding-detail-vendor-toolbar-actions.tsx
@@ -7,11 +7,14 @@ import { useTransition } from "react"
import { Button } from "@/components/ui/button"
import { Plus, Send, RotateCcw, XCircle, Trophy, FileText, DollarSign } from "lucide-react"
import { QuotationVendor, registerBidding, markAsDisposal, createRebidding, awardBidding } from "@/lib/bidding/detail/service"
+import { sendBiddingBasicContracts, getSelectedVendorsForBidding } from "@/lib/bidding/pre-quote/service"
+
import { BiddingDetailVendorCreateDialog } from "./bidding-detail-vendor-create-dialog"
import { BiddingDocumentUploadDialog } from "./bidding-document-upload-dialog"
import { BiddingVendorPricesDialog } from "./bidding-vendor-prices-dialog"
import { Bidding } from "@/db/schema"
import { useToast } from "@/hooks/use-toast"
+import { BiddingInvitationDialog } from "./bidding-invitation-dialog"
interface BiddingDetailVendorToolbarActionsProps {
table: Table<QuotationVendor>
@@ -40,6 +43,17 @@ export function BiddingDetailVendorToolbarActions({
const [isCreateDialogOpen, setIsCreateDialogOpen] = React.useState(false)
const [isDocumentDialogOpen, setIsDocumentDialogOpen] = React.useState(false)
const [isPricesDialogOpen, setIsPricesDialogOpen] = React.useState(false)
+ const [isBiddingInvitationDialogOpen, setIsBiddingInvitationDialogOpen] = React.useState(false)
+ const [selectedVendors, setSelectedVendors] = React.useState<any[]>([])
+
+ // 본입찰 초대 다이얼로그가 열릴 때 선정된 업체들 조회
+ React.useEffect(() => {
+ if (isBiddingInvitationDialogOpen) {
+ getSelectedVendors().then(vendors => {
+ setSelectedVendors(vendors)
+ })
+ }
+ }, [isBiddingInvitationDialogOpen, biddingId])
const handleCreateVendor = () => {
setIsCreateDialogOpen(true)
@@ -54,23 +68,71 @@ export function BiddingDetailVendorToolbarActions({
}
const handleRegister = () => {
- startTransition(async () => {
- const result = await registerBidding(bidding.id, userId)
+ // 본입찰 초대 다이얼로그 열기
+ setIsBiddingInvitationDialogOpen(true)
+ }
- if (result.success) {
+ const handleBiddingInvitationSend = async (data: any) => {
+ try {
+ // 1. 기본계약 발송
+ const contractResult = await sendBiddingBasicContracts(
+ biddingId,
+ data.vendors,
+ data.generatedPdfs,
+ data.message
+ )
+
+ if (!contractResult.success) {
toast({
- title: result.message,
- description: result.message,
+ title: '기본계약 발송 실패',
+ description: contractResult.error,
+ variant: 'destructive',
+ })
+ return
+ }
+
+ // 2. 입찰 등록 진행
+ const registerResult = await registerBidding(bidding.id, userId)
+
+ if (registerResult.success) {
+ toast({
+ title: '본입찰 초대 완료',
+ description: '기본계약 발송 및 본입찰 초대가 완료되었습니다.',
})
+ setIsBiddingInvitationDialogOpen(false)
router.refresh()
+ onSuccess()
} else {
toast({
- title: result.error,
- description: result.error,
+ title: '오류',
+ description: registerResult.error,
variant: 'destructive',
})
}
- })
+ } catch (error) {
+ console.error('본입찰 초대 실패:', error)
+ toast({
+ title: '오류',
+ description: '본입찰 초대에 실패했습니다.',
+ variant: 'destructive',
+ })
+ }
+ }
+
+ // 선정된 업체들 조회 (서버 액션 함수 사용)
+ const getSelectedVendors = async () => {
+ try {
+ const result = await getSelectedVendorsForBidding(biddingId)
+ if (result.success) {
+ return result.vendors
+ } else {
+ console.error('선정된 업체 조회 실패:', result.error)
+ return []
+ }
+ } catch (error) {
+ console.error('선정된 업체 조회 실패:', error)
+ return []
+ }
}
const handleMarkAsDisposal = () => {
@@ -234,6 +296,16 @@ export function BiddingDetailVendorToolbarActions({
targetPrice={bidding.targetPrice ? parseFloat(bidding.targetPrice.toString()) : null}
currency={bidding.currency}
/>
+
+ <BiddingInvitationDialog
+ open={isBiddingInvitationDialogOpen}
+ onOpenChange={setIsBiddingInvitationDialogOpen}
+ vendors={selectedVendors}
+ biddingId={biddingId}
+ biddingTitle={bidding.title || ''}
+ projectName={bidding.projectName}
+ onSend={handleBiddingInvitationSend}
+ />
</>
)
}
diff --git a/lib/bidding/detail/table/bidding-invitation-dialog.tsx b/lib/bidding/detail/table/bidding-invitation-dialog.tsx
new file mode 100644
index 00000000..031231a1
--- /dev/null
+++ b/lib/bidding/detail/table/bidding-invitation-dialog.tsx
@@ -0,0 +1,692 @@
+'use client'
+
+import * as React from 'react'
+import { Button } from '@/components/ui/button'
+import { Checkbox } from '@/components/ui/checkbox'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+} from '@/components/ui/dialog'
+import { Badge } from '@/components/ui/badge'
+import { Separator } from '@/components/ui/separator'
+import { Progress } from '@/components/ui/progress'
+import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
+import { cn } from '@/lib/utils'
+import {
+ Mail,
+ Building2,
+ Calendar,
+ FileText,
+ CheckCircle,
+ Info,
+ RefreshCw,
+ Plus,
+ X
+} from 'lucide-react'
+import { sendBiddingBasicContracts, getSelectedVendorsForBidding, getExistingBasicContractsForBidding } from '../../pre-quote/service'
+import { getActiveContractTemplates } from '../../service'
+import { useToast } from '@/hooks/use-toast'
+import { useTransition } from 'react'
+
+interface VendorContractRequirement {
+ vendorId: number
+ vendorName: string
+ vendorCode?: string
+ vendorCountry?: string
+ contactPerson?: string
+ contactEmail?: string
+ ndaYn?: boolean
+ generalGtcYn?: boolean
+ projectGtcYn?: boolean
+ agreementYn?: boolean
+ biddingCompanyId: number
+ biddingId: number
+}
+
+interface BasicContractTemplate {
+ id: number
+ templateName: string
+ revision: number
+ status: string
+ filePath: string | null
+ validityPeriod: number | null
+ legalReviewRequired: boolean
+ createdAt: Date | null
+}
+
+interface SelectedContract {
+ templateId: number
+ templateName: string
+ contractType: string
+ checked: boolean
+}
+
+interface BiddingInvitationDialogProps {
+ open: boolean
+ onOpenChange: (open: boolean) => void
+ vendors: VendorContractRequirement[]
+ biddingId: number
+ biddingTitle: string
+ projectName?: string
+ onSend: (data: {
+ vendors: Array<{
+ vendorId: number
+ vendorName: string
+ vendorCode?: string
+ vendorCountry?: string
+ selectedMainEmail: string
+ additionalEmails: string[]
+ contractRequirements: {
+ ndaYn: boolean
+ generalGtcYn: boolean
+ projectGtcYn: boolean
+ agreementYn: boolean
+ }
+ biddingCompanyId: number
+ biddingId: number
+ hasExistingContracts?: boolean
+ }>
+ generatedPdfs: Array<{
+ key: string
+ buffer: number[]
+ fileName: string
+ }>
+ message?: string
+ }) => Promise<void>
+}
+
+export function BiddingInvitationDialog({
+ open,
+ onOpenChange,
+ vendors,
+ biddingId,
+ biddingTitle,
+ projectName,
+ onSend,
+}: BiddingInvitationDialogProps) {
+ const { toast } = useToast()
+ const [isPending, startTransition] = useTransition()
+
+ // 기본계약 관련 상태
+ const [existingContracts, setExistingContracts] = React.useState<any[]>([])
+ const [isGeneratingPdfs, setIsGeneratingPdfs] = React.useState(false)
+ const [pdfGenerationProgress, setPdfGenerationProgress] = React.useState(0)
+ const [currentGeneratingContract, setCurrentGeneratingContract] = React.useState('')
+
+ // 기본계약서 템플릿 관련 상태
+ const [availableTemplates, setAvailableTemplates] = React.useState<any[]>([])
+ const [selectedContracts, setSelectedContracts] = React.useState<SelectedContract[]>([])
+ const [isLoadingTemplates, setIsLoadingTemplates] = React.useState(false)
+ const [additionalMessage, setAdditionalMessage] = React.useState('')
+
+ // 선택된 업체들 (사전견적에서 선정된 업체들만)
+ const selectedVendors = React.useMemo(() =>
+ vendors.filter(vendor => vendor.ndaYn || vendor.generalGtcYn || vendor.projectGtcYn || vendor.agreementYn),
+ [vendors]
+ )
+
+ // 기존 계약이 있는 업체들과 없는 업체들 분리
+ const vendorsWithExistingContracts = React.useMemo(() =>
+ selectedVendors.filter(vendor =>
+ existingContracts.some((ec: any) =>
+ ec.vendorId === vendor.vendorId && ec.biddingCompanyId === vendor.biddingCompanyId
+ )
+ ),
+ [selectedVendors, existingContracts]
+ )
+
+ const vendorsWithoutExistingContracts = React.useMemo(() =>
+ selectedVendors.filter(vendor =>
+ !existingContracts.some((ec: any) =>
+ ec.vendorId === vendor.vendorId && ec.biddingCompanyId === vendor.biddingCompanyId
+ )
+ ),
+ [selectedVendors, existingContracts]
+ )
+
+ // 다이얼로그가 열릴 때 기존 계약 조회 및 템플릿 로드
+ React.useEffect(() => {
+ if (open) {
+ const fetchInitialData = async () => {
+ setIsLoadingTemplates(true);
+ try {
+ const [contractsResult, templatesData] = await Promise.all([
+ getSelectedVendorsForBidding(biddingId),
+ getActiveContractTemplates()
+ ]);
+
+ // 기존 계약 조회 (사전견적에서 보낸 기본계약 확인) - 서버 액션 사용
+ const existingContracts = await getExistingBasicContractsForBidding(biddingId);
+ setExistingContracts(existingContracts.success ? existingContracts.contracts || [] : []);
+
+ // 템플릿 로드 (4개 타입만 필터링)
+ // 4개 템플릿 타입만 필터링: 비밀, General, Project, 기술자료
+ const allowedTemplateNames = ['비밀', 'General GTC', '기술', '기술자료'];
+ const rawTemplates = templatesData.templates || [];
+ const filteredTemplates = rawTemplates.filter((template: any) =>
+ allowedTemplateNames.some(allowedName =>
+ template.templateName.includes(allowedName) ||
+ allowedName.includes(template.templateName)
+ )
+ );
+ setAvailableTemplates(filteredTemplates as any);
+ const initialSelected = filteredTemplates.map((template: any) => ({
+ templateId: template.id,
+ templateName: template.templateName,
+ contractType: template.templateName,
+ checked: false
+ }));
+ setSelectedContracts(initialSelected);
+
+ } catch (error) {
+ console.error('초기 데이터 로드 실패:', error);
+ toast({
+ title: '오류',
+ description: '기본 정보를 불러오는 데 실패했습니다.',
+ variant: 'destructive',
+ });
+ setAvailableTemplates([]);
+ setSelectedContracts([]);
+ } finally {
+ setIsLoadingTemplates(false);
+ }
+ }
+ fetchInitialData();
+ }
+ }, [open, biddingId, toast]);
+
+ const handleOpenChange = (open: boolean) => {
+ onOpenChange(open)
+ if (!open) {
+ setSelectedContracts([])
+ setAdditionalMessage('')
+ setIsGeneratingPdfs(false)
+ setPdfGenerationProgress(0)
+ setCurrentGeneratingContract('')
+ }
+ }
+
+ // 기본계약서 선택 토글
+ const toggleContractSelection = (templateId: number) => {
+ setSelectedContracts(prev =>
+ prev.map(contract =>
+ contract.templateId === templateId
+ ? { ...contract, checked: !contract.checked }
+ : contract
+ )
+ )
+ }
+
+ // 모든 기본계약서 선택/해제
+ const toggleAllContractSelection = (checked: boolean | 'indeterminate') => {
+ setSelectedContracts(prev =>
+ prev.map(contract => ({ ...contract, checked: !!checked }))
+ )
+ }
+
+ // PDF 생성 유틸리티 함수
+ const generateBasicContractPdf = async (
+ template: BasicContractTemplate,
+ vendorId: number
+ ): Promise<{ buffer: number[]; fileName: string }> => {
+ try {
+ // 1. 템플릿 데이터 준비 (서버 API 호출)
+ const prepareResponse = await fetch("/api/contracts/prepare-template", {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({
+ templateName: template.templateName,
+ vendorId,
+ }),
+ });
+
+ if (!prepareResponse.ok) {
+ throw new Error("템플릿 준비 실패");
+ }
+
+ const { template: preparedTemplate, templateData } = await prepareResponse.json();
+
+ // 2. 템플릿 파일 다운로드
+ const templateResponse = await fetch("/api/contracts/get-template", {
+ method: "POST",
+ headers: { "Content-Type": "application/json" },
+ body: JSON.stringify({ templatePath: preparedTemplate.filePath }),
+ });
+
+ const templateBlob = await templateResponse.blob();
+ const templateFile = new window.File([templateBlob], "template.docx", {
+ type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+ });
+
+ // 3. PDFTron WebViewer로 PDF 변환
+ const { default: WebViewer } = await import("@pdftron/webviewer");
+
+ const tempDiv = document.createElement('div');
+ tempDiv.style.display = 'none';
+ document.body.appendChild(tempDiv);
+
+ try {
+ const instance = await WebViewer(
+ {
+ path: "/pdftronWeb",
+ licenseKey: process.env.NEXT_PUBLIC_PDFTRON_WEBVIEW_KEY,
+ fullAPI: true,
+ },
+ tempDiv
+ );
+
+ const { Core } = instance;
+ const { createDocument } = Core;
+
+ const templateDoc = await createDocument(templateFile, {
+ filename: templateFile.name,
+ extension: 'docx',
+ });
+
+ // 변수 치환 적용
+ await templateDoc.applyTemplateValues(templateData);
+
+ // PDF 변환
+ const fileData = await templateDoc.getFileData();
+ const pdfBuffer = await Core.officeToPDFBuffer(fileData, { extension: 'docx' });
+
+ const fileName = `${template.templateName}_${Date.now()}.pdf`;
+
+ return {
+ buffer: Array.from(pdfBuffer), // Uint8Array를 일반 배열로 변환
+ fileName
+ };
+
+ } finally {
+ if (tempDiv.parentNode) {
+ document.body.removeChild(tempDiv);
+ }
+ }
+ } catch (error) {
+ console.error(`기본계약 PDF 생성 실패 (${template.templateName}):`, error);
+ throw error;
+ }
+ };
+
+ const handleSendInvitation = () => {
+ const selectedContractTemplates = selectedContracts.filter(c => c.checked);
+
+ if (selectedContractTemplates.length === 0) {
+ toast({
+ title: '알림',
+ description: '발송할 기본계약서를 선택해주세요.',
+ variant: 'default',
+ })
+ return
+ }
+
+ startTransition(async () => {
+ try {
+ // 선택된 템플릿에 따라 PDF 생성
+ setIsGeneratingPdfs(true)
+ setPdfGenerationProgress(0)
+
+ const generatedPdfsMap = new Map<string, { buffer: number[], fileName: string }>()
+
+ let generatedCount = 0;
+ for (const vendor of selectedVendors) {
+ // 사전견적에서 이미 기본계약을 보낸 벤더인지 확인
+ const hasExistingContract = existingContracts.some((ec: any) =>
+ ec.vendorId === vendor.vendorId && ec.biddingCompanyId === vendor.biddingCompanyId
+ );
+
+ if (hasExistingContract) {
+ console.log(`벤더 ${vendor.vendorName}는 사전견적에서 이미 기본계약을 받았으므로 건너뜁니다.`);
+ generatedCount++;
+ setPdfGenerationProgress((generatedCount / selectedVendors.length) * 100);
+ continue;
+ }
+
+ for (const contract of selectedContractTemplates) {
+ setCurrentGeneratingContract(`${vendor.vendorName} - ${contract.templateName}`);
+ const templateDetails = availableTemplates.find(t => t.id === contract.templateId);
+
+ if (templateDetails) {
+ const pdfData = await generateBasicContractPdf(templateDetails, vendor.vendorId);
+ // sendBiddingBasicContracts와 동일한 키 형식 사용
+ let contractType = '';
+ if (contract.templateName.includes('비밀')) {
+ contractType = 'NDA';
+ } else if (contract.templateName.includes('General GTC')) {
+ contractType = 'General_GTC';
+ } else if (contract.templateName.includes('기술') && !contract.templateName.includes('기술자료')) {
+ contractType = 'Project_GTC';
+ } else if (contract.templateName.includes('기술자료')) {
+ contractType = '기술자료';
+ }
+ const key = `${vendor.vendorId}_${contractType}_${contract.templateName}`;
+ generatedPdfsMap.set(key, pdfData);
+ }
+ }
+ generatedCount++;
+ setPdfGenerationProgress((generatedCount / selectedVendors.length) * 100);
+ }
+
+ setIsGeneratingPdfs(false);
+
+ const vendorData = selectedVendors.map(vendor => {
+ const hasExistingContract = existingContracts.some((ec: any) =>
+ ec.vendorId === vendor.vendorId && ec.biddingCompanyId === vendor.biddingCompanyId
+ );
+
+ return {
+ vendorId: vendor.vendorId,
+ vendorName: vendor.vendorName,
+ vendorCode: vendor.vendorCode,
+ vendorCountry: vendor.vendorCountry,
+ selectedMainEmail: vendor.contactEmail || '',
+ additionalEmails: [],
+ contractRequirements: {
+ ndaYn: vendor.ndaYn || false,
+ generalGtcYn: vendor.generalGtcYn || false,
+ projectGtcYn: vendor.projectGtcYn || false,
+ agreementYn: vendor.agreementYn || false
+ },
+ biddingCompanyId: vendor.biddingCompanyId,
+ biddingId: vendor.biddingId,
+ hasExistingContracts: hasExistingContract
+ };
+ });
+
+ const pdfsArray = Array.from(generatedPdfsMap.entries()).map(([key, data]) => ({
+ key,
+ buffer: data.buffer,
+ fileName: data.fileName,
+ }));
+
+ await onSend({
+ vendors: vendorData,
+ generatedPdfs: pdfsArray,
+ message: additionalMessage
+ });
+
+ } catch (error) {
+ console.error('본입찰 초대 실패:', error);
+ toast({
+ title: '오류',
+ description: '본입찰 초대 중 오류가 발생했습니다.',
+ variant: 'destructive',
+ });
+ setIsGeneratingPdfs(false);
+ }
+ })
+ }
+
+ const selectedContractCount = selectedContracts.filter(c => c.checked).length;
+
+ return (
+ <Dialog open={open} onOpenChange={handleOpenChange}>
+ <DialogContent className="sm:max-w-[700px] max-h-[90vh] flex flex-col">
+ <DialogHeader>
+ <DialogTitle className="flex items-center gap-2">
+ <Mail className="w-5 h-5" />
+ 본입찰 초대
+ </DialogTitle>
+ <DialogDescription>
+ {biddingTitle} - 선정된 {selectedVendors.length}개 업체에 본입찰 초대와 기본계약서를 발송합니다.
+ </DialogDescription>
+ </DialogHeader>
+
+ <div className="flex-1 overflow-y-auto px-1" style={{ maxHeight: 'calc(70vh - 200px)' }}>
+ <div className="space-y-6 pr-4">
+ {/* 기존 계약 정보 */}
+ {vendorsWithExistingContracts.length > 0 && (
+ <Alert className="border-orange-500 bg-orange-50">
+ <Info className="h-4 w-4 text-orange-600" />
+ <AlertTitle className="text-orange-800">기존 계약 정보</AlertTitle>
+ <AlertDescription className="text-orange-700">
+ 사전견적에서 이미 기본계약을 받은 업체가 있습니다.
+ 해당 업체들은 계약서 재생성을 건너뜁니다.
+ </AlertDescription>
+ </Alert>
+ )}
+
+ {/* 대상 업체 정보 */}
+ <Card>
+ <CardHeader className="pb-3">
+ <CardTitle className="flex items-center gap-2 text-base">
+ <Building2 className="h-5 w-5 text-green-600" />
+ 초대 대상 업체 ({selectedVendors.length}개)
+ </CardTitle>
+ </CardHeader>
+ <CardContent>
+ {selectedVendors.length === 0 ? (
+ <div className="text-center py-6 text-muted-foreground">
+ 초대 가능한 업체가 없습니다.
+ </div>
+ ) : (
+ <div className="space-y-4">
+ {/* 계약서가 생성될 업체들 */}
+ {vendorsWithoutExistingContracts.length > 0 && (
+ <div>
+ <h4 className="text-sm font-medium text-green-700 mb-2 flex items-center gap-2">
+ <CheckCircle className="h-4 w-4 text-green-600" />
+ 계약서 생성 대상 ({vendorsWithoutExistingContracts.length}개)
+ </h4>
+ <div className="space-y-2 max-h-32 overflow-y-auto">
+ {vendorsWithoutExistingContracts.map((vendor) => (
+ <div key={vendor.vendorId} className="flex items-center gap-2 text-sm p-2 bg-green-50 rounded border border-green-200">
+ <CheckCircle className="h-4 w-4 text-green-600" />
+ <span className="font-medium">{vendor.vendorName}</span>
+ <Badge variant="outline" className="text-xs">
+ {vendor.vendorCode}
+ </Badge>
+ </div>
+ ))}
+ </div>
+ </div>
+ )}
+
+ {/* 기존 계약이 있는 업체들 */}
+ {vendorsWithExistingContracts.length > 0 && (
+ <div>
+ <h4 className="text-sm font-medium text-orange-700 mb-2 flex items-center gap-2">
+ <X className="h-4 w-4 text-orange-600" />
+ 기존 계약 존재 (건너뜀) ({vendorsWithExistingContracts.length}개)
+ </h4>
+ <div className="space-y-2 max-h-32 overflow-y-auto">
+ {vendorsWithExistingContracts.map((vendor) => (
+ <div key={vendor.vendorId} className="flex items-center gap-2 text-sm p-2 bg-orange-50 rounded border border-orange-200 opacity-75">
+ <X className="h-4 w-4 text-orange-600" />
+ <span className="text-muted-foreground">{vendor.vendorName}</span>
+ <Badge variant="outline" className="text-xs">
+ {vendor.vendorCode}
+ </Badge>
+ <Badge variant="secondary" className="text-xs">
+ 계약 존재
+ </Badge>
+ </div>
+ ))}
+ </div>
+ </div>
+ )}
+ </div>
+ )}
+ </CardContent>
+ </Card>
+
+ {/* 기본계약서 선택 */}
+ <Card>
+ <CardHeader className="pb-3">
+ <CardTitle className="flex items-center gap-2 text-base">
+ <FileText className="h-5 w-5 text-blue-600" />
+ 기본계약 선택
+ </CardTitle>
+ </CardHeader>
+ <CardContent className="space-y-4">
+ {/* 템플릿 로딩 */}
+ {isLoadingTemplates ? (
+ <div className="text-center py-6">
+ <RefreshCw className="h-6 w-6 animate-spin mx-auto mb-2 text-blue-600" />
+ <p className="text-sm text-muted-foreground">기본계약서 템플릿을 불러오는 중...</p>
+ </div>
+ ) : (
+ <div className="space-y-4">
+ {availableTemplates.length === 0 ? (
+ <div className="text-center py-8 text-muted-foreground">
+ <FileText className="h-12 w-12 mx-auto mb-4 opacity-50" />
+ <p>사용 가능한 기본계약서 템플릿이 없습니다.</p>
+ </div>
+ ) : (
+ <>
+ <div className="flex items-center justify-between p-3 bg-muted/50 rounded-lg">
+ <div className="flex items-center gap-2">
+ <Checkbox
+ id="select-all-contracts"
+ checked={selectedContracts.length > 0 && selectedContracts.every(c => c.checked)}
+ onCheckedChange={toggleAllContractSelection}
+ />
+ <Label htmlFor="select-all-contracts" className="font-medium">
+ 전체 선택 ({availableTemplates.length}개 템플릿)
+ </Label>
+ </div>
+ <Badge variant="outline">
+ {selectedContractCount}개 선택됨
+ </Badge>
+ </div>
+ <div className="grid gap-3 max-h-60 overflow-y-auto">
+ {selectedContracts.map((contract) => (
+ <div
+ key={contract.templateId}
+ className={cn(
+ "flex items-center justify-between p-3 border rounded-lg hover:bg-muted/50 transition-colors cursor-pointer",
+ contract.checked && "border-blue-500 bg-blue-50"
+ )}
+ onClick={() => toggleContractSelection(contract.templateId)}
+ >
+ <div className="flex items-center gap-3">
+ <Checkbox
+ id={`contract-${contract.templateId}`}
+ checked={contract.checked}
+ onCheckedChange={() => toggleContractSelection(contract.templateId)}
+ />
+ <div className="flex-1">
+ <Label
+ htmlFor={`contract-${contract.templateId}`}
+ className="font-medium cursor-pointer"
+ >
+ {contract.templateName}
+ </Label>
+ <p className="text-xs text-muted-foreground mt-1">
+ {contract.contractType}
+ </p>
+ </div>
+ </div>
+ </div>
+ ))}
+ </div>
+ </>
+ )}
+
+ {/* 선택된 템플릿 요약 */}
+ {selectedContractCount > 0 && (
+ <div className="mt-4 p-3 bg-green-50 border border-green-200 rounded-lg">
+ <div className="flex items-center gap-2 mb-2">
+ <CheckCircle className="h-4 w-4 text-green-600" />
+ <span className="font-medium text-green-900 text-sm">
+ 선택된 기본계약서 ({selectedContractCount}개)
+ </span>
+ </div>
+ <ul className="space-y-1 text-xs text-green-800 list-disc list-inside">
+ {selectedContracts.filter(c => c.checked).map((contract) => (
+ <li key={contract.templateId}>
+ {contract.templateName}
+ </li>
+ ))}
+ </ul>
+ </div>
+ )}
+ </div>
+ )}
+ </CardContent>
+ </Card>
+
+ {/* 추가 메시지 */}
+ <div className="space-y-2">
+ <Label htmlFor="invitationMessage" className="text-sm font-medium">
+ 초대 메시지 (선택사항)
+ </Label>
+ <textarea
+ id="invitationMessage"
+ className="w-full min-h-[60px] p-3 text-sm border rounded-lg resize-none focus:outline-none focus:ring-2 focus:ring-primary"
+ placeholder="업체에 전달할 추가 메시지를 입력하세요..."
+ value={additionalMessage}
+ onChange={(e) => setAdditionalMessage(e.target.value)}
+ />
+ </div>
+
+ {/* PDF 생성 진행 상황 */}
+ {isGeneratingPdfs && (
+ <Alert className="border-blue-500 bg-blue-50">
+ <div className="space-y-3">
+ <div className="flex items-center gap-2">
+ <RefreshCw className="h-4 w-4 animate-spin text-blue-600" />
+ <AlertTitle className="text-blue-800">기본계약서 생성 중</AlertTitle>
+ </div>
+ <AlertDescription>
+ <div className="space-y-2">
+ <p className="text-sm text-blue-700">{currentGeneratingContract}</p>
+ <Progress value={pdfGenerationProgress} className="h-2" />
+ <p className="text-xs text-blue-600">
+ {Math.round(pdfGenerationProgress)}% 완료
+ </p>
+ </div>
+ </AlertDescription>
+ </div>
+ </Alert>
+ )}
+ </div>
+ </div>
+
+ <DialogFooter className="flex-col sm:flex-row-reverse sm:justify-between items-center px-4 pt-4">
+ <div className="flex gap-2 w-full sm:w-auto">
+ <Button variant="outline" onClick={() => handleOpenChange(false)} className="w-full sm:w-auto">
+ 취소
+ </Button>
+ <Button
+ onClick={handleSendInvitation}
+ disabled={isPending || selectedContractCount === 0 || isGeneratingPdfs}
+ className="w-full sm:w-auto"
+ >
+ {isGeneratingPdfs ? (
+ <>
+ <RefreshCw className="w-4 h-4 mr-2 animate-spin" />
+ 계약서 생성중... ({Math.round(pdfGenerationProgress)}%)
+ </>
+ ) : isPending ? (
+ <>
+ <RefreshCw className="w-4 h-4 mr-2 animate-spin" />
+ 발송 중...
+ </>
+ ) : (
+ <>
+ <Mail className="w-4 h-4 mr-2" />
+ 본입찰 초대 발송
+ </>
+ )}
+ </Button>
+ </div>
+ {/* {(selectedContractCount > 0) && (
+ <div className="mt-4 sm:mt-0 text-sm text-muted-foreground">
+ <p>
+ {selectedVendors.length}개 업체에 <strong>{selectedContractCount}개</strong>의 기본계약서를 발송합니다.
+ </p>
+ </div>
+ )} */}
+ </DialogFooter>
+ </DialogContent>
+ </Dialog>
+ )
+}
generated by cgit v1.2.3 (git 2.39.1) at 2025-12-07 19:22:23 +0000