/* scense 游戏列表入口页渲染（bricks 页面内 Html 脚本区调用） */
window.scenseGameList = (function () {
  function api(url, params) {
    return fetch(url, {
      method: 'POST',
      headers: {'Content-Type': 'application/json'},
      body: JSON.stringify(params || {})
    }).then(function (r) { return r.json(); });
  }

  function base() {
    return window.location.pathname.replace(/\/game\/.*$/, '');
  }

  function statusText(s) {
    var map = {created: '已创建', playing: '进行中', paused: '已暂停', ended: '已结束'};
    return map[s] || s;
  }

  function renderSessions(sessions) {
    var box = document.getElementById('scense_session_list');
    if (!box) return;
    if (!sessions || !sessions.length) { box.innerHTML = '<div style="color:#9CA3AF;">暂无历史会话</div>'; return; }
    var html = '';
    sessions.forEach(function (s) {
      html += '<div style="display:flex;justify-content:space-between;align-items:center;padding:10px 12px;' +
        'background:#FFF;border-radius:6px;margin-bottom:8px;border:1px solid #E5E7EB;">' +
        '<div><b>' + s.game_name + '</b> <span style="color:#6B7280;font-size:12px;">' +
        (s.score || 0) + ' 分 / Lv.' + (s.level || 1) + '</span></div>' +
        '<div><span style="color:' + (s.status === 'playing' ? '#16A34A' : '#6B7280') + ';margin-right:10px;">' +
        statusText(s.status) + '</span>' +
        '<button onclick="scenseGameList.startGame(\'' + s.game_id + '\',\'' + s.session_id + '\')" ' +
        'style="padding:4px 12px;background:#2563EB;color:#FFF;border:none;border-radius:4px;cursor:pointer;">继续</button></div></div>';
    });
    box.innerHTML = html;
  }

  function renderResults(results) {
    var box = document.getElementById('scense_result_list');
    if (!box) return;
    if (!results || !results.length) { box.innerHTML = '<div style="color:#9CA3AF;">暂无结算记录</div>'; return; }
    var html = '';
    results.forEach(function (r) {
      html += '<div style="display:flex;justify-content:space-between;padding:8px 12px;background:#FFF;' +
        'border-radius:6px;margin-bottom:6px;border:1px solid #E5E7EB;">' +
        '<span><b>' + r.game_id + '</b> <span style="color:#6B7280;font-size:12px;">' + r.created_at + '</span></span>' +
        '<span style="color:#2563EB;"><b>' + r.score + '</b> 分 · Lv.' + r.level + ' · ' +
        Math.round(r.duration_ms / 1000) + 's</span></div>';
    });
    box.innerHTML = html;
  }

  function load() {
    api(base() + '/game/api/game_list.dspy', {}).then(function (res) {
      if (res && res.success && res.data) {
        renderSessions(res.data.sessions);
        renderResults(res.data.results);
      }
    });
  }

  function startGame(gameId, sessionId) {
    var url = base() + '/game/game_play.html?game_id=' + encodeURIComponent(gameId || '');
    if (sessionId) url += '&session_id=' + encodeURIComponent(sessionId);
    window.open(url, '_blank');
  }

  return {api: api, load: load, startGame: startGame, renderSessions: renderSessions, renderResults: renderResults};
})();

(function () {
  if (window.bricks && window.bricks.app) {
    setTimeout(function () { window.scenseGameList && window.scenseGameList.load(); }, 300);
  }
})();