{% extends "base.html" %}
{% block content %}
<section class="masthead">
  <div>
    <p class="kicker">餐饮行业内容情报</p>
    <h1>从文章堆里，<br>读出行业信号。</h1>
  </div>
  <form class="search" method="get" role="search">
    <label for="q">搜索标题、品牌或正文</label>
    <div><input id="q" name="q" value="{{ query }}" placeholder="例如：咖啡、海底捞、供应链"><button>搜索</button></div>
    <p>已收录 {{ stats.total }} 篇，{{ stats.analyzed or 0 }} 篇完成 AI 分析</p>
  </form>
</section>

<section class="metrics" aria-label="文章库数据">
  <div><strong>{{ stats.success }}</strong><span>完整文章</span></div>
  <div><strong>{{ stats.analyzed or 0 }}</strong><span>AI 分析</span></div>
  <div><strong>{{ stats.latest|date_cn }}</strong><span>最近更新</span></div>
</section>

{% if signals and not query and page == 1 %}
<section class="signals-block">
  <div class="signals-title"><div><h2>今日行业信号</h2><p>基于多篇文章交叉提炼，不是单篇新闻复述</p></div><time>{{ signals[0].signal_date }}</time></div>
  <div class="signal-grid">
  {% for signal in signals %}
    <a class="signal-card" href="/signals/{{ signal.id }}">
      <div><span class="trend trend-{{ signal.trend }}">{{ signal.trend }}</span><strong>{{ (signal.confidence * 100)|round|int }}%</strong></div>
      <h3>{{ signal.title }}</h3><p>{{ signal.summary }}</p>
      <div class="signal-tags">{% for tag in signal.tags[:3] %}<span>{{ tag }}</span>{% endfor %}</div>
    </a>
  {% endfor %}
  </div>
</section>
{% endif %}

<section class="library-head">
  <div><h2>{% if query %}“{{ query }}”的结果{% else %}最新入库{% endif %}</h2><p>共 {{ total }} 篇</p></div>
  {% if query %}<a href="/">清除搜索</a>{% endif %}
</section>

<section class="article-grid">
  {% for item in articles %}
  <article class="article-card">
    <div class="card-meta"><time>{{ item.published_at|date_cn }}</time>{% if item.analyzed %}<span>AI 已分析</span>{% endif %}</div>
    <h3><a href="/article/{{ item.id }}">{{ item.title }}</a></h3>
    {% if item.ai_summary %}<p class="ai-summary"><b>AI 摘要</b>{{ item.ai_summary }}</p>{% else %}<p>{{ item.summary or item.excerpt }}</p>{% endif %}
    <a class="read-link" href="/article/{{ item.id }}">阅读全文 <span>↗</span></a>
  </article>
  {% else %}
  <div class="empty"><h3>没有找到相关文章</h3><p>换一个品牌名、品类或行业关键词试试。</p></div>
  {% endfor %}
</section>

{% if pages > 1 %}
<nav class="pagination" aria-label="分页">
  {% if page > 1 %}<a href="?q={{ query|urlencode }}&page={{ page-1 }}">上一页</a>{% endif %}
  <span>{{ page }} / {{ pages }}</span>
  {% if page < pages %}<a href="?q={{ query|urlencode }}&page={{ page+1 }}">下一页</a>{% endif %}
</nav>
{% endif %}
{% endblock %}