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

{% block content %}
<!-- 页面标题 -->
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2 class="mb-0">
        <i class="bi bi-globe me-2 text-info"></i>公开内容
    </h2>
    {% if user.is_authenticated %}
    <div>
        <a href="{% url 'add_public_content' %}" class="btn btn-primary">
            <i class="bi bi-plus-lg me-1"></i>添加内容
        </a>
    </div>
    {% endif %}
</div>

{% if content_by_type %}
    {% for type_name, contents in content_by_type.items %}
    <div class="card mb-4">
        <div class="card-header bg-info text-dark d-flex justify-content-between align-items-center">
            <h5 class="card-title mb-0">
                <i class="bi bi-folder me-2"></i>{{ type_name }}
            </h5>
            <span class="badge bg-light text-info">{{ contents|length }} 项</span>
        </div>
        <div class="card-body">
            <div class="list-group">
                {% for content in contents %}
                <div class="list-group-item">
                    <div class="d-flex justify-content-between align-items-start">
                        <div class="flex-grow-1">
                            <h6 class="mb-2">
                                {% if content.url %}
                                <a href="{{ content.url }}" target="_blank" class="text-decoration-none">
                                    <i class="bi bi-link-45deg me-1"></i>{{ content.title }}
                                </a>
                                {% else %}
                                <i class="bi bi-file-earmark-text me-1"></i>{{ content.title }}
                                {% endif %}
                            </h6>
                            {% if content.content %}
                            <p class="text-muted small mb-2">{{ content.content|truncatechars:200 }}</p>
                            {% endif %}
                            {% if content.file %}
                            <a href="{{ content.file.url }}" class="btn btn-sm btn-outline-primary me-2" target="_blank">
                                <i class="bi bi-download me-1"></i>下载文件
                            </a>
                            {% endif %}
                        </div>
                        {% if user.is_authenticated %}
                        <div class="btn-group ms-3">
                            <a href="{% url 'edit_public_content' content.id %}" class="btn btn-sm btn-warning" title="编辑">
                                <i class="bi bi-pencil"></i>
                            </a>
                            <a href="{% url 'delete_public_content' content.id %}" class="btn btn-sm btn-danger" title="删除">
                                <i class="bi bi-trash"></i>
                            </a>
                        </div>
                        {% endif %}
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
    {% endfor %}
{% else %}
<div class="text-center py-5">
    <i class="bi bi-inbox text-muted" style="font-size: 5rem;"></i>
    <h5 class="text-muted mt-3">暂无公开内容</h5>
    <p class="text-muted">请稍后再来查看</p>
    {% if user.is_authenticated %}
    <a href="{% url 'add_public_content' %}" class="btn btn-primary">
        <i class="bi bi-plus-lg me-1"></i>添加内容
    </a>
    {% endif %}
</div>
{% endif %}
{% endblock %}