{{define "content"}}
<header rst-page-header>
<div rst-page-header-titles>
<h1>Comments</h1>
<p rst-page-header-sub>Notes about particular cells. Open threads first.</p>
</div>
<a rst-btn="ghost" href="/sheets/{{.Data.Sheet.ID}}">Back to sheet</a>
</header>

{{/* A fixed sentence chosen by code, in its tone (shared chrome spec §4);
     role="alert" only for a submit that did not work. */}}
{{with .Data.Notice}}{{template "callout" (dict "Body" . "Tone" $.Data.NoticeTone "Alert" (eq $.Data.NoticeTone "negative"))}}{{end}}

{{if .Data.MayComment}}
<form rst-form method="post" action="/sheets/{{.Data.Sheet.ID}}/comments">
<div rst-field-row>
<div rst-field>
<label rst-field-label for="r">Row</label>
<input rst-input="short" id="r" name="r" type="number" min="0" value="0" required>
</div>
<div rst-field>
<label rst-field-label for="c">Column</label>
<input rst-input="short" id="c" name="c" type="number" min="0" value="0" required>
</div>
</div>
<div rst-field>
<label rst-field-label for="body">Comment</label>
<textarea rst-textarea id="body" name="body" rows="3" required></textarea>
</div>
<div rst-form-actions>
<button rst-btn="primary" type="submit">Add comment</button>
</div>
</form>
<p rst-field-help>Row and column are counted from zero, the way the grid
addresses them: row 0, column 0 is A1.</p>
{{end}}

{{if .Data.Threads}}
{{$sheet := .Data.Sheet}}
{{$mayComment := .Data.MayComment}}
{{range .Data.Threads}}
<div rst-box>
<div rst-box-head>
<strong>{{.Ref}}</strong>
{{if .Resolved}}<span rst-badge="neutral">resolved</span>{{end}}
</div>
{{/* Always open. Not rst-tblock: that is a toggle-block whose body
     stays display:none until a switch in its head is checked, and a
     comment has no switch, so its text never showed. */}}
{{range .Entries}}
<div data-comment>
<p><strong>{{.Author}}</strong>
<span rst-row-sub>{{.When.Format "2 Jan 2006, 15:04"}}</span></p>
<p>{{.Body}}</p>
</div>
{{end}}
{{if and $mayComment (not .Resolved)}}
<div rst-box-foot>
{{/* Resolving settles the whole cell's thread, because a thread is
     the unit people think in and resolving one message of a
     conversation says nothing useful. */}}
<form method="post" action="/sheets/{{$sheet.ID}}/comments/resolve">
<input type="hidden" name="r" value="{{.RowPos}}">
<input type="hidden" name="c" value="{{.ColPos}}">
<button rst-btn="ghost" type="submit">Resolve this thread</button>
</form>
</div>
{{end}}
</div>
{{end}}
{{else}}
<div rst-empty>
<p rst-empty-title>No comments yet</p>
<p rst-empty-body>A comment is a note about one cell. It stays attached to
that cell even when rows are inserted above it.</p>
</div>
{{end}}
{{end}}