{% extends 'admin/base.html' %}

{% block title %}标签管理{% endblock %}
{% block page_title %}标签管理{% endblock %}

{% block content %}
<div class="toolbar">
    <a href="{{ url_for('admin.tag_create') }}" class="btn btn-primary">+ 新建标签</a>
</div>

{% if tags %}
<table class="data-table">
    <thead>
        <tr>
            <th width="30%">名称</th>
            <th width="30%">颜色</th>
            <th width="25%">文章数</th>
            <th width="15%">操作</th>
        </tr>
    </thead>
    <tbody>
        {% for tag in tags %}
        <tr>
            <td>
                <span class="badge" style="background-color: {{ tag.color }}">{{ tag.name }}</span>
            </td>
            <td>{{ tag.color }}</td>
            <td>{{ tag.articles|length }}</td>
            <td>
                <div class="action-buttons">
                    <a href="{{ url_for('admin.tag_edit', tag_id=tag.id) }}" 
                       class="btn btn-sm">编辑</a>
                    <form action="{{ url_for('admin.tag_delete', tag_id=tag.id) }}" 
                          method="POST" style="display:inline"
                          onsubmit="return confirm('确定要删除这个标签吗？')">
                        <button type="submit" class="btn btn-sm btn-danger">删除</button>
                    </form>
                </div>
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% else %}
<div class="empty-state">
    <p>暂无标签</p>
    <a href="{{ url_for('admin.tag_create') }}" class="btn btn-primary">创建第一个标签</a>
</div>
{% endif %}
{% endblock %}