{% extends "base.html" %}

{% block title %}{{ page_title }} — HF Daily Papers{% endblock %}

{% block content %}
<section class="search-page">
  {# 搜索表单 #}
  <form class="search-form" method="get" action="/search">
    <input type="text" name="q" value="{{ query }}" placeholder="搜索标题、摘要、作者、标签..."
           class="search-input" autofocus>
    {% if tag %}
    <input type="hidden" name="tag" value="{{ tag }}">
    {% endif %}
    <button type="submit" class="search-btn">搜索</button>
  </form>

  {# 标签筛选 #}
  {% if all_tags %}
  <div class="tag-filter">
    <span class="tag-filter-label">标签：</span>
    <a href="/search{% if query %}?q={{ query }}{% endif %}"
       class="tag-chip {% if not tag %}active{% endif %}">全部</a>
    {% for t in all_tags %}
    <a href="/search?q={{ query }}&tag={{ t }}"
       class="tag-chip {% if t == tag %}active{% endif %}">{{ t }}</a>
    {% endfor %}
  </div>
  {% endif %}

  {% if query or tag %}
  {# 搜索结果元信息 #}
  <div class="search-meta">
    <span>找到 {{ total }} 条结果</span>
    <div class="sort-toggle">
      <a href="/search?q={{ query }}&tag={{ tag }}&sort=relevance"
         class="{% if sort == 'relevance' %}active{% endif %}">相关性</a>
      <span class="sort-divider">|</span>
      <a href="/search?q={{ query }}&tag={{ tag }}&sort=date"
         class="{% if sort == 'date' %}active{% endif %}">日期</a>
    </div>
  </div>

  {% if results %}
  <div class="paper-list">
    {% for paper in results %}
    <article class="paper-card search-result" data-arxiv="{{ paper.arxiv_id }}">
      <div class="paper-card-header">
        <h2 class="paper-title">
          <a href="/paper/{{ paper.arxiv_id }}">
            {% set snippet = snippets.get(paper.id, {}) %}
            {% if snippet and snippet.title_zh %}
              {{ snippet.title_zh | safe }}
            {% elif paper.title_zh %}
              {{ paper.title_zh }}
            {% else %}
              {{ paper.title_en }}
            {% endif %}
          </a>
        </h2>
        <span class="paper-upvotes">👍 {{ paper.upvotes }}</span>
      </div>

      {% if snippet and snippet.abstract %}
      <p class="paper-snippet">{{ snippet.abstract | safe }}</p>
      {% elif paper.summary and paper.summary.one_line %}
      <p class="paper-one-line">{{ paper.summary.one_line }}</p>
      {% elif paper.abstract %}
      <p class="paper-abstract-preview">{{ paper.abstract[:200] }}{% if paper.abstract|length > 200 %}…{% endif %}</p>
      {% endif %}

      <div class="paper-meta">
        <span class="paper-authors">
          {{ paper.authors|map(attribute='name')|join(', ')|truncate(80) }}
        </span>
        <span class="paper-date">{{ paper.paper_date }}</span>
      </div>

      <div class="paper-tags">
        {% for t in paper.tags[:5] %}
        <span class="tag">{{ t.tag }}</span>
        {% endfor %}
      </div>

      <div class="paper-footer">
        <span class="summary-badge summary-{{ paper.summary_status.status if paper.summary_status else 'none' }}">
          {% if not paper.summary_status or paper.summary_status.status == 'pending' %}
            未总结
          {% elif paper.summary_status.status == 'processing' %}
            🔄 总结中
          {% elif paper.summary_status.status in ('failed', 'permanent_failure') %}
            ❌ 总结失败
          {% elif paper.summary_status.status == 'done' %}
            ✅ 已总结
          {% endif %}
        </span>
        <a href="/paper/{{ paper.arxiv_id }}" class="btn-detail">详情 →</a>
      </div>
    </article>
    {% endfor %}
  </div>

  {# 分页 #}
  {% if total_pages > 1 %}
  <nav class="pagination">
    {% if page > 1 %}
    <a href="/search?q={{ query }}&tag={{ tag }}&sort={{ sort }}&page={{ page - 1 }}" class="page-btn">← 上一页</a>
    {% endif %}
    <span class="page-info">{{ page }} / {{ total_pages }}</span>
    {% if page < total_pages %}
    <a href="/search?q={{ query }}&tag={{ tag }}&sort={{ sort }}&page={{ page + 1 }}" class="page-btn">下一页 →</a>
    {% endif %}
  </nav>
  {% endif %}

  {% else %}
  <div class="empty-state">
    <p>没有找到匹配的论文</p>
    <p class="hint">试试其他关键词或标签</p>
  </div>
  {% endif %}
  {% endif %}
</section>
{% endblock %}