/**
 * 견적 상세/수정 페이지 (V2 UI)
 *
 * IntegratedDetailTemplate + QuoteRegistrationV2
 * URL 패턴:
 * - /quote-management/[id] → 상세 보기 (view)
 * - /quote-management/[id]?mode=edit → 수정 모드 (edit)
 */

"use client";

import { useRouter, useParams, useSearchParams } from "next/navigation";
import { useState, useEffect, useMemo, useCallback } from "react";
import { QuoteRegistrationV2, QuoteFormDataV2 } from "@/components/quotes/QuoteRegistrationV2";
import { IntegratedDetailTemplate } from "@/components/templates/IntegratedDetailTemplate";
import { quoteConfig } from "@/components/quotes/quoteConfig";
import { Badge } from "@/components/ui/badge";
import { toast } from "sonner";
import { getQuoteById, updateQuote, finalizeQuote, calculateBomBulk, BomCalculateItem } from "@/components/quotes/actions";
import { transformApiToV2, transformV2ToApi } from "@/components/quotes/types";

export default function QuoteDetailPage() {
  const router = useRouter();
  const params = useParams();
  const searchParams = useSearchParams();
  const quoteId = params.id as string;

  // mode 체크
  const mode = searchParams.get("mode") || "view";
  const isEditMode = mode === "edit";

  const [quote, setQuote] = useState<QuoteFormDataV2 | null>(null);
  const [isLoading, setIsLoading] = useState(true);
  const [isSaving, setIsSaving] = useState(false);

  useEffect(() => {
    const loadQuote = async () => {
      setIsLoading(true);
      try {
        const result = await getQuoteById(quoteId);

        if (!result.success || !result.data) {
          toast.error(result.error || "견적 정보를 불러오는데 실패했습니다.");
          router.push("/sales/quote-management");
          return;
        }

        // API 응답을 V2 폼 데이터로 변환
        const v2Data = transformApiToV2(result.data as unknown as Parameters<typeof transformApiToV2>[0]);

        // bomResult 없는 개소가 있으면 자동 재계산
        const locationsNeedingRecalc = v2Data.locations.filter(
          loc => !loc.bomResult && loc.productCode && loc.openWidth > 0 && loc.openHeight > 0
        );

        if (locationsNeedingRecalc.length > 0) {
          console.log("[QuoteDetailPage] BOM 재계산 필요:", locationsNeedingRecalc.length, "개");

          // BOM 계산 요청 데이터 생성
          const bomItems: BomCalculateItem[] = locationsNeedingRecalc.map(loc => ({
            finished_goods_code: loc.productCode,
            openWidth: loc.openWidth,
            openHeight: loc.openHeight,
            quantity: loc.quantity,
            guideRailType: loc.guideRailType,
            motorPower: loc.motorPower,
            controller: loc.controller,
            wingSize: loc.wingSize,
            inspectionFee: loc.inspectionFee,
          }));

          const calcResult = await calculateBomBulk(bomItems);

          if (calcResult.success && calcResult.data?.items) {
            console.log("[QuoteDetailPage] BOM 재계산 성공:", calcResult.data.items.length, "개");

            // 재계산 결과를 locations에 적용
            const updatedLocations = v2Data.locations.map((loc, index) => {
              // productCode가 있고 bomResult가 없는 경우에만 업데이트
              if (!loc.bomResult && loc.productCode) {
                const calcItem = calcResult.data?.items.find(
                  item => item.finished_goods_code === loc.productCode
                );
                if (calcItem?.result) {
                  return { ...loc, bomResult: calcItem.result };
                }
              }
              return loc;
            });

            v2Data.locations = updatedLocations;
          } else {
            console.log("[QuoteDetailPage] BOM 재계산 실패 또는 결과 없음");
          }
        }

        setQuote(v2Data);
      } catch (error) {
        console.error("[QuoteDetailPage] 로드 오류:", error);
        toast.error("견적 정보를 불러오는데 실패했습니다.");
        router.push("/sales/quote-management");
      } finally {
        setIsLoading(false);
      }
    };

    if (quoteId) {
      loadQuote();
    }
  }, [quoteId, router]);

  const handleBack = useCallback(() => {
    router.push("/sales/quote-management");
  }, [router]);

  // 수정 모드로 전환 핸들러
  const handleEdit = useCallback(() => {
    router.push(`/sales/quote-management/${quoteId}?mode=edit`);
  }, [router, quoteId]);

  // 수주등록 페이지로 이동 핸들러
  const handleOrderRegister = useCallback(() => {
    router.push(`/sales/order-management-sales/new?quoteId=${quoteId}`);
  }, [router, quoteId]);

  // 수정 저장 핸들러
  const handleSave = useCallback(async (data: QuoteFormDataV2, saveType: "temporary" | "final") => {
    setIsSaving(true);
    try {
      // V2 폼 데이터를 API 형식으로 변환
      const apiData = transformV2ToApi(data);
      // status와 is_final은 finalizeQuote API가 담당하므로 제거
      delete (apiData as Record<string, unknown>).status;
      delete (apiData as Record<string, unknown>).is_final;

      console.log("[QuoteDetailPage] 수정 데이터:", apiData);
      console.log("[QuoteDetailPage] 저장 타입:", saveType);
      console.log("[QuoteDetailPage] 현재 모드:", isEditMode ? "edit" : "view");

      // 1. 먼저 데이터 저장 (status는 변경하지 않음)
      const updateResult = await updateQuote(quoteId, apiData);

      if (!updateResult.success) {
        toast.error(updateResult.error || "저장 중 오류가 발생했습니다.");
        return;
      }

      // 2. 견적 확정인 경우 finalize API 호출 (status 변경은 여기서 처리)
      if (saveType === "final") {
        const finalizeResult = await finalizeQuote(quoteId);

        if (!finalizeResult.success) {
          toast.error(finalizeResult.error || "견적 확정 중 오류가 발생했습니다.");
          return;
        }

        toast.success("견적이 확정되었습니다.");
      } else {
        toast.success("저장되었습니다.");
      }

      if (isEditMode) {
        // edit 모드에서 저장 후 view 모드로 전환
        router.push(`/sales/quote-management/${quoteId}`);
      } else {
        // view 모드에서 최종저장 후 페이지 새로고침 (데이터 갱신)
        router.refresh();
      }
    } catch (error) {
      console.error("[QuoteDetailPage] 저장 오류:", error);
      toast.error("저장 중 오류가 발생했습니다.");
    } finally {
      setIsSaving(false);
    }
  }, [router, quoteId, isEditMode]);

  // 동적 config (모드별 타이틀)
  // 참고: IntegratedDetailTemplate에서 mode에 따라 자동으로 "등록/수정" suffix 추가됨
  const dynamicConfig = useMemo(() => {
    return {
      ...quoteConfig,
      title: '견적',
    };
  }, []);

  // 커스텀 헤더 액션 (상태 뱃지)
  const customHeaderActions = useMemo(() => {
    if (!quote) return null;
    return (
      <Badge variant={quote.status === "final" ? "default" : quote.status === "temporary" ? "secondary" : "outline"}>
        {quote.status === "final" ? "견적 확정" : quote.status === "temporary" ? "저장됨" : "작성중"}
      </Badge>
    );
  }, [quote]);

  // 폼 콘텐츠 렌더링
  const renderFormContent = useCallback(() => {
    return (
      <QuoteRegistrationV2
        mode={isEditMode ? "edit" : "view"}
        onBack={handleBack}
        onSave={handleSave}
        onEdit={handleEdit}
        onOrderRegister={handleOrderRegister}
        initialData={quote}
        isLoading={isSaving}
        hideHeader={true}
      />
    );
  }, [isEditMode, handleBack, handleSave, handleEdit, handleOrderRegister, quote, isSaving]);

  // IntegratedDetailTemplate 사용
  return (
    <IntegratedDetailTemplate
      config={dynamicConfig}
      mode={isEditMode ? "edit" : "view"}
      initialData={quote || {}}
      itemId={quoteId}
      isLoading={isLoading}
      headerActions={customHeaderActions}
      renderView={() => renderFormContent()}
      renderForm={() => renderFormContent()}
    />
  );
}