script.js

const screens = Array.from(document.querySelectorAll(".screen"));
const tabs = Array.from(document.querySelectorAll(".tab"));
const scrollArea = document.querySelector(".scroll-area");
const recordState = document.getElementById("recordState");
const rideStatusText = document.getElementById("rideStatusText");
const endRideBtn = document.getElementById("endRideBtn");
const startRideBtn = document.getElementById("startRideBtn");
const generateReviewBtn = document.getElementById("generateReviewBtn");
const saveRecordBtn = document.getElementById("saveRecordBtn");
const aiSuggestions = document.getElementById("aiSuggestions");
const toast = document.getElementById("toast");
const safeBtn = document.getElementById("safeBtn");
const contactBtn = document.getElementById("contactBtn");
const fallCheckText = document.getElementById("fallCheckText");
const docsEntryBtn = document.getElementById("docsEntryBtn");
const docsBackBtn = document.getElementById("docsBackBtn");

let toastTimer = null;
let reviewVersion = 0;

const freshSuggestions = [
  {
    title: "体能建议",
    body: "第 8 趟后休息间隔明显缩短，建议每 4 趟安排一次 6-8 分钟恢复。"
  },
  {
    title: "装备建议",
    body: "雪鞋电量充足，当前中档加热适合室内雪场；上雪前 5 分钟预热更稳定。"
  },
  {
    title: "安全建议",
    body: "异常停留 1 次发生在速度回落后，可开启同行人提醒并复查护膝固定。"
  },
  {
    title: "训练建议",
    body: "速度峰谷差较大，下一次优先练习连续转弯节奏，降低入弯前急减速。"
  }
];

const compactSuggestions = [
  {
    title: "体能建议",
    body: "今天强度适中，后半程可把休息点前移，避免疲劳后再做高速滑行。"
  },
  {
    title: "装备建议",
    body: "防雾雪镜状态稳定，建议保留当前设置；护具固定仍建议进入雪道前复查。"
  },
  {
    title: "安全建议",
    body: "风险等级保持中等，连续滑行超过 45 分钟时请主动休息。"
  },
  {
    title: "训练建议",
    body: "本次最高速度 42km/h，建议以稳定半径转弯为目标，而不是继续追求峰值速度。"
  }
];

tabs.forEach((tab) => {
  tab.addEventListener("click", () => switchScreen(tab.dataset.target));
});

startRideBtn.addEventListener("click", () => {
  recordState.textContent = "进行中";
  recordState.classList.remove("ended");
  recordState.classList.add("running");
  rideStatusText.textContent = "本次滑行记录中";
  endRideBtn.disabled = false;
  switchScreen("records");
  showToast("已开始记录本次滑行");
});

endRideBtn.addEventListener("click", () => {
  recordState.textContent = "已结束";
  recordState.classList.remove("running");
  recordState.classList.add("ended");
  rideStatusText.textContent = "已结束，已生成 AI 复盘建议";
  endRideBtn.disabled = true;
  showToast("已生成 AI 复盘建议");
});

generateReviewBtn.addEventListener("click", () => {
  const originalText = generateReviewBtn.querySelector("span").textContent;
  generateReviewBtn.disabled = true;
  generateReviewBtn.querySelector("span").textContent = "生成中...";
  aiSuggestions.classList.add("loading");

  window.setTimeout(() => {
    reviewVersion += 1;
    renderSuggestions(reviewVersion % 2 === 1 ? freshSuggestions : compactSuggestions);
    aiSuggestions.classList.remove("loading");
    generateReviewBtn.disabled = false;
    generateReviewBtn.querySelector("span").textContent = originalText;
    showToast("AI 复盘建议已更新");
  }, 500);
});

saveRecordBtn.addEventListener("click", () => {
  showToast("已保存到本周滑雪记录");
});

safeBtn.addEventListener("click", () => {
  fallCheckText.textContent = "已记录：用户确认安全，无需进一步处理。";
  showToast("已确认安全状态");
});

contactBtn.addEventListener("click", () => {
  fallCheckText.textContent = "已模拟通知同行人，请保持当前位置并等待确认。";
  showToast("已联系同行人");
});

docsEntryBtn.addEventListener("click", () => {
  switchScreen("docs", { keepTab: true });
});

docsBackBtn.addEventListener("click", () => {
  switchScreen("equipment");
});

function switchScreen(target, options = {}) {
  screens.forEach((screen) => {
    screen.classList.toggle("active", screen.dataset.screen === target);
  });

  if (!options.keepTab) {
    tabs.forEach((tab) => {
      tab.classList.toggle("active", tab.dataset.target === target);
    });
  }

  scrollArea.scrollTo({ top: 0, behavior: "smooth" });
  window.scrollTo({ top: 0, behavior: "smooth" });
}

function renderSuggestions(items) {
  aiSuggestions.innerHTML = items.map((item) => `
    <article>
      <span>${escapeHtml(item.title)}</span>
      <p>${escapeHtml(item.body)}</p>
    </article>
  `).join("");
}

function showToast(message) {
  window.clearTimeout(toastTimer);
  toast.textContent = message;
  toast.classList.add("show");

  toastTimer = window.setTimeout(() => {
    toast.classList.remove("show");
  }, 2200);
}

function escapeHtml(value) {
  return String(value)
    .replaceAll("&", "&amp;")
    .replaceAll("<", "&lt;")
    .replaceAll(">", "&gt;")
    .replaceAll('"', "&quot;")
    .replaceAll("'", "&#039;");
}