{% extends "blog/base.html" %}

{% block breadcrumb %}
<nav class="breadcrumb">
    <a href="{% url 'blog:post_list' %}">首页</a>
    <span class="sep">&rsaquo;</span>
    <span class="current">文章归档</span>
</nav>
{% endblock %}

{% block content %}
<div class="page-header">
    <h2>文章归档</h2>
</div>

<div class="archive-list">
    {% regroup posts by published_at|date:"Y年m月" as date_groups %}
    {% for group in date_groups %}
    <div class="archive-group">
        <h3 class="archive-date">{{ group.grouper }}</h3>
        <ul>
            {% for post in group.list %}
            <li>
                <span class="date">{{ post.published_at|date:"m-d" }}</span>
                <a href="{% url 'blog:post_detail' post.slug %}">{{ post.title }}</a>
            </li>
            {% endfor %}
        </ul>
    </div>
    {% empty %}
    <div class="empty-state">
        <p>暂无文章</p>
    </div>
    {% endfor %}
</div>
{% endblock %}