"use client"

import * as React from "react"
import { zodResolver } from "@hookform/resolvers/zod"
import { useForm, useFieldArray } from "react-hook-form"
import { useRouter, useParams } from "next/navigation"
import { useSession } from "next-auth/react"

import i18nIsoCountries from "i18n-iso-countries"
import enLocale from "i18n-iso-countries/langs/en.json"
import koLocale from "i18n-iso-countries/langs/ko.json"

import { Button } from "@/components/ui/button"
import { Separator } from "@/components/ui/separator"
import {
  Form,
  FormControl,
  FormDescription,
  FormField,
  FormItem,
  FormLabel,
  FormMessage,
} from "@/components/ui/form"
import { Input } from "@/components/ui/input"
import { toast } from "@/hooks/use-toast"
import {
  Popover,
  PopoverTrigger,
  PopoverContent,
} from "@/components/ui/popover"
import {
  Command,
  CommandList,
  CommandInput,
  CommandEmpty,
  CommandGroup,
  CommandItem,
} from "@/components/ui/command"
import { Check, ChevronsUpDown, Download, Loader2, Plus, X, FileText, Eye, Upload, CheckCircle } from "lucide-react"
import { cn } from "@/lib/utils"
import { useTranslation } from "@/i18n/client"

import { getVendorDetailById, downloadVendorAttachments, updateVendorInfo } from "@/lib/vendors/service"
import { updateVendorSchema, updateVendorSchemaWithConditions, type UpdateVendorInfoSchema } from "@/lib/vendors/validations"
import { fetchVendorRegistrationStatus } from "@/lib/vendor-regular-registrations/service"
import { DocumentStatusDialog } from "@/components/vendor-regular-registrations/document-status-dialog"
import { AdditionalInfoDialog } from "@/components/vendor-regular-registrations/additional-info-dialog"
import type { VendorRegularRegistration } from "@/config/vendorRegularRegistrationsColumnsConfig"
import {
  Select,
  SelectContent,
  SelectItem,
  SelectTrigger,
  SelectValue,
} from "@/components/ui/select"

import {
  Dropzone,
  DropzoneZone,
  DropzoneInput,
  DropzoneUploadIcon,
  DropzoneTitle,
  DropzoneDescription,
} from "@/components/ui/dropzone"
import {
  FileList,
  FileListItem,
  FileListHeader,
  FileListIcon,
  FileListInfo,
  FileListName,
  FileListDescription,
  FileListAction,
} from "@/components/ui/file-list"
import { Badge } from "@/components/ui/badge"
import { ScrollArea } from "@/components/ui/scroll-area"
import prettyBytes from "pretty-bytes"
import {
  Card,
  CardContent,
  CardDescription,
  CardFooter,
  CardHeader,
  CardTitle,
} from "@/components/ui/card"
import { InformationButton } from "@/components/information/information-button"

// 보안 파일 다운로드 유틸리티 import
import { 
  downloadFile, 
  quickDownload, 
  smartFileAction, 
  getFileInfo, 
  formatFileSize,
  getSecurityInfo 
} from "@/lib/file-download"

i18nIsoCountries.registerLocale(enLocale)
i18nIsoCountries.registerLocale(koLocale)

const locale = "ko"
const countryMap = i18nIsoCountries.getNames(locale, { select: "official" })
const countryArray = Object.entries(countryMap).map(([code, label]) => ({
  code,
  label,
}))

// Example agencies + rating scales
const creditAgencies = [
  { value: "NICE", label: "NICE평가정보" },
  { value: "KIS", label: "KIS (한국신용평가)" },
  { value: "KED", label: "KED (한국기업데이터)" },
  { value: "SCI", label: "SCI평가정보" },
]
const creditRatingScaleMap: Record<string, string[]> = {
  NICE: ["AAA", "AA", "A", "BBB", "BB", "B", "C", "D"],
  KIS: ["AAA", "AA+", "AA", "A+", "A", "BBB+", "BBB", "BB", "B", "C"],
  KED: ["AAA", "AA", "A", "BBB", "BB", "B", "CCC", "CC", "C", "D"],
  SCI: ["AAA", "AA+", "AA", "AA-", "A+", "A", "A-", "BBB+", "BBB-", "B"],
}

const cashFlowRatingScaleMap: Record<string, string[]> = {
  NICE: ["우수", "양호", "보통", "미흡", "불량"],
  KIS: ["A+", "A", "B+", "B", "C", "D"],
  KED: ["1등급", "2등급", "3등급", "4등급", "5등급"],
  SCI: ["Level 1", "Level 2", "Level 3", "Level 4"],
}

const MAX_FILE_SIZE = 3e9

// 첨부파일 타입 정의
const ATTACHMENT_TYPES = [
  { value: "BUSINESS_REGISTRATION", label: "사업자등록증" },
  { value: "CREDIT_REPORT", label: "신용평가보고서" },
  { value: "BANK_ACCOUNT_COPY", label: "통장사본" },
  { value: "ISO_CERTIFICATION", label: "ISO인증서" },
  { value: "GENERAL", label: "일반 문서" },
] as const

type AttachmentType = typeof ATTACHMENT_TYPES[number]['value']

// 파일 타입 정의
interface AttachmentFile {
  id: number
  fileName: string
  filePath: string
  attachmentType: string
  fileSize?: number
}

export function InfoForm() {
  const params = useParams() || {}
  const lng = params.lng ? String(params.lng) : "ko"
  const { t } = useTranslation(lng, "translation")
  const router = useRouter()
  const { data: session } = useSession()

  const companyId = session?.user?.companyId || "17"

  // 협력업체 데이터 상태
  const [vendor, setVendor] = React.useState<any>(null)
  const [isLoading, setIsLoading] = React.useState(true)
  const [isSubmitting, setIsSubmitting] = React.useState(false)

  // 첨부파일 상태
  const [existingFiles, setExistingFiles] = React.useState<AttachmentFile[]>([])
  const [existingCreditFiles, setExistingCreditFiles] = React.useState<AttachmentFile[]>([])
  const [existingCashFlowFiles, setExistingCashFlowFiles] = React.useState<AttachmentFile[]>([])
  const [existingSignatureFiles, setExistingSignatureFiles] = React.useState<AttachmentFile[]>([])

  const [selectedFiles, setSelectedFiles] = React.useState<File[]>([])
  const [creditRatingFile, setCreditRatingFile] = React.useState<File[]>([])
  const [cashFlowRatingFile, setCashFlowRatingFile] = React.useState<File[]>([])
  const [isDownloading, setIsDownloading] = React.useState(false);

  // 정규등록 관련 상태
  const [registrationData, setRegistrationData] = React.useState<any>(null)
  const [documentDialogOpen, setDocumentDialogOpen] = React.useState(false)
  const [additionalInfoDialogOpen, setAdditionalInfoDialogOpen] = React.useState(false)
  
  // 첨부파일 타입 선택 상태
  const [selectedAttachmentType, setSelectedAttachmentType] = React.useState<AttachmentType>("GENERAL")
  
  // 서명/직인 업로드 관련 상태
  const [signatureFiles, setSignatureFiles] = React.useState<File[]>([])
  const [hasSignature, setHasSignature] = React.useState(false)

  // React Hook Form
  const form = useForm<UpdateVendorInfoSchema>({
    resolver: zodResolver(updateVendorSchemaWithConditions),
    defaultValues: {
      vendorName: "",
      taxId: "",
      address: "",
      email: "",
      phone: "",
      country: "",
      website: "",
      representativeName: "",
      representativeBirth: "",
      representativeEmail: "",
      representativePhone: "",
      corporateRegistrationNumber: "",
      creditAgency: "",
      creditRating: "",
      cashFlowRating: "",
      attachedFiles: undefined,
      creditRatingAttachment: undefined,
      cashFlowRatingAttachment: undefined,
      contacts: [
        {
          contactName: "",
          contactPosition: "",
          contactEmail: "",
          contactPhone: "",
        },
      ],
    },
    mode: "onChange",
  })

  const isFormValid = form.formState.isValid

  // Field array for contacts
  const { fields: contactFields, append: addContact, remove: removeContact, replace: replaceContacts } =
    useFieldArray({
      control: form.control,
      name: "contacts",
    })

  // 협력업체 정보 가져오기
  React.useEffect(() => {
    async function fetchVendorData() {
      if (!companyId) return

      try {
        setIsLoading(true)
        // 협력업체 상세 정보 가져오기 (view 사용)
        const vendorData = await getVendorDetailById(Number(companyId))

        if (!vendorData) {
          toast({
            variant: "destructive",
            title: "오류",
            description: "협력업체 정보를 찾을 수 없습니다.",
          })
          return
        }

        setVendor(vendorData)

        // 첨부파일 정보 분류 (view에서 이미 파싱된 attachments 배열 사용)
        if (vendorData.attachments && Array.isArray(vendorData.attachments)) {
          // 신용평가 관련 파일들만 따로 분리
          const creditFiles = vendorData.attachments.filter(
            (file: AttachmentFile) => file.attachmentType === "CREDIT_RATING"
          )
          const cashFlowFiles = vendorData.attachments.filter(
            (file: AttachmentFile) => file.attachmentType === "CASH_FLOW_RATING"
          )
          
          // 서명/직인 파일들 분리
          const signatureFiles = vendorData.attachments.filter(
            (file: AttachmentFile) => 
              file.attachmentType === "SIGNATURE" || 
              file.attachmentType === "SEAL"
          )
          
          // 나머지 모든 파일들 (사업자등록증, 신용평가보고서, 통장사본, ISO인증서, 일반문서 등)
          const otherFiles = vendorData.attachments.filter(
            (file: AttachmentFile) => 
              file.attachmentType !== "CREDIT_RATING" && 
              file.attachmentType !== "CASH_FLOW_RATING" &&
              file.attachmentType !== "SIGNATURE" &&
              file.attachmentType !== "SEAL"
          )

          setExistingFiles(otherFiles) // 모든 기타 파일들을 일반 첨부파일 섹션에 표시
          setExistingCreditFiles(creditFiles)
          setExistingCashFlowFiles(cashFlowFiles)
          setExistingSignatureFiles(signatureFiles) // 서명/직인 파일들
        }

        // 폼 기본값 설정 (연락처 포함)
        const formValues = {
          vendorName: vendorData.vendorName || "",
          taxId: vendorData.taxId || "",
          address: vendorData.address || "",
          email: vendorData.email || "",
          phone: vendorData.phone || "",
          country: vendorData.country || "",
          website: vendorData.website || "",
          representativeName: vendorData.representativeName || "",
          representativeBirth: vendorData.representativeBirth || "",
          representativeEmail: vendorData.representativeEmail || "",
          representativePhone: vendorData.representativePhone || "",
          corporateRegistrationNumber: vendorData.corporateRegistrationNumber || "",
          creditAgency: vendorData.creditAgency || "",
          creditRating: vendorData.creditRating || "",
          cashFlowRating: vendorData.cashFlowRating || "",
        }

        form.reset(formValues)

        // 연락처 필드 업데이트
        if (vendorData.contacts && Array.isArray(vendorData.contacts) && vendorData.contacts.length > 0) {
          const formattedContacts = vendorData.contacts.map((contact: any) => ({
            id: contact.id,
            contactName: contact.contactName || "",
            contactPosition: contact.contactPosition || "",
            contactEmail: contact.contactEmail || "",
            contactPhone: contact.contactPhone || "",
            isPrimary: contact.isPrimary || false,
          }))

          replaceContacts(formattedContacts)
        }

        // 정규등록 상태 데이터 로드 (없는 경우 에러가 아님)
        try {
          const registrationResult = await fetchVendorRegistrationStatus(Number(companyId))
          if (registrationResult.success) {
            setRegistrationData(registrationResult.data)
          } else if (registrationResult.noRegistration) {
            // 정규등록 데이터가 없는 경우는 정상적인 상황 (기존 정규업체 등)
            console.log("정규등록 데이터 없음 - 기존 정규업체이거나 아직 등록 진행하지 않음")
            setRegistrationData(null)
          } else {
            // 실제 에러인 경우
            console.error("정규등록 상태 조회 오류:", registrationResult.error)
            setRegistrationData(null)
          }
        } catch (error) {
          console.error("정규등록 상태 조회 중 예외 발생:", error)
          setRegistrationData(null)
        }
      } catch (error) {
        console.error("Error fetching vendor data:", error)
        toast({
          variant: "destructive",
          title: "데이터 로드 오류",
          description: "협력업체 정보를 불러오는 중 오류가 발생했습니다.",
        })
      } finally {
        setIsLoading(false)
      }
    }

    fetchVendorData()
  }, [companyId, form, replaceContacts])

  // 보안 다운로드 유틸리티를 사용한 개별 파일 다운로드
  const handleDownloadFile = async (file: AttachmentFile) => {
    try {
      setIsDownloading(true);
      
      // 파일이 객체인지 ID인지 확인하고 처리
      const fileId = typeof file === 'object' ? file.id : file;
      const fileName = typeof file === 'object' ? file.fileName : `file-${fileId}`;
      
      // API 엔드포인트 URL 구성
      const downloadUrl = `/api/vendors/attachments/download?id=${fileId}&vendorId=${Number(companyId)}`;
      
      // 보안 다운로드 유틸리티 사용
      const result = await downloadFile(downloadUrl, fileName, {
        action: 'download',
        showToast: false, // 우리가 직접 토스트 관리
        onSuccess: (fileName, fileSize) => {
          const sizeText = fileSize ? ` (${formatFileSize(fileSize)})` : '';
          toast({
            title: "다운로드 완료",
            description: `파일 다운로드가 완료되었습니다: ${fileName}${sizeText}`,
          });
        },
        onError: (error) => {
          console.error("Download error:", error);
          toast({
            variant: "destructive",
            title: "다운로드 오류",
            description: error || "파일 다운로드 중 오류가 발생했습니다.",
          });
        }
      });

      if (!result.success && result.error) {
        // 오류 처리는 onError 콜백에서 이미 처리됨
        console.error("Download failed:", result.error);
      }
      
    } catch (error) {
      console.error("Error downloading file:", error);
      toast({
        variant: "destructive",
        title: "다운로드 오류",
        description: "파일 다운로드 중 예상치 못한 오류가 발생했습니다.",
      });
    } finally {
      setIsDownloading(false);
    }
  };
  
  // 보안 다운로드 유틸리티를 사용한 전체 파일 다운로드
  const handleDownloadAllFiles = async () => {
    try {
      setIsDownloading(true);

      // 전체 파일 다운로드 API 엔드포인트
      const downloadUrl = `/api/vendors/attachments/download-all?vendorId=${Number(companyId)}`;
      const fileName = `vendor-${companyId}-files.zip`;
      
      // 보안 다운로드 유틸리티 사용
      const result = await downloadFile(downloadUrl, fileName, {
        action: 'download',
        showToast: false, // 우리가 직접 토스트 관리
        onSuccess: (fileName, fileSize) => {
          const sizeText = fileSize ? ` (${formatFileSize(fileSize)})` : '';
          toast({
            title: "전체 다운로드 완료",
            description: `전체 파일 다운로드가 완료되었습니다: ${fileName}${sizeText}`,
          });
        },
        onError: (error) => {
          console.error("Download all error:", error);
          toast({
            variant: "destructive",
            title: "다운로드 오류",
            description: error || "전체 파일 다운로드 중 오류가 발생했습니다.",
          });
        }
      });

      if (!result.success && result.error) {
        // 오류 처리는 onError 콜백에서 이미 처리됨
        console.error("Download all failed:", result.error);
      }
      
    } catch (error) {
      console.error("Error downloading files:", error);
      toast({
        variant: "destructive",
        title: "다운로드 오류",
        description: "전체 파일 다운로드 중 예상치 못한 오류가 발생했습니다.",
      });
    } finally {
      setIsDownloading(false);
    }
  };

  // Dropzone handlers
  const handleDropAccepted = (acceptedFiles: File[]) => {
    const newFiles = [...selectedFiles, ...acceptedFiles]
    setSelectedFiles(newFiles)
    form.setValue("attachedFiles", newFiles, { shouldValidate: true })
  }

  const handleDropRejected = (fileRejections: any[]) => {
    fileRejections.forEach((rej) => {
      toast({
        variant: "destructive",
        title: "File Error",
        description: `${rej.file.name}: ${rej.errors[0]?.message || "Upload failed"}`,
      })
    })
  }

  const removeFile = (index: number) => {
    const updated = [...selectedFiles]
    updated.splice(index, 1)
    setSelectedFiles(updated)
    form.setValue("attachedFiles", updated, { shouldValidate: true })
  }

  const handleCreditDropAccepted = (acceptedFiles: File[]) => {
    const newFiles = [...creditRatingFile, ...acceptedFiles]
    setCreditRatingFile(newFiles)
    form.setValue("creditRatingAttachment", newFiles, { shouldValidate: true })
  }

  const handleCreditDropRejected = (fileRejections: any[]) => {
    fileRejections.forEach((rej) => {
      toast({
        variant: "destructive",
        title: "File Error",
        description: `${rej.file.name}: ${rej.errors[0]?.message || "Upload failed"}`,
      })
    })
  }

  const removeCreditFile = (index: number) => {
    const updated = [...creditRatingFile]
    updated.splice(index, 1)
    setCreditRatingFile(updated)
    form.setValue("creditRatingAttachment", updated, { shouldValidate: true })
  }

  const handleCashFlowDropAccepted = (acceptedFiles: File[]) => {
    const newFiles = [...cashFlowRatingFile, ...acceptedFiles]
    setCashFlowRatingFile(newFiles)
    form.setValue("cashFlowRatingAttachment", newFiles, { shouldValidate: true })
  }

  const handleCashFlowDropRejected = (fileRejections: any[]) => {
    fileRejections.forEach((rej) => {
      toast({
        variant: "destructive",
        title: "File Error",
        description: `${rej.file.name}: ${rej.errors[0]?.message || "Upload failed"}`,
      })
    })
  }

  const removeCashFlowFile = (index: number) => {
    const updated = [...cashFlowRatingFile]
    updated.splice(index, 1)
    setCashFlowRatingFile(updated)
    form.setValue("cashFlowRatingAttachment", updated, { shouldValidate: true })
  }

  // 기존 파일 삭제 (ID 목록 관리)
  const [filesToDelete, setFilesToDelete] = React.useState<number[]>([])

  const handleDeleteExistingFile = (fileId: number) => {
    // 삭제할 ID 목록에 추가
    setFilesToDelete([...filesToDelete, fileId])

    // UI에서 제거
    setExistingFiles(existingFiles.filter(file => file.id !== fileId))
    setExistingCreditFiles(existingCreditFiles.filter(file => file.id !== fileId))
    setExistingCashFlowFiles(existingCashFlowFiles.filter(file => file.id !== fileId))
    setExistingSignatureFiles(existingSignatureFiles.filter(file => file.id !== fileId))

    toast({
      title: "파일 삭제 표시됨",
      description: "저장 시 파일이 영구적으로 삭제됩니다.",
    })
  }



  // 서명/직인 업로드 핸들러들 (한 개만 허용)
  const handleSignatureDropAccepted = (acceptedFiles: File[]) => {
    // 첫 번째 파일만 사용 (한 개만 허용)
    const newFile = acceptedFiles[0]
    if (newFile) {
      // 기존 서명/직인 파일이 있으면 삭제 목록에 추가
      if (existingSignatureFiles.length > 0) {
        const existingFileId = existingSignatureFiles[0].id
        setFilesToDelete([...filesToDelete, existingFileId])
        setExistingSignatureFiles([]) // UI에서 제거
        
        toast({
          title: "서명/직인 교체",
          description: "기존 서명/직인이 새 파일로 교체됩니다.",
        })
      }
      
      setSignatureFiles([newFile]) // 새 파일 설정
      setHasSignature(true)
      
      if (acceptedFiles.length > 1) {
        toast({
          title: "파일 제한",
          description: "서명/직인은 한 개만 등록할 수 있습니다. 첫 번째 파일만 선택되었습니다.",
        })
      }
    }
  }

  const handleSignatureDropRejected = (fileRejections: any[]) => {
    fileRejections.forEach((rej) => {
      toast({
        variant: "destructive",
        title: "파일 오류",
        description: `${rej.file.name}: ${rej.errors[0]?.message || "업로드 실패"}`,
      })
    })
  }

  const removeSignatureFile = () => {
    setSignatureFiles([])
    setHasSignature(false)
  }

  // 파일 타입 라벨 가져오기
  const getAttachmentTypeLabel = (type: string) => {
    const attachmentType = ATTACHMENT_TYPES.find(t => t.value === type)
    return attachmentType?.label || type
  }

  const handleAdditionalInfoSave = async () => {
    // 데이터 새로고침
    try {
      const registrationResult = await fetchVendorRegistrationStatus(Number(companyId))
      if (registrationResult.success) {
        setRegistrationData(registrationResult.data)
        toast({
          title: "데이터 새로고침",
          description: "등록 현황 데이터가 새로고침되었습니다.",
        })
      } else if (registrationResult.noRegistration) {
        // 정규등록 데이터가 없는 경우는 정상적인 상황
        setRegistrationData(null)
      } else {
        // 실제 에러인 경우
        console.error("정규등록 상태 새로고침 오류:", registrationResult.error)
        setRegistrationData(null)
      }
    } catch (error) {
      console.error("정규등록 상태 새로고침 중 예외 발생:", error)
      setRegistrationData(null)
    }
  }

  // Submit
  async function onSubmit(values: UpdateVendorInfoSchema) {
    if (!companyId) {
      toast({
        variant: "destructive",
        title: "오류",
        description: "회사 ID를 찾을 수 없습니다.",
      })
      return
    }

    setIsSubmitting(true)
    try {
      const mainFiles = values.attachedFiles
        ? Array.from(values.attachedFiles as FileList)
        : []
      const creditRatingFiles = values.creditRatingAttachment
        ? Array.from(values.creditRatingAttachment as FileList)
        : []
      const cashFlowRatingFiles = values.cashFlowRatingAttachment
        ? Array.from(values.cashFlowRatingAttachment as FileList)
        : []

      const vendorData = {
        id: Number(companyId),
        vendorName: values.vendorName,
        website: values.website,
        address: values.address,
        email: values.email,
        phone: values.phone,
        country: values.country,
        representativeName: values.representativeName || "",
        representativeBirth: values.representativeBirth || "",
        representativeEmail: values.representativeEmail || "",
        representativePhone: values.representativePhone || "",
        corporateRegistrationNumber: values.corporateRegistrationNumber || "",
        creditAgency: values.creditAgency || "",
        creditRating: values.creditRating || "",
        cashFlowRating: values.cashFlowRating || "",
      }

      // 서버 액션 직접 호출 (기존 fetch API 호출 대신)
      const result = await updateVendorInfo({
        vendorData,
        files: mainFiles,
        creditRatingFiles,
        cashFlowRatingFiles,
        signatureFiles, // 서명/직인 파일들
        contacts: values.contacts,
        filesToDelete, // 삭제할 파일 ID 목록
        selectedAttachmentType, // 선택된 첨부파일 타입
      })

      if (!result.error) {
        toast({
          title: "업데이트 완료",
          description: "회사 정보가 성공적으로 업데이트되었습니다.",
        })
        // 삭제할 파일 목록 초기화
        setFilesToDelete([])
        // 페이지 새로고침하여 업데이트된 정보 표시
        router.refresh()
      } else {
        toast({
          variant: "destructive",
          title: "오류",
          description: result.error || "업데이트에 실패했습니다.",
        })
      }
    } catch (error: any) {
      console.error(error)
      toast({
        variant: "destructive",
        title: "서버 에러",
        description: error.message || "에러가 발생했습니다.",
      })
    } finally {
      setIsSubmitting(false)
    }
  }

  if (isLoading) {
    return (
      <div className="container py-10 flex justify-center items-center">
        <Loader2 className="h-8 w-8 animate-spin text-primary" />
        <span className="ml-2">협력업체 정보를 불러오는 중입니다...</span>
      </div>
    )
  }

  // 보안 정보 가져오기 (선택적으로 사용자에게 표시)
  const securityInfo = getSecurityInfo();

  // Render
  return (
    <div className="container py-6">
      <section className="overflow-hidden rounded-md border bg-background shadow-sm">
        <div className="p-6 md:p-10 space-y-6">
          <div className="space-y-2">
            <div className="flex items-center gap-2">
            <h3 className="text-xl font-semibold">
              {t("infoForm.title", {
                defaultValue: "Update Vendor Information",
              })}
            </h3>
            <InformationButton pagePath="partners/info" />
            </div>
            <p className="text-sm text-muted-foreground">
              {t("infoForm.description", {
                defaultValue:
                  "Here you can view and update your company information and attachments.",
              })}
            </p>

            {vendor?.status && (
              <div className="mt-2">
                <Badge variant={
                  vendor.status === "APPROVED" || vendor.status === "ACTIVE"
                    ? "secondary"
                    : (vendor.status === "PENDING_REVIEW" || vendor.status === "IN_REVIEW")
                      ? "destructive"
                      : "default"
                }>
                  {vendor.status}
                </Badge>
              </div>
            )}

            {/* 보안 정보 표시 (선택적) */}
            <div className="text-xs text-muted-foreground">
              <p>📁 허용 파일 크기: {securityInfo.maxFileSizeFormatted} | 남은 다운로드: {securityInfo.remainingDownloads}/분</p>
            </div>
          </div>

          <Separator />

          {/* 정규업체 등록 현황 섹션 */}
          {registrationData ? (
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <FileText className="w-5 h-5" />
                  정규업체 등록 현황
                </CardTitle>
                <CardDescription>
                  정규업체 등록을 위한 현황을 확인하고 관리하세요.
                </CardDescription>
              </CardHeader>
              <CardContent className="space-y-4">
                {/* 현재 상태 표시 */}
                {registrationData.registration && (
                  <div className="flex items-center gap-2 p-3 bg-muted/30 rounded-lg">
                    <Badge variant="secondary">
                      {registrationData.registration.status === 'under_review' && '검토중'}
                      {registrationData.registration.status === 'approval_ready' && '조건충족'}
                      {registrationData.registration.status === 'in_review' && '정규등록검토'}
                      {registrationData.registration.status === 'completed' && '등록완료'}
                      {registrationData.registration.status === 'pending_approval' && '장기미등록'}
                    </Badge>
                  </div>
                )}

                {/* 서명/직인 등록 */}
                <div className="space-y-2">
                  <h4 className="font-medium text-sm">회사 서명/직인 등록</h4>
                  
                  {/* 현재 등록된 서명/직인 파일 표시 (한 개만) */}
                  {(existingSignatureFiles.length > 0 || signatureFiles.length > 0) && (
                    <div className="space-y-2">
                      <div className="flex items-center gap-2 p-2 border rounded-lg bg-green-50">
                        <CheckCircle className="w-4 h-4 text-green-600" />
                        <span className="text-sm text-green-800">서명/직인 등록됨</span>
                      </div>
                      
                      {/* 기존 등록된 서명/직인 (첫 번째만 표시) */}
                      {existingSignatureFiles.length > 0 && signatureFiles.length === 0 && (
                        <div className="p-2 border rounded-lg">
                          {(() => {
                            const file = existingSignatureFiles[0];
                            const fileInfo = getFileInfo(file.fileName);
                            return (
                              <div className="flex items-center gap-2">
                                <FileListIcon />
                                <div className="flex-1">
                                  <div className="text-xs font-medium">{fileInfo.icon} {file.fileName}</div>
                                  <div className="text-xs text-muted-foreground">
                                    {getAttachmentTypeLabel(file.attachmentType)} | {file.fileSize ? formatFileSize(file.fileSize) : '크기 정보 없음'}
                                  </div>
                                </div>
                                <div className="flex items-center space-x-1">
                                  <FileListAction 
                                    onClick={() => handleDownloadFile(file)}
                                    disabled={isDownloading}
                                  >
                                    {isDownloading ? <Loader2 className="h-3 w-3 animate-spin" /> : <Download className="h-3 w-3" />}
                                  </FileListAction>
                                  <FileListAction onClick={() => handleDeleteExistingFile(file.id)}>
                                    <X className="h-3 w-3" />
                                  </FileListAction>
                                </div>
                              </div>
                            );
                          })()}
                        </div>
                      )}
                      
                      {/* 새로 업로드된 서명/직인 */}
                      {signatureFiles.length > 0 && (
                        <div className="p-2 border rounded-lg bg-blue-50">
                          {(() => {
                            const file = signatureFiles[0];
                            return (
                              <div className="flex items-center gap-2">
                                <FileListIcon />
                                <div className="flex-1">
                                  <div className="text-xs font-medium">{file.name}</div>
                                  <div className="text-xs text-muted-foreground">
                                    서명/직인 (새 파일) | {prettyBytes(file.size)}
                                  </div>
                                </div>
                                <FileListAction onClick={removeSignatureFile}>
                                  <X className="h-3 w-3" />
                                </FileListAction>
                              </div>
                            );
                          })()}
                        </div>
                      )}
                    </div>
                  )}
                  
                  {/* 서명/직인 업로드 드롭존 */}
                  <Dropzone
                    maxSize={MAX_FILE_SIZE}
                    onDropAccepted={handleSignatureDropAccepted}
                    onDropRejected={handleSignatureDropRejected}
                    disabled={isSubmitting}
                  >
                    {({ maxSize }) => (
                      <DropzoneZone className="flex justify-center min-h-[50px]">
                        <DropzoneInput />
                        <div className="flex items-center gap-2">
                          <Upload className="w-4 h-4" />
                          <div className="text-sm">
                            <DropzoneTitle>
                              {existingSignatureFiles.length > 0 || signatureFiles.length > 0 
                                ? "서명/직인 교체" 
                                : "서명/직인 업로드"
                              }
                            </DropzoneTitle>
                            <DropzoneDescription>
                              한 개 파일만 업로드 가능 {maxSize ? ` | 최대: ${prettyBytes(maxSize)}` : ""}
                            </DropzoneDescription>
                          </div>
                        </div>
                      </DropzoneZone>
                    )}
                  </Dropzone>
                </div>

                {/* 액션 버튼들 */}
                <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
                  <Button
                    onClick={() => setDocumentDialogOpen(true)}
                    variant="outline"
                    size="sm"
                  >
                    <Eye className="w-4 h-4 mr-2" />
                    문서 현황 확인
                  </Button>
                  <Button
                    onClick={() => setAdditionalInfoDialogOpen(true)}
                    variant={registrationData.additionalInfo ? "outline" : "default"}
                    size="sm"
                  >
                    <FileText className="w-4 h-4 mr-2" />
                    {registrationData.additionalInfo ? "추가정보 수정" : "추가정보 등록"}
                  </Button>
                </div>
              </CardContent>
            </Card>
          ) : (
            // 정규업체 등록 데이터가 없는 경우 (기존 정규업체이거나 아직 등록 진행 안함)
            <Card>
              <CardHeader>
                <CardTitle className="flex items-center gap-2">
                  <FileText className="w-5 h-5" />
                  정규업체 등록 현황
                </CardTitle>
                <CardDescription>
                  현재 정규업체 등록 진행 상황이 없습니다.
                </CardDescription>
              </CardHeader>
              <CardContent>
                <div className="text-center py-4 text-muted-foreground">
                  <p>이미 정규업체로 등록되어 있거나, 아직 정규업체 등록을 진행하지 않았습니다.</p>
                  <p className="text-sm mt-1">정규업체 등록이 필요한 경우 담당자에게 문의하세요.</p>
                </div>
              </CardContent>
            </Card>
          )}

          {/* 첨부파일 요약 카드 - 기존 파일 있는 경우만 표시 */}
          {(existingFiles.length > 0 || existingCreditFiles.length > 0 || existingCashFlowFiles.length > 0) && (
            <Card>
              <CardHeader>
                <CardTitle>첨부파일 요약</CardTitle>
                <CardDescription>
                  현재 등록된 파일 목록입니다. 전체 다운로드하거나 개별 파일을 다운로드할 수 있습니다.
                </CardDescription>
              </CardHeader>
              <CardContent>
                <div className="grid gap-4">
                  {existingFiles.length > 0 && (
                    <div>
                      <h4 className="font-medium mb-2">첨부파일</h4>
                      <ScrollArea className="h-48">
                        <FileList className="gap-2">
                          {existingFiles.map((file) => {
                            const fileInfo = getFileInfo(file.fileName);
                            return (
                              <FileListItem key={file.id}>
                                <FileListHeader>
                                  <FileListIcon />
                                  <FileListInfo>
                                    <FileListName>
                                      {fileInfo.icon} {file.fileName}
                                    </FileListName>
                                    <FileListDescription>
                                      {getAttachmentTypeLabel(file.attachmentType)} | {file.fileSize ? formatFileSize(file.fileSize) : '크기 정보 없음'}
                                    </FileListDescription>
                                  </FileListInfo>
                                  <div className="flex items-center space-x-2">
                                    <FileListAction 
                                      onClick={() => handleDownloadFile(file)}
                                      disabled={isDownloading}
                                    >
                                      {isDownloading ? <Loader2 className="h-4 w-4 animate-spin" /> : <Download className="h-4 w-4" />}
                                    </FileListAction>
                                    <FileListAction onClick={() => handleDeleteExistingFile(file.id)}>
                                      <X className="h-4 w-4" />
                                    </FileListAction>
                                  </div>
                                </FileListHeader>
                              </FileListItem>
                            );
                          })}
                        </FileList>
                      </ScrollArea>
                    </div>
                  )}

                  {existingCreditFiles.length > 0 && (
                    <div>
                      <h4 className="font-medium mb-2">신용평가 첨부파일</h4>
                      <ScrollArea className="h-24">
                        <FileList className="gap-2">
                          {existingCreditFiles.map((file) => {
                            const fileInfo = getFileInfo(file.fileName);
                            return (
                              <FileListItem key={file.id}>
                                <FileListHeader>
                                  <FileListIcon />
                                  <FileListInfo>
                                    <FileListName>
                                      {fileInfo.icon} {file.fileName}
                                    </FileListName>
                                    <FileListDescription>
                                      {getAttachmentTypeLabel(file.attachmentType)} | {file.fileSize ? formatFileSize(file.fileSize) : '크기 정보 없음'}
                                    </FileListDescription>
                                  </FileListInfo>
                                  <div className="flex items-center space-x-2">
                                    <FileListAction 
                                      onClick={() => handleDownloadFile(file)}
                                      disabled={isDownloading}
                                    >
                                      {isDownloading ? <Loader2 className="h-4 w-4 animate-spin" /> : <Download className="h-4 w-4" />}
                                    </FileListAction>
                                    <FileListAction onClick={() => handleDeleteExistingFile(file.id)}>
                                      <X className="h-4 w-4" />
                                    </FileListAction>
                                  </div>
                                </FileListHeader>
                              </FileListItem>
                            );
                          })}
                        </FileList>
                      </ScrollArea>
                    </div>
                  )}

                  {existingCashFlowFiles.length > 0 && (
                    <div>
                      <h4 className="font-medium mb-2">현금흐름 첨부파일</h4>
                      <ScrollArea className="h-24">
                        <FileList className="gap-2">
                          {existingCashFlowFiles.map((file) => {
                            const fileInfo = getFileInfo(file.fileName);
                            return (
                              <FileListItem key={file.id}>
                                <FileListHeader>
                                  <FileListIcon />
                                  <FileListInfo>
                                    <FileListName>
                                      {fileInfo.icon} {file.fileName}
                                    </FileListName>
                                    <FileListDescription>
                                      {getAttachmentTypeLabel(file.attachmentType)} | {file.fileSize ? formatFileSize(file.fileSize) : '크기 정보 없음'}
                                    </FileListDescription>
                                  </FileListInfo>
                                  <div className="flex items-center space-x-2">
                                    <FileListAction 
                                      onClick={() => handleDownloadFile(file)}
                                      disabled={isDownloading}
                                    >
                                      {isDownloading ? <Loader2 className="h-4 w-4 animate-spin" /> : <Download className="h-4 w-4" />}
                                    </FileListAction>
                                    <FileListAction onClick={() => handleDeleteExistingFile(file.id)}>
                                      <X className="h-4 w-4" />
                                    </FileListAction>
                                  </div>
                                </FileListHeader>
                              </FileListItem>
                            );
                          })}
                        </FileList>
                      </ScrollArea>
                    </div>
                  )}
                </div>
              </CardContent>
              <CardFooter>
                {(existingFiles.length + existingCreditFiles.length + existingCashFlowFiles.length) > 1 && (
                  <Button 
                    variant="outline" 
                    onClick={handleDownloadAllFiles}
                    disabled={isDownloading}
                  >
                    {isDownloading ? (
                      <Loader2 className="mr-2 h-4 w-4 animate-spin" />
                    ) : (
                      <Download className="mr-2 h-4 w-4" />
                    )}
                    전체 다운로드
                  </Button>
                )}
              </CardFooter>
            </Card>
          )}

          <Form {...form}>
            <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
   
              <div className="rounded-md border p-4 space-y-4">
                <h4 className="text-md font-semibold">기본 정보</h4>
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  {/* vendorName is required in the schema → show * */}
                  <FormField
                    control={form.control}
                    name="vendorName"
                    render={({ field }) => (
                      <FormItem>
                        <FormLabel className="after:content-['*'] after:ml-0.5 after:text-red-500">
                          업체명
                        </FormLabel>
                        <FormControl>
                          <Input {...field} disabled={isSubmitting} />
                        </FormControl>
                        <FormMessage />
                      </FormItem>
                    )}
                  />

                  {/* taxId - 읽기 전용으로 표시 */}
                  <FormField
                    control={form.control}
                    name="taxId"
                    render={({ field }) => (
                      <FormItem>
                        <FormLabel>사업자등록번호</FormLabel>
                        <FormControl>
                          <Input {...field} disabled={true} readOnly />
                        </FormControl>
                        <FormMessage />
                      </FormItem>
                    )}
                  />

                  {/* Address */}
                  <FormField
                    control={form.control}
                    name="address"
                    render={({ field }) => (
                      <FormItem>
                        <FormLabel>주소</FormLabel>
                        <FormControl>
                          <Input {...field} disabled={isSubmitting} />
                        </FormControl>
                        <FormMessage />
                      </FormItem>
                    )}
                  />

                  <FormField
                    control={form.control}
                    name="phone"
                    render={({ field }) => (
                      <FormItem>
                        <FormLabel>대표 전화</FormLabel>
                        <FormControl>
                          <Input {...field} disabled={isSubmitting} />
                        </FormControl>
                        <FormMessage />
                      </FormItem>
                    )}
                  />

                  {/* email */}
                  <FormField
                    control={form.control}
                    name="email"
                    render={({ field }) => (
                      <FormItem>
                        <FormLabel className="after:content-['*'] after:ml-0.5 after:text-red-500">
                          대표 이메일
                        </FormLabel>
                        <FormControl>
                          <Input {...field} disabled={isSubmitting} />
                        </FormControl>
                        <FormDescription>
                          회사 대표 이메일(관리자 로그인에 사용될 수 있음)
                        </FormDescription>
                        <FormMessage />
                      </FormItem>
                    )}
                  />

                  {/* website */}
                  <FormField
                    control={form.control}
                    name="website"
                    render={({ field }) => (
                      <FormItem>
                        <FormLabel>웹사이트</FormLabel>
                        <FormControl>
                          <Input {...field} disabled={isSubmitting} />
                        </FormControl>
                        <FormMessage />
                      </FormItem>
                    )}
                  />

                  <FormField
                    control={form.control}
                    name="country"
                    render={({ field }) => {
                      const selectedCountry = countryArray.find(
                        (c) => c.code === field.value
                      )
                      return (
                        <FormItem>
                          <FormLabel className="after:content-['*'] after:ml-0.5 after:text-red-500">
                            Country
                          </FormLabel>
                          <Popover>
                            <PopoverTrigger asChild>
                              <FormControl>
                                <Button
                                  variant="outline"
                                  role="combobox"
                                  className={cn(
                                    "w-full justify-between",
                                    !field.value && "text-muted-foreground"
                                  )}
                                  disabled={isSubmitting}
                                >
                                  {selectedCountry
                                    ? selectedCountry.label
                                    : "Select a country"}
                                  <ChevronsUpDown className="ml-2 opacity-50" />
                                </Button>
                              </FormControl>
                            </PopoverTrigger>
                            <PopoverContent className="w-full p-0">
                              <Command>
                                <CommandInput placeholder="Search country..." />
                                <CommandList>
                                  <CommandEmpty>No country found.</CommandEmpty>
                                  <CommandGroup>
                                    {countryArray.map((country) => (
                                      <CommandItem
                                        key={country.code}
                                        value={country.label}
                                        onSelect={() =>
                                          field.onChange(country.code)
                                        }
                                      >
                                        <Check
                                          className={cn(
                                            "mr-2",
                                            country.code === field.value
                                              ? "opacity-100"
                                              : "opacity-0"
                                          )}
                                        />
                                        {country.label}
                                      </CommandItem>
                                    ))}
                                  </CommandGroup>
                                </CommandList>
                              </Command>
                            </PopoverContent>
                          </Popover>
                          <FormMessage />
                        </FormItem>
                      )
                    }}
                  />
                </div>
              </div>

              {/* ─────────────────────────────────────────
    담당자 정보 (contacts)
───────────────────────────────────────── */}
              <div className="rounded-md border p-4 space-y-4">
                <div className="flex items-center justify-between">
                  <h4 className="text-md font-semibold">담당자 정보 (최소 1명)</h4>
                  <Button
                    type="button"
                    variant="outline"
                    onClick={() =>
                      addContact({
                        contactName: "",
                        contactPosition: "",
                        contactEmail: "",
                        contactPhone: "",
                      })
                    }
                    disabled={isSubmitting}
                  >
                    <Plus className="mr-1 h-4 w-4" />
                    담당자 추가
                  </Button>
                </div>

                <div className="space-y-2">
                  {contactFields.map((contact, index) => (
                    <div
                      key={contact.id}
                      className="bg-muted/10 rounded-md p-4 space-y-4"
                    >
                      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
                        {/* contactName → required */}
                        <FormField
                          control={form.control}
                          name={`contacts.${index}.contactName`}
                          render={({ field }) => (
                            <FormItem>
                              <FormLabel className="after:content-['*'] after:ml-0.5 after:text-red-500">
                                담당자명
                              </FormLabel>
                              <FormControl>
                                <Input {...field} disabled={isSubmitting} />
                              </FormControl>
                              <FormMessage />
                            </FormItem>
                          )}
                        />

                        {/* contactPosition → optional */}
                        <FormField
                          control={form.control}
                          name={`contacts.${index}.contactPosition`}
                          render={({ field }) => (
                            <FormItem>
                              <FormLabel>직급 / 부서</FormLabel>
                              <FormControl>
                                <Input {...field} disabled={isSubmitting} />
                              </FormControl>
                              <FormMessage />
                            </FormItem>
                          )}
                        />

                        {/* contactEmail → required */}
                        <FormField
                          control={form.control}
                          name={`contacts.${index}.contactEmail`}
                          render={({ field }) => (
                            <FormItem>
                              <FormLabel className="after:content-['*'] after:ml-0.5 after:text-red-500">
                                이메일
                              </FormLabel>
                              <FormControl>
                                <Input {...field} disabled={isSubmitting} />
                              </FormControl>
                              <FormMessage />
                            </FormItem>
                          )}
                        />

                        {/* contactPhone → optional */}
                        <FormField
                          control={form.control}
                          name={`contacts.${index}.contactPhone`}
                          render={({ field }) => (
                            <FormItem>
                              <FormLabel>전화번호</FormLabel>
                              <FormControl>
                                <Input {...field} disabled={isSubmitting} />
                              </FormControl>
                              <FormMessage />
                            </FormItem>
                          )}
                        />
                      </div>

                      {/* Remove contact button row */}
                      {contactFields.length > 1 && (
                        <div className="flex justify-end">
                          <Button
                            variant="destructive"
                            onClick={() => removeContact(index)}
                            disabled={isSubmitting}
                          >
                            <X className="mr-1 h-4 w-4" />
                            삭제
                          </Button>
                        </div>
                      )}
                    </div>
                  ))}
                </div>
              </div>

              {/* ─────────────────────────────────────────
    한국 사업자 (country === "KR")
───────────────────────────────────────── */}
              {form.watch("country") === "KR" && (
                <div className="rounded-md border p-4 space-y-4">
                  <h4 className="text-md font-semibold">한국 사업자 정보</h4>

                  {/* 대표자 등... all optional or whichever you want * for */}
                  <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <FormField
                      control={form.control}
                      name="representativeName"
                      render={({ field }) => (
                        <FormItem>
                          <FormLabel className="after:content-['*'] after:ml-0.5 after:text-red-500">
                            대표자 이름
                          </FormLabel>
                          <FormControl>
                            <Input {...field} disabled={isSubmitting} />
                          </FormControl>
                          <FormMessage />
                        </FormItem>
                      )}
                    />
                    <FormField
                      control={form.control}
                      name="representativeBirth"
                      render={({ field }) => (
                        <FormItem>
                          <FormLabel className="after:content-['*'] after:ml-0.5 after:text-red-500">
                            대표자 생년월일
                          </FormLabel>
                          <FormControl>
                            <Input
                              placeholder="YYYY-MM-DD"
                              {...field}
                              disabled={isSubmitting}
                            />
                          </FormControl>
                          <FormMessage />
                        </FormItem>
                      )}
                    />
                    <FormField
                      control={form.control}
                      name="representativeEmail"
                      render={({ field }) => (
                        <FormItem>
                          <FormLabel className="after:content-['*'] after:ml-0.5 after:text-red-500">
                            대표자 이메일
                          </FormLabel>
                          <FormControl>
                            <Input {...field} disabled={isSubmitting} />
                          </FormControl>
                          <FormMessage />
                        </FormItem>
                      )}
                    />
                    <FormField
                      control={form.control}
                      name="representativePhone"
                      render={({ field }) => (
                        <FormItem>
                          <FormLabel className="after:content-['*'] after:ml-0.5 after:text-red-500">
                            대표자 전화번호
                          </FormLabel>
                          <FormControl>
                            <Input {...field} disabled={isSubmitting} />
                          </FormControl>
                          <FormMessage />
                        </FormItem>
                      )}
                    />
                    <FormField
                      control={form.control}
                      name="corporateRegistrationNumber"
                      render={({ field }) => (
                        <FormItem>
                          <FormLabel className="after:content-['*'] after:ml-0.5 after:text-red-500">
                            법인등록번호
                          </FormLabel>
                          <FormControl>
                            <Input {...field} disabled={isSubmitting} />
                          </FormControl>
                          <FormMessage />
                        </FormItem>
                      )}
                    />
                  </div>

                  <Separator />

                  {/* 신용/현금 흐름 */}
                  <div className="space-y-2">
                    <FormField
                      control={form.control}
                      name="creditAgency"
                      render={({ field }) => {
                        const agencyValue = field.value
                        return (
                          <FormItem>
                            <FormLabel className="after:content-['*'] after:ml-0.5 after:text-red-500">
                              평가사
                            </FormLabel>
                            <Select
                              onValueChange={field.onChange}
                              value={agencyValue}
                            >
                              <FormControl>
                                <SelectTrigger disabled={isSubmitting}>
                                  <SelectValue placeholder="평가사 선택" />
                                </SelectTrigger>
                              </FormControl>
                              <SelectContent>
                                {creditAgencies.map((agency) => (
                                  <SelectItem
                                    key={agency.value}
                                    value={agency.value}
                                  >
                                    {agency.label}
                                  </SelectItem>
                                ))}
                              </SelectContent>
                            </Select>
                            <FormDescription>
                              신용평가 및 현금흐름등급에 사용할 평가사
                            </FormDescription>
                            <FormMessage />
                          </FormItem>
                        )
                      }}
                    />
                    {form.watch("creditAgency") && (
                      <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                        {/* 신용평가등급 */}
                        <FormField
                          control={form.control}
                          name="creditRating"
                          render={({ field }) => {
                            const selectedAgency = form.watch("creditAgency")
                            const ratingScale =
                              creditRatingScaleMap[
                              selectedAgency as keyof typeof creditRatingScaleMap
                              ] || []
                            return (
                              <FormItem>
                                <FormLabel className="after:content-['*'] after:ml-0.5 after:text-red-500">
                                  신용평가등급
                                </FormLabel>
                                <Select
                                  onValueChange={field.onChange}
                                  value={field.value}
                                >
                                  <FormControl>
                                    <SelectTrigger disabled={isSubmitting}>
                                      <SelectValue placeholder="등급 선택" />
                                    </SelectTrigger>
                                  </FormControl>
                                  <SelectContent>
                                    {ratingScale.map((r) => (
                                      <SelectItem key={r} value={r}>
                                        {r}
                                      </SelectItem>
                                    ))}
                                  </SelectContent>
                                </Select>
                                <FormMessage />
                              </FormItem>
                            )
                          }}
                        />
                        {/* 현금흐름등급 */}
                        <FormField
                          control={form.control}
                          name="cashFlowRating"
                          render={({ field }) => {
                            const selectedAgency = form.watch("creditAgency")
                            const ratingScale =
                            cashFlowRatingScaleMap[
                              selectedAgency as keyof typeof cashFlowRatingScaleMap
                              ] || []
                            return (
                              <FormItem>
                                <FormLabel className="after:content-['*'] after:ml-0.5 after:text-red-500">
                                  현금흐름등급
                                </FormLabel>
                                <Select
                                  onValueChange={field.onChange}
                                  value={field.value}
                                >
                                  <FormControl>
                                    <SelectTrigger disabled={isSubmitting}>
                                      <SelectValue placeholder="등급 선택" />
                                    </SelectTrigger>
                                  </FormControl>
                                  <SelectContent>
                                    {ratingScale.map((r) => (
                                      <SelectItem key={r} value={r}>
                                        {r}
                                      </SelectItem>
                                    ))}
                                  </SelectContent>
                                </Select>
                                <FormMessage />
                              </FormItem>
                            )
                          }}
                        />
                      </div>
                    )}
                  </div>

                  {/* Credit/CashFlow Attachments */}
                  {form.watch("creditAgency") && (
                    <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                      <FormField
                        control={form.control}
                        name="creditRatingAttachment"
                        render={() => (
                          <FormItem>
                            <FormLabel>
                              신용평가등급 첨부 (추가)
                            </FormLabel>
                            <Dropzone
                              maxSize={MAX_FILE_SIZE}
                              multiple
                              onDropAccepted={handleCreditDropAccepted}
                              onDropRejected={handleCreditDropRejected}
                              disabled={isSubmitting}
                            >
                              {({ maxSize }) => (
                                <DropzoneZone className="flex justify-center">
                                  <DropzoneInput />
                                  <div className="flex items-center gap-4">
                                    <DropzoneUploadIcon />
                                    <div className="grid gap-1">
                                      <DropzoneTitle>드래그 또는 클릭</DropzoneTitle>
                                      <DropzoneDescription>
                                        최대: {maxSize ? prettyBytes(maxSize) : "무제한"}
                                      </DropzoneDescription>
                                    </div>
                                  </div>
                                </DropzoneZone>
                              )}
                            </Dropzone>
                            {creditRatingFile.length > 0 && (
                              <div className="mt-2">
                                <ScrollArea className="max-h-32">
                                  <FileList className="gap-2">
                                    {creditRatingFile.map((file, i) => (
                                      <FileListItem key={file.name + i}>
                                        <FileListHeader>
                                          <FileListIcon />
                                          <FileListInfo>
                                            <FileListName>{file.name}</FileListName>
                                            <FileListDescription>
                                              {prettyBytes(file.size)}
                                            </FileListDescription>
                                          </FileListInfo>
                                          <FileListAction
                                            onClick={() => removeCreditFile(i)}
                                          >
                                            <X className="h-4 w-4" />
                                          </FileListAction>
                                        </FileListHeader>
                                      </FileListItem>
                                    ))}
                                  </FileList>
                                </ScrollArea>
                              </div>
                            )}
                          </FormItem>
                        )}
                      />
                      {/* Cash Flow Attachment */}
                      <FormField
                        control={form.control}
                        name="cashFlowRatingAttachment"
                        render={() => (
                          <FormItem>
                            <FormLabel>
                              현금흐름등급 첨부 (추가)
                            </FormLabel>
                            <Dropzone
                              maxSize={MAX_FILE_SIZE}
                              multiple
                              onDropAccepted={handleCashFlowDropAccepted}
                              onDropRejected={handleCashFlowDropRejected}
                              disabled={isSubmitting}
                            >
                              {({ maxSize }) => (
                                <DropzoneZone className="flex justify-center">
                                  <DropzoneInput />
                                  <div className="flex items-center gap-4">
                                    <DropzoneUploadIcon />
                                    <div className="grid gap-1">
                                      <DropzoneTitle>드래그 또는 클릭</DropzoneTitle>
                                      <DropzoneDescription>
                                        최대: {maxSize ? prettyBytes(maxSize) : "무제한"}
                                      </DropzoneDescription>
                                    </div>
                                  </div>
                                </DropzoneZone>
                              )}
                            </Dropzone>
                            {cashFlowRatingFile.length > 0 && (
                              <div className="mt-2">
                                <ScrollArea className="max-h-32">
                                  <FileList className="gap-2">
                                    {cashFlowRatingFile.map((file, i) => (
                                      <FileListItem key={file.name + i}>
                                        <FileListHeader>
                                          <FileListIcon />
                                          <FileListInfo>
                                            <FileListName>{file.name}</FileListName>
                                            <FileListDescription>
                                              {prettyBytes(file.size)}
                                            </FileListDescription>
                                          </FileListInfo>
                                          <FileListAction
                                            onClick={() => removeCashFlowFile(i)}
                                          >
                                            <X className="h-4 w-4" />
                                          </FileListAction>
                                        </FileListHeader>
                                      </FileListItem>
                                    ))}
                                  </FileList>
                                </ScrollArea>
                              </div>
                            )}
                          </FormItem>
                        )}
                      />
                    </div>
                  )}
                </div>
              )}

              {/* ─────────────────────────────────────────
    첨부파일 (사업자등록증 등) - 추가 파일
───────────────────────────────────────── */}
              <div className="rounded-md border p-4 space-y-4">
                <h4 className="text-md font-semibold">기타 첨부파일 추가</h4>
                
                {/* 첨부파일 타입 선택 */}
                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                  <div>
                    <label className="text-sm font-medium mb-2 block">파일 타입</label>
                    <Select value={selectedAttachmentType} onValueChange={(value: AttachmentType) => setSelectedAttachmentType(value)}>
                      <SelectTrigger>
                        <SelectValue placeholder="파일 타입 선택" />
                      </SelectTrigger>
                      <SelectContent>
                        {ATTACHMENT_TYPES.map((type) => (
                          <SelectItem key={type.value} value={type.value}>
                            {type.label}
                          </SelectItem>
                        ))}
                      </SelectContent>
                    </Select>
                  </div>
                </div>

                <FormField
                  control={form.control}
                  name="attachedFiles"
                  render={() => (
                    <FormItem>
                      <FormLabel>
                        첨부 파일 (추가) - {getAttachmentTypeLabel(selectedAttachmentType)}
                      </FormLabel>
                      <Dropzone
                        maxSize={MAX_FILE_SIZE}
                        multiple
                        onDropAccepted={handleDropAccepted}
                        onDropRejected={handleDropRejected}
                        disabled={isSubmitting}
                      >
                        {({ maxSize }) => (
                          <DropzoneZone className="flex justify-center">
                            <DropzoneInput />
                            <div className="flex items-center gap-4">
                              <DropzoneUploadIcon />
                              <div className="grid gap-1">
                                <DropzoneTitle>파일 업로드</DropzoneTitle>
                                <DropzoneDescription>
                                  드래그 또는 클릭
                                  {maxSize
                                    ? ` (최대: ${prettyBytes(maxSize)})`
                                    : null}
                                </DropzoneDescription>
                              </div>
                            </div>
                          </DropzoneZone>
                        )}
                      </Dropzone>
                      {selectedFiles.length > 0 && (
                        <div className="mt-2">
                          <ScrollArea className="max-h-32">
                            <FileList className="gap-2">
                              {selectedFiles.map((file, i) => (
                                <FileListItem key={file.name + i}>
                                  <FileListHeader>
                                    <FileListIcon />
                                    <FileListInfo>
                                      <FileListName>{file.name}</FileListName>
                                      <FileListDescription>
                                        {getAttachmentTypeLabel(selectedAttachmentType)} | {prettyBytes(file.size)}
                                      </FileListDescription>
                                    </FileListInfo>
                                    <FileListAction onClick={() => removeFile(i)}>
                                      <X className="h-4 w-4" />
                                    </FileListAction>
                                  </FileListHeader>
                                </FileListItem>
                              ))}
                            </FileList>
                          </ScrollArea>
                        </div>
                      )}
                    </FormItem>
                  )}
                />
              </div>
              {/* Submit 버튼 */}
              <div className="flex justify-end">
                <Button type="submit" disabled={!isFormValid || isSubmitting}>
                  {isSubmitting ? (
                    <>
                      <Loader2 className="mr-2 h-4 w-4 animate-spin" />
                      업데이트 중...
                    </>
                  ) : (
                    "정보 업데이트"
                  )}
                </Button>
              </div>
            </form>
          </Form>

          {/* 정규등록 관련 다이얼로그들 - 정규등록 데이터가 있을 때만 표시 */}
          {registrationData && (
            <>
              {/* 문서 현황 Dialog */}
              <DocumentStatusDialog
                open={documentDialogOpen}
                onOpenChange={setDocumentDialogOpen}
                registration={{
                  id: registrationData.registration?.id || 0,
                  vendorId: registrationData.vendor.id,
                  companyName: registrationData.vendor.vendorName,
                  businessNumber: registrationData.vendor.taxId,
                  representative: registrationData.vendor.representativeName || "",
                  country: registrationData.vendor.country || "KR",
                  potentialCode: registrationData.registration?.potentialCode || "",
                  status: registrationData.registration?.status || "under_review",
                  majorItems: "[]",
                  establishmentDate: registrationData.vendor.createdAt || new Date(),
                  registrationRequestDate: registrationData.registration?.registrationRequestDate,
                  assignedDepartment: registrationData.registration?.assignedDepartment,
                  assignedUser: registrationData.registration?.assignedUser,
                  remarks: registrationData.registration?.remarks,
                  safetyQualificationContent: registrationData.registration?.safetyQualificationContent || null,
                  gtcSkipped: registrationData.registration?.gtcSkipped || false,
                  additionalInfo: registrationData.additionalInfo,
                  documentSubmissions: registrationData.documentStatus,
                  contractAgreements: {
                    cp: "not_submitted",
                    gtc: "not_submitted",
                    standardSubcontract: "not_submitted",
                    safetyHealth: "not_submitted",
                    ethics: "not_submitted",
                    domesticCredit: "not_submitted",
                  },
                  basicContracts: registrationData.basicContracts || [],
                  documentFiles: {
                    businessRegistration: [],
                    creditEvaluation: [],
                    bankCopy: [],
                    auditResult: [],
                  },
                } as VendorRegularRegistration}
                onRefresh={handleAdditionalInfoSave}
              />

              {/* 추가정보 입력 Dialog */}
              <AdditionalInfoDialog
                open={additionalInfoDialogOpen}
                onOpenChange={setAdditionalInfoDialogOpen}
                vendorId={Number(companyId)}
                onSave={handleAdditionalInfoSave}
              />
            </>
          )}
        </div>
      </section>
    </div>
  )
}