{% extends "adminpanel/base.html" %}
{% block title %}Notifications — admin{% endblock %}
{% block heading %}Notifications{% endblock %}

{% block content %}
<div class="pane">
  <div class="panel">
    <div class="panel-h"><h2>Notifications</h2>
      <form method="post" class="act">{% csrf_token %}<button class="btn btn-sm">Mark all read</button></form></div>
    <ul class="tickets">
      {% for n in notifications %}
      <li>
        <div><div class="tn">{% if n.url %}<a href="{{ n.url }}">{{ n.body }}</a>{% else %}{{ n.body }}{% endif %}</div>
          <div class="tm">{{ n.kind }} · {{ n.created_at|date:"j M Y · H:i" }}</div></div>
        <span class="status {% if not n.read %}s-open{% endif %}">{% if n.read %}Read{% else %}New{% endif %}</span>
      </li>
      {% empty %}<li><div class="tn muted">Nothing to show.</div></li>{% endfor %}
    </ul>
  </div>
</div>
{% endblock %}