{{define "content"}}
<div class="inboxhead"><h3>Notifications</h3>{{if .Unread}}<form method="post" action="/notifications"><button class="btn small">Mark all as read</button></form>{{end}}</div>
{{with .Data.Items}}<ul class="inbox">{{range .}}<li{{if .Unread}} class="unread"{{end}}><a href="/notifications/{{.ID}}">
<svg class="kind" viewBox="0 0 16 16" aria-hidden="true">{{if eq .Kind "pull"}}<circle cx="4" cy="3.5" r="1.6"/><circle cx="4" cy="12.5" r="1.6"/><circle cx="12" cy="12.5" r="1.6"/><path d="M4 5.1v5.8M12 10.9V7a2.5 2.5 0 0 0-2.5-2.5H7m1.5-2L7 4.5l1.5 2"/>{{else}}<circle cx="8" cy="8" r="6"/><circle cx="8" cy="8" r="1.2"/>{{end}}</svg>
<span class="what"><span class="where">{{.Repo.Path}} <span class="muted">#{{.Number}}</span></span><span class="title">{{.Title}}</span></span>
<span class="who muted">~{{.Actor}} {{.Verb}} this · {{ago .Created}}</span></a></li>{{end}}</ul>
{{else}}<p class="info">Nothing here yet. When someone opens, comments on, reviews, merges or closes a pull request or issue you are part of, it shows up here.</p>{{end}}
{{end}}