{% extends "base.html" %}
{% block title %}通知{% endblock %}
{% block content %}
<h1 style="margin-bottom:20px;font-size:24px;">🔔 通知</h1>

{% if notifications %}
{% for n in notifications %}
<div class="notif-item{% if not n.read %} unread{% endif %}">
    <div class="notif-title">
        {% if n.ticket_id %}
        <a href="/ticket/{{ n.ticket_id }}">{{ n.title }}</a>
        {% else %}
        {{ n.title }}
        {% endif %}
    </div>
    {% if n.content %}
    <div class="notif-content">{{ n.content }}</div>
    {% endif %}
    <div class="notif-time">{{ n.created_at.strftime('%Y-%m-%d %H:%M') }}</div>
</div>
{% endfor %}
{% else %}
<div class="card" style="text-align:center;padding:40px;color:var(--text-muted);">
    暂无通知
</div>
{% endif %}
{% endblock %}