{% extends "base.html" %}
{% block title %}持仓跟踪{% endblock %}
{% block page_title %}持仓跟踪智能体{% endblock %}
{% block content %}
<div class="card">
  <div class="flex between wrap">
    <div style="color:var(--text2);font-size:13px;line-height:1.9">
      🤖 <b style="color:var(--text)">大模型智能体 + 工作流</b>：定期跟踪<b>自选股（持仓）</b>，除个股公告新闻外，
      深度分析其<b>产业链上下游与同业</b>动态（上游供给/成本、下游需求/景气、竞争格局），
      输出专业跟踪报告；发现<b>重大变化自动邮件通知</b>。
      <div style="color:var(--muted);font-size:12px">跟踪对象 = 自选股（⭐ 股票池/详情页添加）· 自动跟踪间隔可在「系统设置」配置</div>
    </div>
    <div class="flex wrap">
      <button class="btn btn-primary" onclick="runAll()">⚡ 立即跟踪全部持仓</button>
      <button class="btn" onclick="load()">🔄 刷新</button>
    </div>
  </div>
  <div class="mt16 kpi-grid" id="trackState"></div>
</div>

<div class="card mt16">
  <div class="card-title"><span class="bar"></span>持仓（自选股）最近跟踪</div>
  <div id="posBox"><div class="loading">加载中…</div></div>
</div>

<div class="card mt16">
  <div class="card-title"><span class="bar" style="background:var(--gold)"></span>全部跟踪记录</div>
  <div style="overflow:auto;max-height:520px">
    <table>
      <thead><tr><th>时间</th><th>股票</th><th>行业</th><th>影响度</th><th>性质</th><th>摘要</th><th>操作</th></tr></thead>
      <tbody id="recTb"><tr><td colspan="7" class="empty">暂无跟踪记录，点击上方「立即跟踪全部持仓」开始</td></tr></tbody>
    </table>
  </div>
</div>
{% endblock %}
{% block scripts %}
<script src="{{ url_for('static', filename='js/tracking.js') }}"></script>
{% endblock %}