'use client';

/**
 * 품목 상세/수정 페이지 (Client Component)
 * V2 패턴: ?mode=edit로 수정 모드 전환
 */

import { use } from 'react';
import { useSearchParams } from 'next/navigation';
import { ItemDetailView } from '@/components/items/ItemDetailView';
import { ItemDetailEdit } from '@/components/items/ItemDetailEdit';

interface PageProps {
  params: Promise<{ id: string }>;
}

export default function ItemDetailPage({ params }: PageProps) {
  const { id } = use(params);
  const searchParams = useSearchParams();

  // URL에서 type, id, mode 쿼리 파라미터 읽기
  const itemType = searchParams.get('type') || 'FG';
  const itemId = searchParams.get('id') || '';
  const mode = searchParams.get('mode') === 'edit' ? 'edit' : 'view';

  // 품목 코드 디코딩
  const itemCode = decodeURIComponent(id);

  if (mode === 'edit') {
    return <ItemDetailEdit itemCode={itemCode} itemType={itemType} itemId={itemId} />;
  }

  return <ItemDetailView itemCode={itemCode} itemType={itemType} itemId={itemId} />;
}
