{% extends "base.html" %}
{% block title %}Notifications{% endblock %}
{% block page_title %}Notifications{% endblock %}
{% block content %}
<div class="page-header"><div><h1>Notifications</h1><p>Workflow assignments, deadlines, closures, and feedback sent to your account.</p></div><form method="post" action="{{ url_for('main.notifications_read_all') }}"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><button class="button secondary" type="submit">Mark All Read</button></form></div>
<section class="card"><div class="card-body">{% for item in notifications %}<article class="action-card {% if item.read_at %}complete{% endif %}"><strong>{{ item.title }}</strong><p>{{ item.message }}</p><div class="meta"><span>{{ item.created_at|localdt }}</span>{% if item.incident %}<a href="{{ url_for('main.incident_detail', incident_id=item.incident.id) }}">Open {{ item.incident.reference_no }}</a>{% endif %}<span>{{ 'Read' if item.read_at else 'Unread' }}</span></div></article>{% else %}<div class="empty-state"><strong>No notifications</strong><p>New assignments and feedback will appear here.</p></div>{% endfor %}</div></section>
{% endblock %}