{% extends "base.html" %}

<!-- ============================================================
     pages/blog-list.html — 博客列表页模板
     以卡片列表形式展示所有已发布的文章。

     模板变量：
       - posts: Vec<Post> 所有已发布的文章（按时间倒序）
     ============================================================ -->

{% block title %}博客 — {{ site_name }}{% endblock %}

{% block content %}
<h1 class="page-title">博客</h1>

{% if posts %}
    {% for post in posts %}
    <article class="post-card">
        <h2 class="post-card-title">
            <a href="/blog/{{ post.slug }}">{{ post.title }}</a>
        </h2>
        <div class="post-card-meta">{{ post.created_at }}</div>
        {% if post.excerpt %}
        <p class="post-card-excerpt">{{ post.excerpt }}</p>
        {% endif %}
    </article>
    {% endfor %}
{% else %}
    <div class="empty-state">
        <p>还没有已发布的文章。</p>
    </div>
{% endif %}
{% endblock %}