{{define "library_comments"}}
<div class="detail-view comments-page">
    <div class="detail-header">
        <div>
            <a href="/library/item/{{urlEncodePath .Data.Item.RelPath}}">&larr; Back to item</a>
            <h2>{{.Data.Item.Name}} comments</h2>
        </div>
    </div>

    {{if .Data.Comments}}
    <p class="muted">{{len .Data.Comments}} comments</p>
    <div class="comment-list">
        {{range .Data.Comments}}
        {{template "comment_card" .}}
        {{end}}
    </div>
    {{else}}
    <div class="empty-state"><p>No comments are available for this item.</p></div>
    {{end}}
</div>
{{end}}