"use client";

import React from "react";
import { AutocompleteSearchInputComponent } from "@/lib/registry/components/autocomplete-search-input";

/**
 * 수주 등록 전용 거래처 검색 컴포넌트
 * 
 * 이 컴포넌트는 수주 등록 화면 전용이며, 설정이 고정되어 있습니다.
 * 범용 AutocompleteSearchInput과 달리 customer_mng 테이블만 조회합니다.
 */

interface OrderCustomerSearchProps {
  /** 현재 선택된 거래처 코드 */
  value: string;
  /** 거래처 선택 시 콜백 (거래처 코드, 전체 데이터) */
  onChange: (customerCode: string | null, fullData?: any) => void;
  /** 비활성화 여부 */
  disabled?: boolean;
}

export function OrderCustomerSearch({
  value,
  onChange,
  disabled = false,
}: OrderCustomerSearchProps) {
  return (
    <AutocompleteSearchInputComponent
      // 고정 설정 (수주 등록 전용)
      tableName="customer_mng"
      displayField="customer_name"
      valueField="customer_code"
      searchFields={[
        "customer_name",
        "customer_code",
        "business_number",
      ]}
      placeholder="거래처명 입력하여 검색"
      showAdditionalInfo
      additionalFields={["customer_code", "address", "contact_phone"]}
      
      // 외부에서 제어 가능한 prop
      value={value}
      onChange={onChange}
      disabled={disabled}
    />
  );
}