'use client';

import { use, useEffect } from 'react';
import { useRouter, useSearchParams } from 'next/navigation';

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

/**
 * V2 하위 호환성: /[id]/edit → /[id]?mode=edit 리다이렉트
 * 기존 쿼리 파라미터(type, id)는 유지
 */
export default function ItemEditPage({ params }: PageProps) {
  const { id } = use(params);
  const router = useRouter();
  const searchParams = useSearchParams();

  useEffect(() => {
    // 기존 쿼리 파라미터 유지하면서 mode=edit 추가
    const type = searchParams.get('type') || 'FG';
    const itemId = searchParams.get('id') || '';

    router.replace(`/production/screen-production/${id}?type=${type}&id=${itemId}&mode=edit`);
  }, [id, router, searchParams]);

  return (
    <div className="flex items-center justify-center min-h-[400px]">
      <div className="text-muted-foreground">리다이렉트 중...</div>
    </div>
  );
}
