import { apiFetch } from "./api.js";
import { dom } from "./dom.js";
import { state } from "./state.js";
import { loadUnits } from "./units.js";

const SIGNAL_ROLES = ["rem", "run", "flt"];
const ROLE_LABELS = { rem: "REM", run: "RUN", flt: "FLT" };

function isSignalOn(quality, valueText) {
  if (!quality || quality.toLowerCase() !== "good") return false;
  const v = String(valueText ?? "").trim().toLowerCase();
  return v === "1" || v === "true" || v === "on";
}

export function sigPillClass(role, quality, valueText) {
  if (!quality || quality.toLowerCase() !== "good") return "sig-pill sig-warn";
  const on = isSignalOn(quality, valueText);
  if (!on) return "sig-pill";
  return role === "flt" ? "sig-pill sig-fault" : "sig-pill sig-on";
}

function runtimeBadge(runtime) {
  if (!runtime) return '<span class="badge offline">OFFLINE</span>';
  if (runtime.comm_locked) return '<span class="badge offline">COMM ERR</span>';
  if (runtime.fault_locked) return '<span class="badge danger">FAULT</span>';
  const labels = { stopped: "STOPPED", running: "RUNNING", distributor_running: "DIST RUN", fault_locked: "FAULT", comm_locked: "COMM ERR" };
  const cls = { stopped: "", running: "online", distributor_running: "online", fault_locked: "danger", comm_locked: "offline" };
  return `<span class="badge ${cls[runtime.state] ?? ""}">${labels[runtime.state] ?? runtime.state}</span>`;
}

export function renderOpsUnits() {
  if (!dom.opsUnitList) return;
  dom.opsUnitList.innerHTML = "";

  if (!state.units.length) {
    dom.opsUnitList.innerHTML = '<div class="muted" style="padding:12px">暂无控制单元</div>';
    return;
  }

  state.units.forEach((unit) => {
    const runtime = state.runtimes.get(unit.id);
    const item = document.createElement("div");
    item.className = `ops-unit-item${state.selectedOpsUnitId === unit.id ? " selected" : ""}`;
    item.innerHTML = `
      <div class="ops-unit-item-name">${unit.code} / ${unit.name}</div>
      <div class="ops-unit-item-meta">
        ${runtimeBadge(runtime)}
        <span class="badge ${unit.enabled ? "" : "offline"}">${unit.enabled ? "EN" : "DIS"}</span>
        ${runtime ? `<span class="muted">Acc ${Math.floor(runtime.display_acc_sec / 1000)}s</span>` : ""}
      </div>
      <div class="ops-unit-item-actions"></div>
    `;
    item.addEventListener("click", () => selectOpsUnit(unit.id));

    const actions = item.querySelector(".ops-unit-item-actions");

    const isAutoOn = runtime?.auto_enabled;
    const startBlocked = !isAutoOn && (runtime?.fault_locked || runtime?.manual_ack_required);
    const autoBtn = document.createElement("button");
    autoBtn.className = isAutoOn ? "danger" : "secondary";
    autoBtn.textContent = isAutoOn ? "Stop Auto" : "Start Auto";
    autoBtn.disabled = startBlocked;
    autoBtn.title = startBlocked
      ? (runtime?.fault_locked ? "设备故障中，无法启动自动控制" : "需人工确认故障后才可启动自动控制")
      : (isAutoOn ? "停止自动控制" : "启动自动控制");
    autoBtn.addEventListener("click", (e) => {
      e.stopPropagation();
      apiFetch(`/api/control/unit/${unit.id}/${isAutoOn ? "stop-auto" : "start-auto"}`, { method: "POST" })
        .then(() => loadUnits()).catch(() => {});
    });
    actions.append(autoBtn);

    if (runtime?.manual_ack_required) {
      const ackBtn = document.createElement("button");
      ackBtn.className = "danger";
      ackBtn.textContent = "Ack Fault";
      ackBtn.title = "人工确认解除故障锁定";
      ackBtn.addEventListener("click", (e) => {
        e.stopPropagation();
        apiFetch(`/api/control/unit/${unit.id}/ack-fault`, { method: "POST" })
          .then(() => loadUnits()).catch(() => {});
      });
      actions.append(ackBtn);
    }

    dom.opsUnitList.appendChild(item);
  });
}

function selectOpsUnit(unitId) {
  state.selectedOpsUnitId = unitId === state.selectedOpsUnitId ? null : unitId;
  renderOpsUnits();
  state.opsPointEls.clear();

  if (!state.selectedOpsUnitId) {
    renderOpsEquipments(state.units.flatMap((u) => u.equipments || []));
    return;
  }

  const unit = state.unitMap.get(unitId);
  renderOpsEquipments(unit ? (unit.equipments || []) : []);
}

export function loadAllEquipmentCards() {
  if (!dom.opsEquipmentArea) return;
  state.opsPointEls.clear();
  renderOpsEquipments(state.units.flatMap((u) => u.equipments || []));
}

function renderOpsEquipments(equipments) {
  dom.opsEquipmentArea.innerHTML = "";
  state.opsUnitSyncFns.clear();

  if (!equipments.length) {
    dom.opsEquipmentArea.innerHTML = '<div class="muted ops-placeholder">该单元下暂无设备</div>';
    return;
  }

  equipments.forEach((eq) => {
    const card = document.createElement("div");
    card.className = "ops-eq-card";

    const roleMap = {};
    (eq.role_points || []).forEach((p) => { roleMap[p.signal_role] = p; });

    // Signal pills — one pill per bound role, text label inside
    const signalRowsHtml = SIGNAL_ROLES.map((role) => {
      const point = roleMap[role];
      if (!point) return "";
      return `<span class="sig-pill sig-warn" data-ops-dot="${point.point_id}" data-ops-role="${role}">${ROLE_LABELS[role] || role}</span>`;
    }).join("");

    const canControl = eq.kind === "coal_feeder" || eq.kind === "distributor";
    const unitId = eq.unit_id ?? null;

    card.innerHTML = `
      <div class="ops-eq-card-head">
        <strong title="${eq.name}">${eq.code}</strong>
        <span class="badge">${eq.kind || "--"}</span>
      </div>
      <div class="ops-signal-rows">${signalRowsHtml || '<span class="muted" style="font-size:11px;padding:2px 0">无绑定信号</span>'}</div>
      ${canControl ? `<div class="ops-eq-card-actions" data-unit-id="${unitId || ""}"></div>` : ""}
    `;

    let syncBtns = null;

    if (canControl) {
      const actions = card.querySelector(".ops-eq-card-actions");
      const remPointId = roleMap["rem"]?.point_id ?? null;
      const fltPointId = roleMap["flt"]?.point_id ?? null;

      const startBtn = document.createElement("button");
      startBtn.className = "secondary";
      startBtn.textContent = "Start";
      startBtn.addEventListener("click", () =>
        apiFetch(`/api/control/equipment/${eq.id}/start`, { method: "POST" }).catch(() => {})
      );
      const stopBtn = document.createElement("button");
      stopBtn.className = "danger";
      stopBtn.textContent = "Stop";
      stopBtn.addEventListener("click", () =>
        apiFetch(`/api/control/equipment/${eq.id}/stop`, { method: "POST" }).catch(() => {})
      );
      actions.append(startBtn, stopBtn);

      syncBtns = function () {
        const autoOn = !!(unitId && state.runtimes.get(unitId)?.auto_enabled);
        const remSig = remPointId ? state.opsSignalCache.get(remPointId) : null;
        const fltSig = fltPointId ? state.opsSignalCache.get(fltPointId) : null;
        const remOk = !remPointId || isSignalOn(remSig?.quality, remSig?.value_text);
        const fltActive = !!(fltPointId && isSignalOn(fltSig?.quality, fltSig?.value_text));
        const disabled = autoOn || !remOk || fltActive;
        const title = autoOn ? "自动控制运行中，请先停止自动"
          : !remOk ? "设备未切换至远程模式"
          : fltActive ? "设备故障中"
          : "";
        startBtn.disabled = disabled;
        stopBtn.disabled = disabled;
        startBtn.title = title;
        stopBtn.title = title;
      };
    }

    dom.opsEquipmentArea.appendChild(card);

    // Register pills for WS updates; seed signal cache from initial point_monitor data
    SIGNAL_ROLES.forEach((role) => {
      const point = roleMap[role];
      if (!point) return;
      const pillEl = card.querySelector(`[data-ops-dot="${point.point_id}"]`);
      if (!pillEl) return;
      if (point.point_monitor) {
        const m = point.point_monitor;
        state.opsSignalCache.set(point.point_id, { quality: m.quality, value_text: m.value_text });
        pillEl.className = sigPillClass(role, m.quality, m.value_text);
      }
      const isSyncRole = canControl && (role === "rem" || role === "flt");
      state.opsPointEls.set(point.point_id, { pillEl, syncBtns: isSyncRole ? syncBtns : null });
    });

    if (canControl) {
      syncBtns();
      if (unitId) {
        if (!state.opsUnitSyncFns.has(unitId)) state.opsUnitSyncFns.set(unitId, new Set());
        state.opsUnitSyncFns.get(unitId).add(syncBtns);
      }
    }
  });
}

export function startOps() {
  renderOpsUnits();

  dom.batchStartAutoBtn?.addEventListener("click", () => {
    apiFetch("/api/control/unit/batch-start-auto", { method: "POST" })
      .then(() => loadUnits())
      .catch(() => {});
  });

  dom.batchStopAutoBtn?.addEventListener("click", () => {
    apiFetch("/api/control/unit/batch-stop-auto", { method: "POST" })
      .then(() => loadUnits())
      .catch(() => {});
  });
}

/** Called by WS handler when a unit's runtime changes — re-evaluates all equipment button states. */
export function syncEquipmentButtonsForUnit(unitId) {
  state.opsUnitSyncFns.get(unitId)?.forEach((fn) => fn());
}