{% extends "base.html" %}
{% block title %}总览 · {{ app_name }}{% endblock %}
{% block content %}
<h2 style="margin:0 0 14px">总览</h2>
<div class="grid cols-3">
  <div class="card"><div class="muted">账户</div><div class="stat">{{ accounts|length }}</div></div>
  <div class="card"><div class="muted">机器</div><div class="stat">{{ machines|length }}</div></div>
  <div class="card"><div class="muted">最近成交（展示）</div><div class="stat">{{ trades|length }}</div></div>
</div>

<div class="grid cols-2" style="margin-top:14px">
  <div class="card">
    <h3>快速入口</h3>
    <p class="muted">登录后下载通用辅助包，用激活码绑定机器与账户；成交自动上报，网页复盘四周期 K 线。</p>
    <p style="margin-top:12px">
      <a class="btn" href="{{ url_for('download_page') }}">下载中心</a>
      <a class="btn secondary" href="{{ url_for('records_page') }}">交易复盘</a>
    </p>
  </div>
  <div class="card">
    <h3>服务信息</h3>
    <p class="muted">对外地址：{{ public_base }}</p>
    <p class="muted">端口：5800 · 健康检查：<a href="/health">/health</a></p>
  </div>
</div>

<div class="card" style="margin-top:14px">
  <h3>最近记录</h3>
  <table>
    <thead>
      <tr><th>时间</th><th>品种</th><th>方向</th><th>盈亏</th><th>账户</th><th>入场形式</th><th></th></tr>
    </thead>
    <tbody>
      {% for t in trades %}
      <tr>
        <td class="muted">{{ t.close_time or t.open_time or t.created_at }}</td>
        <td>{{ t.symbol }}</td>
        <td><span class="tag {% if t.side=='buy' %}green{% else %}red{% endif %}">{{ t.side }}</span></td>
        <td>{{ t.profit if t.profit is not none else '—' }}</td>
        <td>{{ t.account_name or '—' }}</td>
        <td>{{ t.entry_style or '—' }}</td>
        <td><a href="{{ url_for('record_detail', tid=t.id) }}">复盘</a></td>
      </tr>
      {% else %}
      <tr><td colspan="7" class="muted">暂无成交。激活客户端并上报后显示。</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}