{% extends 'grades/base.html' %}
{% block title %}通知公告{% endblock %}
{% block breadcrumb %}<li class="breadcrumb-item active">通知公告</li>{% endblock %}

{% block content %}
<h4 class="mb-3"><i class="bi bi-megaphone"></i> 通知公告</h4>

{% for n in notices %}
<div class="card mb-3">
    <div class="card-header d-flex justify-content-between align-items-center">
        <strong>{{ n.title }}</strong>
        <small class="text-muted">{{ n.created_at|date:"Y-m-d H:i" }} · {{ n.author.username|default:"系统" }}</small>
    </div>
    <div class="card-body">
        <p class="mb-2" style="white-space:pre-wrap;">{{ n.content|truncatechars:200 }}</p>
        {% if n.content|length > 200 %}
        <a href="{% url 'notice_detail' n.pk %}" class="btn btn-sm btn-outline-primary">查看详情</a>
        {% endif %}
    </div>
</div>
{% empty %}
<div class="text-center text-muted py-5">
    <i class="bi bi-inbox" style="font-size:48px;"></i>
    <p class="mt-2">暂无公告</p>
</div>
{% endfor %}
{% endblock %}