{{define "title"}} — Queue{{end}}
{{define "content"}}
<h2>Reading Queue</h2>
{{if not .Documents}}
<div class="card">
    <p>No documents in queue.</p>
</div>
{{else}}
<div class="doc-list">
    {{range .Documents}}
    <a href="/d/{{.Slug}}" class="doc-item {{if .Read}}doc-read{{end}}">
        <div class="doc-title">{{.Title}}</div>
        <div class="doc-meta">
            <span>{{.PushedBy}}</span>
            <span>{{.PushedAt}}</span>
            {{if .Read}}<span class="doc-badge read">read</span>{{else}}<span class="doc-badge unread">unread</span>{{end}}
        </div>
    </a>
    {{end}}
</div>
{{end}}
{{end}}