{% extends "base.html" %}
{% block title %}统计看板 · {{ app_name }}{% endblock %}
{% block content %}
<h2 style="margin:0 0 6px">统计看板</h2>
<p class="muted" style="margin:0 0 10px">程序汇总：顺势/反转 × 三种结构手法，其他=乱作。</p>

<div style="display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap">
  <a class="btn secondary" href="{{ url_for('records_page', machine_id=selected_machine_id) if selected_machine_id else url_for('records_page') }}">交易列表</a>
  <a class="btn" href="{{ url_for('records_stats_page', machine_id=selected_machine_id) if selected_machine_id else url_for('records_stats_page') }}">统计看板</a>
</div>

<div class="card" style="margin-bottom:14px">
  <form method="get" action="{{ url_for('records_stats_page') }}" style="display:flex;gap:10px;align-items:center;flex-wrap:wrap">
    <label class="muted" for="machine_id" style="margin:0">机器</label>
    <select name="machine_id" id="machine_id" style="min-width:200px;width:auto">
      <option value="">全部机器</option>
      {% for m in machines %}
      <option value="{{ m.id }}" {% if selected_machine_id == m.id %}selected{% endif %}>
        {{ m.name }} #{{ m.id }}{% if m.online %} · 在线{% endif %}
      </option>
      {% endfor %}
    </select>
    <button type="submit" class="btn">筛选</button>
    {% if selected_machine_id %}
    <a class="btn secondary" href="{{ url_for('records_stats_page') }}">清除</a>
    {% endif %}
  </form>
</div>

<div class="grid cols-3">
  <div class="card">
    <div class="muted">成交笔数</div>
    <div class="stat">{{ stats.total }}</div>
    <div class="muted" style="margin-top:6px">已平 {{ stats.closed }} · 持仓中 {{ stats.open_pos }}</div>
  </div>
  <div class="card">
    <div class="muted">胜率</div>
    <div class="stat">{{ '%.1f'|format(stats.win_rate) }}%</div>
    <div class="muted" style="margin-top:6px">盈 {{ stats.wins }} · 亏 {{ stats.losses }} · 平 {{ stats.breakeven }}</div>
  </div>
  <div class="card">
    <div class="muted">合计盈亏</div>
    <div class="stat" style="color:{% if stats.profit>0 %}var(--green){% elif stats.profit<0 %}var(--red){% else %}inherit{% endif %}">
      {{ '%.2f'|format(stats.profit) }}
    </div>
    <div class="muted" style="margin-top:6px">笔均 {{ '%.2f'|format(stats.avg_profit) }}</div>
  </div>
</div>

<div class="grid cols-3" style="margin-top:14px">
  <div class="card">
    <div class="muted">平均持仓时间</div>
    <div class="stat" style="font-size:22px;color:var(--accent)">{{ stats.avg_hold }}</div>
    <div class="muted" style="margin-top:6px">有开仓时间的样本参与计算</div>
  </div>
  <div class="card">
    <div class="muted">盈亏因子</div>
    <div class="stat" style="font-size:22px">
      {% if stats.profit_factor is none %}—
      {% elif stats.profit_factor >= 999 %}∞
      {% else %}{{ '%.2f'|format(stats.profit_factor) }}{% endif %}
    </div>
    <div class="muted" style="margin-top:6px">毛利 {{ '%.2f'|format(stats.gross_win) }} / 毛亏 {{ '%.2f'|format(stats.gross_loss) }}</div>
  </div>
  <div class="card">
    <div class="muted">入场形式标注</div>
    <div class="stat" style="font-size:22px">{{ stats.annotated }} <span class="muted" style="font-size:14px">/ {{ stats.total }}</span></div>
    <div class="muted" style="margin-top:6px">未标注 {{ stats.unannotated }}</div>
  </div>
</div>

<div class="grid cols-2" style="margin-top:14px">
  <div class="card">
    <h3>按大类（顺势 / 反转 / 其他）</h3>
    <table>
      <thead>
        <tr>
          <th>大类</th><th>笔数</th><th>胜率</th><th>盈亏</th><th>平均持仓</th>
        </tr>
      </thead>
      <tbody>
        {% for g in stats.by_category %}
        <tr>
          <td>{{ g.label }}</td>
          <td>{{ g.count }}</td>
          <td>{{ '%.1f'|format(g.win_rate) }}%</td>
          <td style="color:{% if g.profit>0 %}var(--green){% elif g.profit<0 %}var(--red){% else %}inherit{% endif %}">
            {{ '%.2f'|format(g.profit) }}
          </td>
          <td class="muted">{{ g.avg_hold }}</td>
        </tr>
        {% else %}
        <tr><td colspan="5" class="muted">暂无数据</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  <div class="card">
    <h3>按入场形式（细项）</h3>
    <table>
      <thead>
        <tr>
          <th>形式</th><th>笔数</th><th>胜率</th><th>盈亏</th><th>平均持仓</th>
        </tr>
      </thead>
      <tbody>
        {% for g in stats.by_style %}
        <tr>
          <td>{{ g.label }}</td>
          <td>{{ g.count }}</td>
          <td>{{ '%.1f'|format(g.win_rate) }}%</td>
          <td style="color:{% if g.profit>0 %}var(--green){% elif g.profit<0 %}var(--red){% else %}inherit{% endif %}">
            {{ '%.2f'|format(g.profit) }}
          </td>
          <td class="muted">{{ g.avg_hold }}</td>
        </tr>
        {% else %}
        <tr><td colspan="5" class="muted">暂无数据</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>

<div class="grid cols-2" style="margin-top:14px">
  <div class="card">
    <h3>按持仓时间</h3>
    <table>
      <thead>
        <tr>
          <th>区间</th><th>笔数</th><th>胜率</th><th>盈亏</th><th>平均持仓</th>
        </tr>
      </thead>
      <tbody>
        {% for g in stats.by_hold %}
        <tr>
          <td>{{ g.label }}</td>
          <td>{{ g.count }}</td>
          <td>{{ '%.1f'|format(g.win_rate) }}%</td>
          <td style="color:{% if g.profit>0 %}var(--green){% elif g.profit<0 %}var(--red){% else %}inherit{% endif %}">
            {{ '%.2f'|format(g.profit) }}
          </td>
          <td class="muted">{{ g.avg_hold }}</td>
        </tr>
        {% else %}
        <tr><td colspan="5" class="muted">暂无数据</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
  <div class="card">
    <h3>按方向</h3>
    <table>
      <thead>
        <tr>
          <th>方向</th><th>笔数</th><th>胜率</th><th>盈亏</th><th>平均持仓</th>
        </tr>
      </thead>
      <tbody>
        {% for g in stats.by_side %}
        <tr>
          <td>{{ g.label }}</td>
          <td>{{ g.count }}</td>
          <td>{{ '%.1f'|format(g.win_rate) }}%</td>
          <td style="color:{% if g.profit>0 %}var(--green){% elif g.profit<0 %}var(--red){% else %}inherit{% endif %}">
            {{ '%.2f'|format(g.profit) }}
          </td>
          <td class="muted">{{ g.avg_hold }}</td>
        </tr>
        {% else %}
        <tr><td colspan="5" class="muted">暂无数据</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </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>
      </tr>
    </thead>
    <tbody>
      {% for g in stats.by_machine %}
      <tr>
        <td>{{ g.label }}</td>
        <td>{{ g.count }}</td>
        <td>{{ '%.1f'|format(g.win_rate) }}%</td>
        <td style="color:{% if g.profit>0 %}var(--green){% elif g.profit<0 %}var(--red){% else %}inherit{% endif %}">
          {{ '%.2f'|format(g.profit) }}
        </td>
        <td>{{ '%.2f'|format(g.avg_profit) }}</td>
        <td class="muted">{{ g.avg_hold }}</td>
      </tr>
      {% else %}
      <tr><td colspan="6" class="muted">暂无数据</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}