{% extends "base.html" %}{% from "partials/paper_card.html" import render_card %}
{% block title %}{{ page_title }} — HF Daily Papers{%
endblock %} {% block content %}
<div class="date-nav">
  {% if prev_day %}
  <a href="/day/{{ prev_day }}" class="date-nav-btn">← 前一天</a>
  {% endif %}
  <div class="date-title" id="date-picker-trigger">{{ current_date }}</div>
  {% if next_day <= today %}
  <a href="/day/{{ next_day }}" class="date-nav-btn">后一天 →</a>
  {% endif %}
  <a href="/" class="date-nav-btn">今日</a>
</div>

{% if papers %}
<div class="paper-list">
  {% for paper in papers %}{{ render_card(paper) }}{% endfor %}
</div>
{% else %}
<div class="empty-state">
  <p>📭 当天暂无论文数据</p>
  <p class="hint">试试浏览其他日期，或使用管理接口抓取数据</p>
</div>
{% endif %}

<div class="date-quick-nav">
  <span>有数据的日期：</span>
  {% for d in available_dates[:10] %}
  <a
    href="/day/{{ d }}"
    class="date-chip {% if d == current_date %}active{% endif %}"
    >{{ d }}</a
  >
  {% endfor %}
</div>
{% endblock %}

{% block scripts %}
<script src="/static/js/date-picker.js"></script>
<script>
(function() {
  var trigger = document.getElementById('date-picker-trigger');
  if (!trigger) return;

  var markedDates = {{ available_dates | tojson }};

  new KamiDatePicker(trigger, {
    value: {{ current_date | tojson }},
    maxDate: {{ today | tojson }},
    markedDates: markedDates,
    onChange: function(dateStr) {
      if (dateStr) window.location.href = '/day/' + dateStr;
    }
  });
})();
</script>
{% endblock %}