{% extends "base.html" %}
{% block title %}{{ item.title or item.source_item_id }} 详情 - 热榜评论分析工具{% 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"><a href="/hotspots/{{ hotspot.id }}/report">热点 {{ hotspot.rank }}：{{ hotspot.title }}</a></li>
  <li class="breadcrumb-item active">{{ item.title or item.source_item_id }}</li>
</ol></nav>
{% endblock %}
{% block content %}
<div class="page-heading">
  <div>
    <p class="section-kicker">内容详情</p>
    <h1>{{ item.title or item.source_item_id }}</h1>
  </div>
  <span class="badge text-bg-light border">{{ item.status }}</span>
</div>
{% if report %}
  {% include "partials/report_panel.html" %}
{% else %}
  <div class="empty-state text-muted py-5">
    <div class="spinner-border text-warning mb-3" role="status"></div>
    <p class="mb-0">报告生成中，请稍候...</p>
  </div>
{% endif %}
<section class="card"><div class="card-header">评论明细</div><div class="table-responsive">
  <table class="table app-table mb-0"><thead><tr><th>评论内容</th><th>情绪</th><th>标签</th><th>点赞</th></tr></thead><tbody>
  {% for comment in comments %}
    <tr><td>{{ comment.content }}</td><td><span class="badge text-bg-light border">{{ comment.sentiment }}</span></td><td>{% for label in comment.labels | from_json %}<span class="badge text-bg-light border me-1">{{ label }}</span>{% else %}<span class="text-muted">-</span>{% endfor %}</td><td>{{ comment.like_count or 0 }}</td></tr>
  {% else %}
    <tr><td colspan="4" class="text-center text-muted">暂无评论数据（该内容无评论或评论抓取为空）</td></tr>
  {% endfor %}
  </tbody></table>
</div></section>
{% endblock %}