{% extends 'base.html' %}

{% block content %}
<div class="row g-4">
    <div class="col-md-6">
        <h2 class="h2 mb-4">最新留言</h2>
        {% for message in messages %}
        <div class="card mb-3">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center mb-2">
                    <span class="fw-bold">{{ message.author }}</span>
                    <span class="text-muted small">{{ message.created_at|date:"Y-m-d H:i" }}</span>
                </div>
                <p class="card-text">{{ message.content }}</p>
            </div>
        </div>
        {% endfor %}
    </div>

    <div class="col-md-6">
        <h2 class="h2 mb-4">公开文件</h2>
        {% for file in files %}
        <div class="card mb-3">
            <div class="card-body">
                <div class="d-flex justify-content-between align-items-center mb-2">
                    <a href="{{ file.file.url }}" class="fw-bold text-decoration-none">
                        {{ file.file.name }}
                    </a>
                    <span class="text-muted small">{{ file.created_at|date:"Y-m-d H:i" }}</span>
                </div>
                <p class="card-text">{{ file.description }}</p>
            </div>
        </div>
        {% endfor %}
    </div>
</div>
{% endblock %}