/* =============================================================================
 * B05_Profile_UI_Panel_Recommend.ts
 * 좌측 「노선 추천」 칸 재료(345-4 · 지운 「계획노선」 자리) — [노선 추천] 단추 · 「현재 추천: ○○」 ·
 * [초기화]. 노선 편집 머리에 있던 것을 옮겼다. 동작(추천 창 · 초기값 싣기)은 편집기의
 * `_RouteEdit_Initial` 이 이 요소를 받아 건다 — 여기는 생김새만.
 * ========================================================================== */

export interface RecommendPart {
  recommendButton: HTMLButtonElement;
  resetButton: HTMLButtonElement;
  nowLine: HTMLElement;
  /** 칸 몸 — 화면 순서대로. */
  nodes: HTMLElement[];
}

export function createRecommendPart(): RecommendPart {
  const nowLine = document.createElement("span");
  nowLine.className = "b05-routeedit__rec-now";
  const actions = document.createElement("div");
  actions.className = "b05-route__rec-actions";
  actions.innerHTML = `
    <button type="button" class="ui-btn ui-btn--ghost" data-act="recommend" disabled
      title="예상노선 추적 · 영선 · 토공 최소 · 기울기 최소 · 비중 계산 중 하나로 노선을 추천받아 미리 봅니다 — [적용]은 평면에 되돌리기 한 칸">노선 추천</button>
    <button type="button" class="ui-btn ui-btn--ghost" data-act="reset" disabled
      title="전처리 때 만든 초기값 노선(예상노선 추적)으로 되돌립니다 — 다시 계산은 [노선 반영]에서">초기화</button>`;
  const recommendButton = actions.querySelector<HTMLButtonElement>('[data-act="recommend"]')!;
  const resetButton = actions.querySelector<HTMLButtonElement>('[data-act="reset"]')!;
  return { recommendButton, resetButton, nowLine, nodes: [nowLine, actions] };
}