{{define "content"}}
<header rst-page-header>
<div rst-page-header-titles>
<h1>Version history</h1>
<p rst-page-header-sub>Every edit somebody typed, newest 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.MayWrite}}
<form method="post" action="/sheets/{{.Data.Sheet.ID}}/undo">
<button rst-btn="primary" type="submit">Undo</button>
</form>
{{/* rst-field-help, not rst-help — see share.html and the guard. */}}
<p rst-field-help>Undo only ever touches your own edits, one cell at a time. If
somebody has written over that cell since, your undo takes it back — and
you can undo that too.</p>
{{end}}

{{/* Edits, not changed cells. The log holds inputs and never derived
     values (spec §4.3, ruling 16), so an edit that recalculated four
     hundred cells appears here once — which is both what the storage
     can support and what a person wants to read. */}}
{{if .Data.Entries}}
<div style="overflow-x:auto">
<table data-cell-table>
<thead>
<tr>
<th scope="col">Cell</th>
<th scope="col">Was</th>
<th scope="col">Became</th>
<th scope="col">Who</th>
<th scope="col">When</th>
{{if .Data.MayWrite}}<th scope="col"><span class="rst-sr-only">Put back</span></th>{{end}}
</tr>
</thead>
<tbody>
{{$sheet := .Data.Sheet}}
{{$mayWrite := .Data.MayWrite}}
{{range .Data.Entries}}
<tr>
<th scope="row">{{.Ref}}</th>
<td>{{if .Old}}<code>{{.Old}}</code>{{else}}<span rst-row-sub>empty</span>{{end}}</td>
<td>{{if .Cleared}}<span rst-row-sub>cleared</span>{{else}}<code>{{.New}}</code>{{end}}</td>
<td>{{.Who}}{{if .Mine}} <span rst-badge="neutral">you</span>{{end}}</td>
<td>{{.When.Format "2 Jan 2006, 15:04"}}</td>
{{if $mayWrite}}
<td>
{{/* Restoring is a fresh write, not a rewind: it appears here as
     an edit by whoever did it and is itself undoable. A rewind
     would make this log disagree with the sheet. */}}
<form method="post" action="/sheets/{{$sheet.ID}}/restore">
<input type="hidden" name="event" value="{{.ID}}">
<button rst-btn="ghost" type="submit">Put back</button>
</form>
</td>
{{end}}
</tr>
{{end}}
</tbody>
</table>
</div>
{{else}}
<div rst-empty>
<p rst-empty-title>Nothing yet</p>
<p rst-empty-body>Edits show up here as soon as somebody types into a cell.</p>
</div>
{{end}}
{{end}}