{% extends "base.html" %}
{% block title %}{{ hotspot.title }} 汇总报告 - 热榜评论分析工具{% endblock %}
{% block breadcrumbs %}
<nav aria-label="breadcrumb"><ol class="breadcrumb">
  <li class="breadcrumb-item"><a href="/">首页</a></li>
  <li class="breadcrumb-item"><a href="/tasks/{{ task.id }}">任务 {{ task.display_id }}</a></li>
  <li class="breadcrumb-item active">汇总报告</li>
</ol></nav>
{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h1 class="h3 mb-0">{{ hotspot.title }} 汇总报告</h1>
  <div class="d-flex gap-2">
    <button
      class="btn btn-outline-primary"
      onclick="downloadExport('/api/export/hotspots/{{ hotspot.id }}.md', 'hotspot-report.md', event)"
      {% if not report %}disabled title="报告尚未生成"{% endif %}>
      导出 Markdown 报告
    </button>
    <button
      class="btn btn-outline-secondary"
      onclick="downloadExport('/api/export/hotspots/{{ hotspot.id }}/comments.csv', 'hotspot-comments.csv', event)">
      导出热点评论 CSV
    </button>
  </div>
</div>
{% if report %}
  {% include "partials/report_panel.html" %}
{% else %}
  <div class="text-center text-muted py-5">
    <div class="spinner-border text-warning mb-3" role="status"></div>
    <p>报告生成中，请稍候...</p>
    <p class="small mb-0">Markdown 报告将在分析完成后开放下载；评论 CSV 可先导出已抓取的数据。</p>
  </div>
{% endif %}
{% endblock %}