{% extends "base.html" %}
{% block title %}任务 #{{ task.id }} - 热榜评论分析工具{% endblock %}
{% block breadcrumbs %}
<nav aria-label="breadcrumb"><ol class="breadcrumb">
  <li class="breadcrumb-item"><a href="/">首页</a></li>
  <li class="breadcrumb-item active">任务 #{{ task.id }}</li>
</ol></nav>
{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h1 class="h3 mb-0">任务 #{{ task.id }}</h1>
  <button class="btn btn-outline-secondary btn-sm" onclick="window.location.reload()">手动刷新</button>
</div>
<section class="card mb-4" {% if task.status == "running" %}data-task-id="{{ task.id }}" data-auto-poll="true"{% endif %}><div class="card-body">
  {% set label, cls = status_badge_config(task.status) %}
  <p>平台：{{ task.platform | platform_label }} <span class="badge {{ cls }}">{{ label }}</span></p>
  <p>成功 {{ task.successful_items_count }} / 共 {{ task.total_items_count }} 条内容</p>
  {% if task.error_message %}<div class="alert alert-danger">{{ task.error_stage }} / {{ task.error_type }}：{{ task.error_message }}</div>{% endif %}
</div></section>
{% if task.status == "running" and not hotspots %}
<div class="text-center text-muted py-5"><div class="spinner-border text-warning mb-3"></div><p>正在抓取热点数据，请稍候...</p></div>
<script>pollTaskDetailStatus("{{ task.id }}");</script>
{% endif %}
<div class="accordion" id="hotspot-list">
{% for hotspot in hotspots %}
  <div class="accordion-item">
    <h2 class="accordion-header">
      <button class="accordion-button {% if not loop.first %}collapsed{% endif %}" type="button" data-bs-toggle="collapse" data-bs-target="#hotspot-{{ hotspot.id }}">
        热点 #{{ hotspot.rank }}：{{ hotspot.title }}
      </button>
    </h2>
    <div id="hotspot-{{ hotspot.id }}" class="accordion-collapse collapse {% if loop.first %}show{% endif %}" data-bs-parent="#hotspot-list">
      <div class="accordion-body">
        <a class="btn btn-sm btn-outline-primary mb-2" href="/hotspots/{{ hotspot.id }}/report">查看热点级汇总报告</a>
        <ul class="list-group">
        {% for item in hotspot.content_items %}
          <li class="list-group-item d-flex justify-content-between">
            <span>{{ item.title or item.summary or item.source_item_id }} <small class="text-muted">{{ item.status }}</small></span>
            <a class="btn btn-sm btn-outline-secondary" href="/items/{{ item.id }}">查看详情</a>
          </li>
        {% endfor %}
        </ul>
      </div>
    </div>
  </div>
{% endfor %}
</div>
{% endblock %}