let currentSort = 'total_income';

function switchSort(el) {
  document.querySelectorAll('.sort-btn').forEach(b => b.classList.remove('active'));
  el.classList.add('active');
  currentSort = el.dataset.sort;
}

async function loadRankingDetail() {
  const startDate = document.getElementById('rankStartDate').value;
  const endDate = document.getElementById('rankEndDate').value;
  let url = API + '/api/stats/boss-ranking?sortBy=' + currentSort;
  if (startDate) url += '&startDate=' + startDate;
  if (endDate) {
    const d = new Date(endDate);
    d.setDate(d.getDate() + 1);
    url += '&endDate=' + formatLocalDate(d);
  }
  try {
    const res = await apiFetch(url);
    if (!res.ok) return;
    const rows = await res.json();
    const container = document.getElementById('rankingDetailList');
    if (rows.length === 0) {
      container.innerHTML = '<div class="ranking-empty">暂无数据</div>';
      return;
    }
    if (currentSort === 'dispatch_count') {
      const max = Math.max(...rows.map(r => r.dispatch_count), 1);
      container.innerHTML = rows.map((r, i) => {
        const pct = Math.max((r.dispatch_count / max) * 100, 2);
        const boss = escapeHtml(r.boss);
        return `<div class="hbar-row" onclick="openBossDetail(${jsString(r.boss)}, 'rankingPage')">
          <div class="hbar-index ${i < 3 ? 'top' : ''}">${i + 1}</div>
          <div class="hbar-label" title="${escapeAttr(r.boss)}">${boss}</div>
          <div class="hbar-track"><div class="hbar-fill" style="width:${pct}%"></div></div>
          <div class="hbar-value">${r.dispatch_count}单</div>
        </div>`;
      }).join('');
    } else if (currentSort === 'take_count') {
      const max = Math.max(...rows.map(r => r.take_count), 1);
      container.innerHTML = rows.map((r, i) => {
        const pct = Math.max((r.take_count / max) * 100, 2);
        const boss = escapeHtml(r.boss);
        return `<div class="hbar-row" onclick="openBossDetail(${jsString(r.boss)}, 'rankingPage')">
          <div class="hbar-index ${i < 3 ? 'top' : ''}">${i + 1}</div>
          <div class="hbar-label" title="${escapeAttr(r.boss)}">${boss}</div>
          <div class="hbar-track"><div class="hbar-fill" style="width:${pct}%"></div></div>
          <div class="hbar-value">${r.take_count}单</div>
        </div>`;
      }).join('');
    } else {
      const max = Math.max(...rows.map(r => r.total_income), 1);
      container.innerHTML = rows.map((r, i) => {
        const pct = Math.max((r.total_income / max) * 100, 2);
        const boss = escapeHtml(r.boss);
        return `<div class="hbar-row" onclick="openBossDetail(${jsString(r.boss)}, 'rankingPage')">
          <div class="hbar-index ${i < 3 ? 'top' : ''}">${i + 1}</div>
          <div class="hbar-label" title="${escapeAttr(r.boss)}">${boss}</div>
          <div class="hbar-track"><div class="hbar-fill" style="width:${pct}%"></div></div>
          <div class="hbar-value">${r.total_income.toFixed(2)}</div>
        </div>`;
      }).join('');
    }
  } catch (e) { console.error(e); }
}