"use client"

import * as React from "react"
import { useForm } from "react-hook-form"
import { zodResolver } from "@hookform/resolvers/zod"
import { z } from "zod"
import { toast } from "sonner"
import { Button } from "@/components/ui/button"
import {
  Sheet,
  SheetContent,
  SheetDescription,
  SheetFooter,
  SheetHeader,
  SheetTitle,
} from "@/components/ui/sheet"
import {
  Form,
  FormControl,
  FormField,
  FormItem,
  FormLabel,
  FormMessage,
} from "@/components/ui/form"
import {
  Select,
  SelectContent,
  SelectItem,
  SelectTrigger,
  SelectValue,
} from "@/components/ui/select"
import { Input } from "@/components/ui/input"
import { Textarea } from "@/components/ui/textarea"
import {
  GENERAL_CONTRACT_CATEGORIES,
  GENERAL_CONTRACT_TYPES,
  GENERAL_EXECUTION_METHODS,
} from "@/lib/general-contracts/types"
import { updateContract } from "../service"
import { GeneralContractListItem } from "./general-contracts-table-columns"
import { useSession } from "next-auth/react"
const updateContractSchema = z.object({
  category: z.string().min(1, "계약구분을 선택해주세요"),
  type: z.string().min(1, "계약종류를 선택해주세요"),
  executionMethod: z.string().min(1, "체결방식을 선택해주세요"),
  name: z.string().min(1, "계약명을 입력해주세요"),
  startDate: z.string().optional(), // AD, LO, OF 계약인 경우 선택사항
  endDate: z.string().optional(), // AD, LO, OF 계약인 경우 선택사항
  validityEndDate: z.string().optional(),
  contractScope: z.string().optional(),
  notes: z.string().optional(),
  linkedRfqOrItb: z.string().optional(),
  linkedPoNumber: z.string().optional(),
  linkedBidNumber: z.string().optional(),
}).superRefine((data, ctx) => {
  // AD, LO, OF 계약이 아닌 경우 계약기간 필수값 체크
  if (!['AD', 'LO', 'OF'].includes(data.type)) {
    if (!data.startDate) {
      ctx.addIssue({
        code: z.ZodIssueCode.custom,
        message: "계약시작일을 선택해주세요",
        path: ["startDate"],
      })
    }
    if (!data.endDate) {
      ctx.addIssue({
        code: z.ZodIssueCode.custom,
        message: "계약종료일을 선택해주세요",
        path: ["endDate"],
      })
    }
  }
})

type UpdateContractFormData = z.infer<typeof updateContractSchema>

interface GeneralContractUpdateSheetProps {
  contract: GeneralContractListItem | null
  open: boolean
  onOpenChange: (open: boolean) => void
  onSuccess?: () => void
}

export function GeneralContractUpdateSheet({
  contract,
  open,
  onOpenChange,
  onSuccess,
}: GeneralContractUpdateSheetProps) {
  const [isSubmitting, setIsSubmitting] = React.useState(false)
  const session = useSession()
  const userId = session.data?.user?.id ? Number(session.data.user.id) : null
  const form = useForm<UpdateContractFormData>({
    resolver: zodResolver(updateContractSchema),
    defaultValues: {
      category: "",
      type: "",
      executionMethod: "",
      name: "",
      startDate: "",
      endDate: "",
      validityEndDate: "",
      contractScope: "",
      notes: "",
      linkedRfqOrItb: "",
      linkedPoNumber: "",
      linkedBidNumber: "",
    },
  })

  // 계약확정범위에 따른 품목정보 필드 비활성화 여부
  const watchedContractScope = form.watch("contractScope")
  const isItemsDisabled = watchedContractScope === '단가' || watchedContractScope === '물량(실적)'

  // 계약 데이터가 변경될 때 폼 초기화
  React.useEffect(() => {
    if (contract) {
      console.log("Loading contract data:", contract)
      
      // 날짜 포맷팅 헬퍼 (YYYY-MM-DD)
      const formatDateValue = (dateStr: string | null | undefined) => {
        if (!dateStr) return ""
        // KST 기준 날짜 변환 (입찰 로직과 동일)
        const date = new Date(dateStr)
        return new Date(date.getTime() + 9 * 60 * 60 * 1000).toISOString().slice(0, 10)
      }

      const formData = {
        category: contract.category || "",
        type: contract.type || "",
        executionMethod: contract.executionMethod || "",
        name: contract.name || "",
        startDate: formatDateValue(contract.startDate),
        endDate: formatDateValue(contract.endDate),
        validityEndDate: formatDateValue(contract.validityEndDate),
        contractScope: contract.contractScope || "",
        notes: contract.notes || "",
        linkedRfqOrItb: contract.linkedRfqOrItb || "",
        linkedPoNumber: contract.linkedPoNumber || "",
        linkedBidNumber: contract.linkedBidNumber || "",
      }
      console.log("Form data to reset:", formData)
      form.reset(formData)
    }
  }, [contract, form])

  const onSubmit = async (data: UpdateContractFormData) => {
    if (!contract) return

    try {
      setIsSubmitting(true)
      
      await updateContract(contract.id, {
        category: data.category,
        type: data.type,
        executionMethod: data.executionMethod,
        name: data.name,
        startDate: data.startDate,
        endDate: data.endDate,
        validityEndDate: data.validityEndDate,
        contractScope: data.contractScope,
        notes: data.notes,
        linkedRfqOrItb: data.linkedRfqOrItb,
        linkedPoNumber: data.linkedPoNumber,
        linkedBidNumber: data.linkedBidNumber,
        vendorId: contract.vendorId,
        lastUpdatedById: userId,
      })

      toast.success("계약 정보가 성공적으로 수정되었습니다.")
      onOpenChange(false)
      onSuccess?.()
    } catch (error) {
      console.error("Error updating contract:", error)
      toast.error("계약 정보 수정 중 오류가 발생했습니다.")
    } finally {
      setIsSubmitting(false)
    }
  }

  return (
    <Sheet open={open} onOpenChange={onOpenChange}>
      <SheetContent className="w-[800px] sm:max-w-[800px] flex flex-col" style={{width: 800, maxWidth: 800, height: '100vh'}}>
        <SheetHeader className="flex-shrink-0">
          <SheetTitle>계약 정보 수정</SheetTitle>
          <SheetDescription>
            계약의 기본 정보를 수정합니다. 변경사항은 즉시 저장됩니다.
          </SheetDescription>
        </SheetHeader>

        <div className="flex-1 overflow-y-auto min-h-0">
          <Form {...form}>
            <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6 h-full">
              <div className="grid gap-4 py-4">
              {/* 계약구분 */}
              <FormField
                control={form.control}
                name="category"
                render={({ field }) => (
                  <FormItem>
                    <FormLabel>계약구분 *</FormLabel>
                    <Select onValueChange={field.onChange} value={field.value}>
                      <FormControl>
                        <SelectTrigger>
                          <SelectValue placeholder="계약구분을 선택하세요" />
                        </SelectTrigger>
                      </FormControl>
                      <SelectContent>
                        {GENERAL_CONTRACT_CATEGORIES.map((category) => {
                          const categoryLabels = {
                            'unit_price': '단가계약',
                            'general': '일반계약',
                            'sale': '매각계약'
                          }
                          return (
                          <SelectItem key={category} value={category}>
                            {category} - {categoryLabels[category as keyof typeof categoryLabels]}
                          </SelectItem>
                        )})}
                      </SelectContent>
                    </Select>
                    <FormMessage />
                  </FormItem>
                )}
              />

              {/* 계약종류 */}
              <FormField
                control={form.control}
                name="type"
                render={({ field }) => (
                  <FormItem>
                    <FormLabel>계약종류 *</FormLabel>
                    <Select onValueChange={field.onChange} value={field.value}>
                      <FormControl>
                        <SelectTrigger>
                          <SelectValue placeholder="계약종류를 선택하세요" />
                        </SelectTrigger>
                      </FormControl>
                      <SelectContent>
                        {GENERAL_CONTRACT_TYPES.map((type) => {
                          const typeLabels = {
                            'UP': '자재단가계약',
                            'LE': '임대차계약',
                            'IL': '개별운송계약',
                            'AL': '연간운송계약',
                            'OS': '외주용역계약',
                            'OW': '도급계약',
                            'LO': 'LOI',
                            'FA': 'FA',
                            'SC': '납품합의계약',
                            'OF': '클레임상계계약',
                            'AW': '사전작업합의',
                            'AD': '사전납품합의',
                            'SG': '임치(물품보관)계약',
                            'SR': '폐기물매각계약',
                            'SP': 'S-PEpC'
                          }
                          return (
                          <SelectItem key={type} value={type}>
                            {type} - {typeLabels[type as keyof typeof typeLabels]}
                          </SelectItem>
                        )})}
                      </SelectContent>
                    </Select>
                    <FormMessage />
                    {field.value === 'SC' && (
                      <p className="text-sm text-blue-600 mt-1">
                        납품예정 품목 및 수량을 명기하세요. 납품 품목 또는 작업 내용은 구체적으로 작성하되, 수량(물량)이 정확하지 않을 경우, 상호협의하에 변경 가능하며, 수량(물량) 등은 개별계약(PO)시 명기하세요
                      </p>
                    )}
                  </FormItem>
                )}
              />

              {/* 계약번호 */}
              <div className="space-y-2">
                <label className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
                  계약번호
                </label>
                <Input
                  placeholder="계약번호"
                  value={contract?.contractNumber || ""}
                  readOnly
                  className="bg-gray-50"
                />
              </div>

              {/* 체결방식 */}
              <FormField
                control={form.control}
                name="executionMethod"
                render={({ field }) => (
                  <FormItem>
                    <FormLabel>체결방식 *</FormLabel>
                    <Select onValueChange={field.onChange} value={field.value}>
                      <FormControl>
                        <SelectTrigger>
                          <SelectValue placeholder="체결방식을 선택하세요" />
                        </SelectTrigger>
                      </FormControl>
                      <SelectContent>
                        {GENERAL_EXECUTION_METHODS.map((method) => {
                          const methodLabels = {
                            '전자계약': '전자계약',
                            '오프라인계약': '오프라인계약'
                          }
                          return (
                          <SelectItem key={method} value={method}>
                            {method} - {methodLabels[method as keyof typeof methodLabels]}
                          </SelectItem>
                        )})}
                      </SelectContent>
                    </Select>
                    <FormMessage />
                  </FormItem>
                )}
              />

              {/* 계약명 */}
              <FormField
                control={form.control}
                name="name"
                render={({ field }) => (
                  <FormItem>
                    <FormLabel>계약명 *</FormLabel>
                    <FormControl>
                      <Input placeholder="계약명을 입력하세요" {...field} />
                    </FormControl>
                    <FormMessage />
                  </FormItem>
                )}
              />

              {/* 협력업체명 + 코드 */}
              <div className="space-y-2">
                <label className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
                  협력업체
                </label>
                <Input
                  placeholder="협력업체명 + 코드"
                  value={contract?.vendorName ? `${contract.vendorName}${contract.vendorCode ? ` (${contract.vendorCode})` : ''}` : ""}
                  readOnly
                  className="bg-gray-50"
                />
              </div>

              {/* 계약시작일 */}
              <FormField
                control={form.control}
                name="startDate"
                render={({ field }) => (
                  <FormItem>
                    <FormLabel>
                      계약시작일
                      {!['AD', 'LO', 'OF'].includes(form.watch('type')) && <span className="text-red-600 ml-1">*</span>}
                    </FormLabel>
                    <FormControl>
                      <Input type="date" {...field} />
                    </FormControl>
                    <FormMessage />
                  </FormItem>
                )}
              />

              {/* 계약종료일 */}
              <FormField
                control={form.control}
                name="endDate"
                render={({ field }) => (
                  <FormItem>
                    <FormLabel>
                      계약종료일
                      {!['AD', 'LO', 'OF'].includes(form.watch('type')) && <span className="text-red-600 ml-1">*</span>}
                    </FormLabel>
                    <FormControl>
                      <Input type="date" {...field} />
                    </FormControl>
                    <FormMessage />
                  </FormItem>
                )}
              />

              {/* 유효기간종료일 */}
              <FormField
                control={form.control}
                name="validityEndDate"
                render={({ field }) => (
                  <FormItem>
                    <FormLabel>유효기간종료일</FormLabel>
                    <FormControl>
                      <Input type="date" {...field} />
                    </FormControl>
                    <FormMessage />
                  </FormItem>
                )}
              />

              {/* 계약확정범위 */}
              {/* <FormField
                control={form.control}
                name="contractScope"
                render={({ field }) => (
                  <FormItem>
                    <FormLabel>계약확정범위</FormLabel>
                    <Select onValueChange={field.onChange} value={field.value}>
                      <FormControl>
                        <SelectTrigger>
                          <SelectValue placeholder="계약확정범위를 선택하세요" />
                        </SelectTrigger>
                      </FormControl>
                      <SelectContent>
                        <SelectItem value="단가">단가</SelectItem>
                        <SelectItem value="금액">금액</SelectItem>
                        <SelectItem value="물량(실적)">물량(실적)</SelectItem>
                      </SelectContent>
                    </Select>
                    <FormMessage />
                    <p className="text-sm text-muted-foreground">
                      해당 계약으로 확정되는 범위를 선택하세요.
                    </p>
                  </FormItem>
                )}
              /> */}

              {/* 비고 */}
              <FormField
                control={form.control}
                name="notes"
                render={({ field }) => (
                  <FormItem>
                    <FormLabel>비고</FormLabel>
                    <FormControl>
                      <Textarea
                        placeholder="비고를 입력하세요"
                        className="min-h-[100px]"
                        {...field}
                      />
                    </FormControl>
                    <FormMessage />
                  </FormItem>
                )}
              />
              </div>

              <SheetFooter className="flex-shrink-0 mt-6">
                <Button
                  type="button"
                  variant="outline"
                  onClick={() => onOpenChange(false)}
                  disabled={isSubmitting}
                >
                  취소
                </Button>
                <Button type="submit" disabled={isSubmitting}>
                  {isSubmitting ? "수정 중..." : "수정"}
                </Button>
              </SheetFooter>
            </form>
          </Form>
        </div>
      </SheetContent>
    </Sheet>
  )
}