{% extends "base.html" %}
{% block title %}AI 分析详情{% endblock %}
{% block page_title %}AI 深度分析详情{% endblock %}
{% block content %}
<div id="topCard" class="card">
  <div class="flex between wrap">
    <div class="flex">
      <div>
        <div style="font-size:20px;font-weight:800"><span id="aStock">—</span> <span id="aCode" style="color:var(--muted);font-size:14px"></span></div>
        <div class="mt8 flex" style="gap:14px;color:var(--muted);font-size:13px">
          <span id="aIndustry">—</span>
          <span>生成时间 <b id="aTime" style="color:var(--text)"></b></span>
          <span>关注点 <b id="aFocus" style="color:var(--text)"></b></span>
        </div>
      </div>
    </div>
    <div class="flex">
      <button class="btn" onclick="location.href='/stock/' + CODE">← 返回股票页</button>
      <button class="btn btn-primary" onclick="location.href='/stock/' + CODE + '?analyze=1'">🤖 生成新分析</button>
    </div>
  </div>
</div>

<div class="grid grid-2-1 mt16">
  <div class="card">
    <div class="card-title"><span class="bar"></span>研报正文</div>
    <div id="reportBox" class="markdown-body"><div class="loading">加载中…</div></div>
  </div>
  <div class="card">
    <div class="card-title"><span class="bar" style="background:var(--gold)"></span>数据源（大模型参考内容）</div>
    <div id="sourceBox" style="max-height:70vh;overflow:auto;padding-right:6px"><div class="loading">加载中…</div></div>
  </div>
</div>
{% endblock %}
{% block scripts %}
<script src="{{ url_for('static', filename='js/analysis_detail.js') }}"></script>
{% endblock %}