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

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-8">
        <div class="card">
            <div class="card-header">
                <h5 class="mb-1">{{ notice.title }}</h5>
                <small class="text-muted">
                    <i class="bi bi-person"></i> {{ notice.author.username|default:"系统" }}
                    <span class="mx-2">|</span>
                    <i class="bi bi-clock"></i> {{ notice.created_at|date:"Y-m-d H:i" }}
                </small>
            </div>
            <div class="card-body">
                <div style="white-space:pre-wrap; line-height:1.8;">{{ notice.content }}</div>
            </div>
        </div>
        <a href="{% url 'notice_view' %}" class="btn btn-outline-secondary mt-3"><i class="bi bi-arrow-left"></i> 返回列表</a>
    </div>
</div>
{% endblock %}