/* =============================================================================
 * formula_doc_options.ts
 * 수식 문서 옵션 가로(PLAN 802-3 · 802-4b-2 · 요구 655 「옵션 선택은 상단에 수평」) — 선택 · 입력 기호마다 칸 하나
 *   값 = 화면 값(`given`) › 문서 값 · 고침은 부른 쪽 `set`(M01 = 화면 값만 · M02 사본 = 문서 값) · `lock` = 읽기만
 *   목록이 모두 기계 원문번호(`0101-0007`)면 글 = 「이름 규격 (원문번호)」(요구 692-2 · 값은 그대로 · 이름은 한 번 받아 둠)
 * ========================================================================== */

import { createInputField, createSelectField } from "@ui/ui_template_input";
import { varId, type DocVar, type FormulaDoc } from "../common_util/common_util_formula_doc";
import { cfMachineNames } from "../M02_MasterTemplete/DataFlow/M02_DF_Api";

const MACHINE = /^\d{4}-\d{4}$/;
let names: Record<string, string> = {};

/** 고르기 글 — 기계 원문번호는 이름 · 규격을 앞에 */
export const optionText = (x: string, known: Record<string, string> = names): string =>
  known[x] ? `${known[x]} (${x})` : x;

/** 목록이 모두 원문번호(빈 칸 빼고)면 이름을 받아 `redraw`(글만 다시) — 수식 탭 옵션 · 단가산출 상세 옵션 */
export function nameMachines(list: string[], redraw: () => void): void {
  const codes = list.filter(Boolean);
  if (codes.length && codes.every((x) => MACHINE.test(x)) && codes.some((x) => !(x in names)))
    void cfMachineNames().then((got) => {
      names = got;
      redraw();
    });
}

export function buildOptions(
  doc: FormulaDoc | null,
  given: Record<string, unknown>,
  lock: boolean,
  set: (key: string, v: DocVar, value: unknown) => void,
): HTMLElement[] {
  const out: HTMLElement[] = [];
  for (const v of doc?.변수 ?? []) {
    const kind = v.연결?.갈래;
    const k = v.열쇠;
    if (!k || (kind !== "선택" && kind !== "입력")) continue;
    const label = v.이름 || varId(v);
    const now = k in given ? given[k] : v.연결?.값;
    if (kind === "선택") {
      const list = (v.연결?.목록 ?? []).map(String);
      const items = () => list.map((x) => ({ value: x, text: optionText(x) }));
      const f = createSelectField({
        label,
        options: items(),
        value: String(now ?? ""),
        compact: true,
        size: 28,
        disabled: lock,
        onChange: (x) => set(k, v, x),
      });
      f.root.dataset.option = k;
      nameMachines(list, () => f.setOptions(items(), f.select.value));
      out.push(f.root);
    } else {
      const f = createInputField({
        label,
        value: now === undefined || now === null ? "" : String(now),
        compact: true,
        size: 28,
        unit: v.단위 || undefined,
      });
      f.input.disabled = lock;
      f.input.addEventListener("change", () => {
        const t = f.input.value.trim();
        const n = Number(t.replace(/,/g, ""));
        set(k, v, t !== "" && Number.isFinite(n) ? n : t);
      });
      f.root.dataset.option = k;
      out.push(f.root);
    }
  }
  return out;
}