{% extends "base.html" %}

{% block page_title %}文章管理{% endblock %}

{% block content %}
<div class="card">
    <div class="card-header card-header-row">
        <div>
            <h2>文章列表</h2>
            <p class="card-subtitle">基于 TXT 文件的轻量博客系统</p>
        </div>
        <div class="card-header-actions">
            <form method="get" action="/admin/search" class="search-form">
                <input type="text" name="q" value="{{ search_query or '' }}" placeholder="搜索标题 / 标签 / 正文">
                <button type="submit" class="btn btn-secondary">搜索</button>
            </form>
            <a href="/admin/blogs/new" class="btn btn-primary">+ 新建文章</a>
        </div>
    </div>

    <div class="card-body">
        <table class="table">
            <thead>
            <tr>
                <th style="width: 20%;">Slug</th>
                <th style="width: 35%;">标题</th>
                <th style="width: 25%;">标签</th>
                <th style="width: 20%;">操作</th>
            </tr>
            </thead>
            <tbody>
            {% for post in posts %}
                <tr>
                    <td><code>{{ post.slug }}</code></td>
                    <td>{{ post.title }}</td>
                    <td>
                        {% for tag in post.tags %}
                            <span class="tag tag-small">{{ tag }}</span>
                        {% endfor %}
                    </td>
                    <td>
                        <a href="/admin/blogs/{{ post.slug }}/edit" class="btn btn-link">编辑</a>
                    </td>
                </tr>
            {% else %}
                <tr><td colspan="4" style="text-align: center;">暂无文章或无匹配结果</td></tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}