window.DashboardPage = (function() {
  'use strict';

  async function render() {
    try {
      const res = await API.get('/companies?page=1&page_size=5');
      const data = res.data || {};
      const items = data.items || [];
      const total = data.total || 0;

      const tiers = {}, statuses = {};
      items.forEach(c => {
        tiers[c.customer_tier] = (tiers[c.customer_tier] || 0) + 1;
        statuses[c.customer_status] = (statuses[c.customer_status] || 0) + 1;
      });

      let html = '<div class="stats-grid">';
      html += `<div class="stat-card"><div class="stat-value">${total}</div><div class="stat-label">客户总数</div></div>`;
      html += `<div class="stat-card"><div class="stat-value">${items.length}</div><div class="stat-label">近期客户</div></div>`;
      html += `<div class="stat-card"><div class="stat-value">${tiers.strategic || 0}</div><div class="stat-label">战略客户</div></div>`;
      html += `<div class="stat-card"><div class="stat-value">${tiers.key || 0}</div><div class="stat-label">重点客户</div></div>`;
      html += `<div class="stat-card"><div class="stat-value">${statuses.active || 0}</div><div class="stat-label">活跃客户</div></div>`;
      html += `<div class="stat-card"><div class="stat-value">${statuses.champion || 0}</div><div class="stat-label">标杆客户</div></div>`;
      html += '</div>';

      html += '<h3 style="margin-bottom:12px">最近更新的客户</h3>';
      if (items.length === 0) {
        html += UI.emptyState('暂无客户数据，请先创建客户');
      } else {
        html += '<table><thead><tr><th>客户名称</th><th>行业</th><th>级别</th><th>状态</th><th>地区</th><th>更新时间</th></tr></thead><tbody>';
        items.forEach(c => {
          html += `<tr>
            <td><a href="#/companies" style="color:var(--primary)">${esc(c.company_name)}</a></td>
            <td>${esc(c.industry)}</td>
            <td>${UI.tierBadge(c.customer_tier)}</td>
            <td>${UI.statusBadge(c.customer_status)}</td>
            <td>${esc(c.province)} ${esc(c.city)}</td>
            <td>${UI.formatDate(c.update_time)}</td>
          </tr>`;
        });
        html += '</tbody></table>';
      }
      return html;
    } catch (e) {
      Logger.error('Dashboard渲染失败: ' + e.message);
      return '<div class="empty-state">仪表盘加载失败</div>';
    }
  }

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

  return { render };
})();