{% extends "base.html" %}

{% block title %}Notifications{% endblock %}

{% block content %}

<div class="head"><h1>Notifications <small>{{ unread }} unread</small></h1></div>

{% if let Some(n) = notice %}<p class="note">{{ n }}</p>{% endif %}

<div class="bar">

  <form method="post" action="/notifications/read"><input type="hidden" name="_csrf" value="{{ shell.csrf }}"><button type="submit" class="small">MARK ALL READ</button></form>

  <form method="post" action="/settings/notifications"><input type="hidden" name="_csrf" value="{{ shell.csrf }}"><label class="small"><input type="checkbox" name="email" value="1"{% if email_on %} checked{% endif %}> email me too</label> <button type="submit" class="small">SAVE</button></form>

</div>

{% if rows.is_empty() %}<p class="empty">Nothing yet. Watch a repository or take part in a thread and its events land here.</p>{% else %}

<ul class="rows">

{% for n in rows %}

  <li{% if !n.read %} class="unread"{% endif %}><div><a class="name" href="{{ n.url }}">{% if !n.read %}<span class="sig sig-valid">●</span> {% endif %}{{ n.title }}</a><p class="small">{{ n.kind }} · {{ n.actor }} · <time title="{{ n.at_ms|when_i }}">{{ n.at_ms|ago_i }}</time></p></div>

  <div class="right">{% if !n.read %}<form class="tiny" method="post" action="/notifications/read"><input type="hidden" name="_csrf" value="{{ shell.csrf }}"><input type="hidden" name="id" value="{{ n.id }}"><button>read</button></form>{% endif %}</div></li>

{% endfor %}

</ul>

{% endif %}

{% endblock %}