/**
 * 中控振幅统计:OKX ETH/BTC 时段点数振幅 + 买跨对照.
 */
(function () {
  const page = document.getElementById("page-amp-stats");
  if (!page) return;

  let lastResult = null;
  let pageNo = 1;
  let bound = false;
  let straddleTimer = null;

  const el = (id) => document.getElementById(id);

  async function apiFetch(url, opts) {
    const r = await fetch(url, { credentials: "same-origin", ...(opts || {}) });
    const ct = (r.headers.get("content-type") || "").toLowerCase();
    if (ct.includes("application/json")) {
      const data = await r.json();
      if (!r.ok) throw new Error((data && (data.detail || data.msg)) || r.statusText || "请求失败");
      return data;
    }
    if (!r.ok) throw new Error(r.statusText || "请求失败");
    return r;
  }

  function esc(s) {
    return String(s ?? "")
      .replace(/&/g, "&")
      .replace(/</g, "&lt;")
      .replace(/>/g, "&gt;")
      .replace(/"/g, "&quot;");
  }

  function pct(ratio) {
    if (ratio == null || ratio === "") return "—";
    const n = Number(ratio);
    if (!Number.isFinite(n)) return "—";
    return (n * 100).toFixed(1) + "%";
  }

  function readPremium() {
    const raw = (el("amp-straddle-premium")?.value || "").trim();
    if (!raw) return null;
    const n = Number(raw);
    if (!Number.isFinite(n) || n <= 0) return null;
    return n;
  }

  function setStatus(msg) {
    const s = el("amp-status");
    if (s) s.textContent = msg || "";
  }

  function setView(view) {
    const isHist = view === "history";
    el("amp-panel-stats")?.classList.toggle("hidden", isHist);
    el("amp-panel-history")?.classList.toggle("hidden", !isHist);
    page.querySelectorAll(".amp-view-tab").forEach((btn) => {
      const on = btn.getAttribute("data-view") === view;
      btn.classList.toggle("is-active", on);
      btn.setAttribute("aria-selected", on ? "true" : "false");
    });
    if (isHist) void loadHistory();
  }

  function syncCustomDays() {
    const period = el("amp-period")?.value || "2m";
    const wrap = el("amp-custom-wrap");
    if (wrap) wrap.classList.toggle("hidden", period !== "custom");
  }

  function fillMetaControls() {
    const hourSel = el("amp-start-hour");
    if (hourSel && !hourSel.options.length) {
      for (let h = 0; h < 24; h++) {
        const opt = document.createElement("option");
        opt.value = String(h);
        opt.textContent = String(h).padStart(2, "0") + ":00";
        if (h === 16) opt.selected = true;
        hourSel.appendChild(opt);
      }
    }
  }

  function pnlClass(v) {
    const n = Number(v);
    if (!Number.isFinite(n) || n === 0) return "";
    return n > 0 ? "is-pos" : "is-neg";
  }

  function renderSummary(summary, result) {
    const box = el("amp-summary");
    if (!box) return;
    const s = summary || {};
    if (!s.sample_count) {
      box.innerHTML = '<p class="amp-empty">暂无汇总</p>';
      renderStraddle(null);
      return;
    }
    box.innerHTML =
      `<div class="amp-sum-grid">` +
      `<div><span class="amp-sum-k">样本</span><span class="amp-sum-v">${esc(s.sample_count)}</span></div>` +
      `<div><span class="amp-sum-k">最大振幅</span><span class="amp-sum-v">${esc(s.max_amplitude)} <small>(${esc(s.max_amplitude_day)})</small></span></div>` +
      `<div><span class="amp-sum-k">振幅均值</span><span class="amp-sum-v">${esc(s.avg_amplitude)}</span></div>` +
      `<div><span class="amp-sum-k">振幅中位</span><span class="amp-sum-v">${esc(s.median_amplitude)}</span></div>` +
      `<div><span class="amp-sum-k">开→高最大/均</span><span class="amp-sum-v">${esc(s.max_up_points)} / ${esc(s.avg_up_points)}</span></div>` +
      `<div><span class="amp-sum-k">开→低最大/均</span><span class="amp-sum-v">${esc(s.max_down_points)} / ${esc(s.avg_down_points)}</span></div>` +
      `<div><span class="amp-sum-k">涨/跌窗占比</span><span class="amp-sum-v">${esc(s.up_day_ratio)} / ${esc(s.down_day_ratio)}</span></div>` +
      `<div><span class="amp-sum-k">价源</span><span class="amp-sum-v">${esc(result && result.price_source)}</span></div>` +
      `</div>`;
    renderStraddle(s.straddle);
  }

  function renderStraddle(st) {
    const box = el("amp-straddle");
    if (!box) return;
    if (!st) {
      box.innerHTML = '<p class="amp-empty">填写「买跨·双边权利金」后计算，可看越过天数与买跨点数盈亏</p>';
      return;
    }
    const verdict =
      st.pnl_total == null
        ? "—"
        : Number(st.pnl_total) > 0
          ? "样本合计盈利"
          : Number(st.pnl_total) < 0
            ? "样本合计亏损"
            : "样本合计持平";
    box.innerHTML =
      `<div class="amp-sum-grid">` +
      `<div><span class="amp-sum-k">双边权利金</span><span class="amp-sum-v">${esc(st.premium)}</span></div>` +
      `<div><span class="amp-sum-k">开→高超过</span><span class="amp-sum-v">${esc(st.up_exceed_days)} 天 · ${esc(pct(st.up_exceed_ratio))}</span></div>` +
      `<div><span class="amp-sum-k">开→低超过</span><span class="amp-sum-v">${esc(st.down_exceed_days)} 天 · ${esc(pct(st.down_exceed_ratio))}</span></div>` +
      `<div><span class="amp-sum-k">|涨跌|超过</span><span class="amp-sum-v">${esc(st.abs_change_exceed_days)} 天 · ${esc(pct(st.abs_change_exceed_ratio))}</span></div>` +
      `<div><span class="amp-sum-k">买跨盈亏合计</span><span class="amp-sum-v ${pnlClass(st.pnl_total)}">${esc(st.pnl_total)} <small>(${esc(verdict)})</small></span></div>` +
      `<div><span class="amp-sum-k">日均盈亏</span><span class="amp-sum-v ${pnlClass(st.pnl_avg)}">${esc(st.pnl_avg)}</span></div>` +
      `<div><span class="amp-sum-k">赚钱天数/胜率</span><span class="amp-sum-v">${esc(st.win_days)} · ${esc(pct(st.win_ratio))}</span></div>` +
      `<div><span class="amp-sum-k">单日最大赚/亏</span><span class="amp-sum-v">${esc(st.pnl_max)} / ${esc(st.pnl_min)}</span></div>` +
      `</div>`;
  }

  function renderTable(pagePayload) {
    const body = el("amp-table-body");
    const pager = el("amp-pager");
    if (!body) return;
    const rows = (pagePayload && pagePayload.rows) || [];
    if (!rows.length) {
      body.innerHTML = '<tr><td colspan="11" class="amp-empty">暂无数据</td></tr>';
    } else {
      body.innerHTML = rows
        .map(
          (r) =>
            `<tr>` +
            `<td>${esc(r.settlement_day)}</td>` +
            `<td>${esc(r.window_start)}</td>` +
            `<td>${esc(r.open)}</td>` +
            `<td>${esc(r.high)}</td>` +
            `<td>${esc(r.low)}</td>` +
            `<td>${esc(r.close)}</td>` +
            `<td>${esc(r.up_points)}</td>` +
            `<td>${esc(r.down_points)}</td>` +
            `<td><strong>${esc(r.amplitude)}</strong></td>` +
            `<td>${esc(r.change)}</td>` +
            `</tr>`
        )
        .join("");
    }
    if (pager && pagePayload) {
      pager.innerHTML =
        `<button type="button" class="ghost" id="amp-page-prev" ${pagePayload.page <= 1 ? "disabled" : ""}>上一页</button>` +
        `<span class="amp-pager-meta">第 ${esc(pagePayload.page)} / ${esc(pagePayload.total_pages)} 页 · 共 ${esc(pagePayload.total)} 天</span>` +
        `<button type="button" class="ghost" id="amp-page-next" ${pagePayload.page >= pagePayload.total_pages ? "disabled" : ""}>下一页</button>`;
      el("amp-page-prev")?.addEventListener("click", () => {
        if (pageNo > 1) {
          pageNo -= 1;
          void compute(false);
        }
      });
      el("amp-page-next")?.addEventListener("click", () => {
        if (pagePayload.page < pagePayload.total_pages) {
          pageNo += 1;
          void compute(false);
        }
      });
    }
  }

  async function applyStraddleOnly() {
    if (!lastResult || !Array.isArray(lastResult.rows)) {
      renderStraddle(null);
      return;
    }
    const prem = readPremium();
    if (prem == null) {
      if (lastResult.summary) lastResult.summary.straddle = null;
      lastResult.straddle_premium = null;
      renderStraddle(null);
      return;
    }
    try {
      const data = await apiFetch("/api/amp-stats/straddle", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({ rows: lastResult.rows, straddle_premium: prem }),
      });
      const st = data.straddle || null;
      if (!lastResult.summary) lastResult.summary = {};
      lastResult.summary.straddle = st;
      lastResult.straddle_premium = prem;
      renderStraddle(st);
    } catch (e) {
      setStatus(String(e && e.message ? e.message : e));
    }
  }

  function scheduleStraddleRefresh() {
    if (straddleTimer) clearTimeout(straddleTimer);
    straddleTimer = setTimeout(() => void applyStraddleOnly(), 280);
  }

  async function compute(resetPage) {
    if (resetPage) pageNo = 1;
    const symbol = el("amp-symbol")?.value || "eth";
    const startHour = Number(el("amp-start-hour")?.value || 16);
    const period = el("amp-period")?.value || "2m";
    const customDays = Number(el("amp-custom-days")?.value || 60);
    const straddlePremium = readPremium();
    setStatus("计算中…(首次拉取 OKX K 线可能需数十秒)");
    try {
      const data = await apiFetch("/api/amp-stats/compute", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({
          symbol,
          start_hour: startHour,
          period,
          custom_days: period === "custom" ? customDays : null,
          straddle_premium: straddlePremium,
          page: pageNo,
          page_size: 20,
        }),
      });
      lastResult = data.result || null;
      renderSummary(lastResult && lastResult.summary, lastResult);
      renderTable(data.page);
      const miss = (lastResult && lastResult.missing_count) || 0;
      setStatus(
        miss
          ? `完成 · 样本 ${(lastResult.summary || {}).sample_count || 0} · 缺 ${miss} 天`
          : `完成 · 样本 ${(lastResult.summary || {}).sample_count || 0}`
      );
    } catch (e) {
      setStatus(String(e && e.message ? e.message : e));
    }
  }

  async function saveHistory() {
    if (!lastResult) {
      setStatus("请先计算");
      return;
    }
    try {
      await apiFetch("/api/amp-stats/history", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify({ result: lastResult }),
      });
      setStatus("已保存到历史");
    } catch (e) {
      setStatus(String(e && e.message ? e.message : e));
    }
  }

  function downloadCurrent() {
    if (!lastResult) {
      setStatus("请先计算");
      return;
    }
    const symbol = el("amp-symbol")?.value || "eth";
    const startHour = Number(el("amp-start-hour")?.value || 16);
    const period = el("amp-period")?.value || "2m";
    const customDays = Number(el("amp-custom-days")?.value || 60);
    const prem = readPremium();
    const q = new URLSearchParams({
      symbol,
      start_hour: String(startHour),
      period,
    });
    if (period === "custom") q.set("custom_days", String(customDays));
    if (prem != null) q.set("straddle_premium", String(prem));
    window.location.href = "/api/amp-stats/export?" + q.toString();
  }

  async function loadHistory() {
    const box = el("amp-history-list");
    if (!box) return;
    box.innerHTML = '<p class="amp-empty">加载中…</p>';
    try {
      const data = await apiFetch("/api/amp-stats/history?limit=50");
      const items = data.items || [];
      if (!items.length) {
        box.innerHTML = '<p class="amp-empty">暂无历史</p>';
        return;
      }
      box.innerHTML = items
        .map(
          (it) =>
            `<div class="amp-hist-card" data-id="${esc(it.id)}">` +
            `<div class="amp-hist-main">` +
            `<strong>${esc(it.symbol_label || it.symbol)}</strong> · ${esc(String(it.start_hour).padStart(2, "0"))}:00→16:00 · ${esc(it.period)}` +
            `<div class="amp-hist-sub">${esc(it.created_at)} · 样本 ${esc(it.sample_count)} · 最大振幅 ${esc(it.max_amplitude)} (${esc(it.max_amplitude_day)})</div>` +
            `</div>` +
            `<div class="amp-hist-actions">` +
            `<button type="button" class="ghost amp-hist-view">查看</button>` +
            `<button type="button" class="ghost amp-hist-dl">下载</button>` +
            `<button type="button" class="danger amp-hist-del">删除</button>` +
            `</div></div>`
        )
        .join("");
      box.querySelectorAll(".amp-hist-card").forEach((card) => {
        const id = card.getAttribute("data-id");
        card.querySelector(".amp-hist-view")?.addEventListener("click", () => void openHistory(id));
        card.querySelector(".amp-hist-dl")?.addEventListener("click", () => {
          const prem = readPremium();
          let url = "/api/amp-stats/export?history_id=" + encodeURIComponent(id);
          if (prem != null) url += "&straddle_premium=" + encodeURIComponent(String(prem));
          window.location.href = url;
        });
        card.querySelector(".amp-hist-del")?.addEventListener("click", async () => {
          if (!confirm("删除该历史记录?")) return;
          await apiFetch("/api/amp-stats/history/" + encodeURIComponent(id), { method: "DELETE" });
          void loadHistory();
        });
      });
    } catch (e) {
      box.innerHTML = `<p class="amp-empty">${esc(String(e && e.message ? e.message : e))}</p>`;
    }
  }

  async function openHistory(id) {
    try {
      const data = await apiFetch("/api/amp-stats/history/" + encodeURIComponent(id));
      lastResult = data.item || null;
      setView("stats");
      if (lastResult) {
        if (el("amp-symbol")) el("amp-symbol").value = lastResult.symbol || "eth";
        if (el("amp-start-hour")) el("amp-start-hour").value = String(lastResult.start_hour ?? 16);
        if (lastResult.straddle_premium != null && el("amp-straddle-premium")) {
          el("amp-straddle-premium").value = String(lastResult.straddle_premium);
        }
        renderSummary(lastResult.summary, lastResult);
        const pagePayload = {
          page: 1,
          page_size: 20,
          total: (lastResult.rows || []).length,
          total_pages: Math.max(1, Math.ceil((lastResult.rows || []).length / 20)),
          rows: (lastResult.rows || []).slice(0, 20),
        };
        pageNo = 1;
        renderTable(pagePayload);
        setStatus("已载入历史 " + id);
        void applyStraddleOnly();
      }
    } catch (e) {
      setStatus(String(e && e.message ? e.message : e));
    }
  }

  function bind() {
    if (bound) return;
    bound = true;
    fillMetaControls();
    page.querySelectorAll(".amp-view-tab").forEach((btn) => {
      btn.addEventListener("click", () => setView(btn.getAttribute("data-view")));
    });
    el("amp-period")?.addEventListener("change", syncCustomDays);
    el("amp-btn-compute")?.addEventListener("click", () => void compute(true));
    el("amp-btn-save")?.addEventListener("click", () => void saveHistory());
    el("amp-btn-download")?.addEventListener("click", downloadCurrent);
    el("amp-straddle-premium")?.addEventListener("input", scheduleStraddleRefresh);
    syncCustomDays();
  }

  window.hubAmpStatsPage = {
    init() {
      bind();
      setView("stats");
      setStatus("");
      renderStraddle(null);
    },
  };
})();