{{define "content"}}
<header rst-page-header>
<div rst-page-header-titles>
<h1>{{.Data.Sheet.Title}}</h1>
<p rst-page-header-sub>Shared with you as a read-only link.</p>
</div>
</header>

{{if .Data.CanComment}}
{{template "callout" (dict "Body" "You can comment on this sheet once you sign in. Reading needs no account; anything you write is attributed, and that is what an account is for." "Tone" "info")}}
{{end}}

<div style="overflow-x:auto">
<table data-cell-table>
<caption class="rst-sr-only">{{.Data.Sheet.Title}}, page {{.Data.Page}} of {{.Data.Pages}}</caption>
<thead>
<tr>
<th scope="col"><span class="rst-sr-only">Row</span></th>
{{range .Data.Cols}}<th scope="col">{{.}}</th>{{end}}
</tr>
</thead>
<tbody>
{{range .Data.Rows}}
<tr>
<th scope="row">{{.Number}}</th>
{{/* No edit form and no link to one. The handler passes a row and
     column that cannot match any cell, so .Editing is false
     everywhere — read-only expressed in the data rather than trusted
     to this template. */}}
{{/* data-kind carries the same numeric flag the editable table uses, so
     a link viewer gets the same right-aligned numbers. The cells here
     are plain <td> rather than anchors — there is nothing to edit — and
     with no anchor there is nothing to keep an empty cell open, so the
     &nbsp; stays on this view and only on this view. */}}
{{range .Cells}}<td{{if .Number}} data-kind="number"{{end}}{{if .Raw}} title="{{.Raw}}"{{end}}>{{if .Display}}{{.Display}}{{else}}&nbsp;{{end}}</td>{{end}}
</tr>
{{end}}
</tbody>
</table>
</div>

<nav rst-pagination aria-label="Rows">
{{if .Data.HasPrev}}
<a href="/l/{{.Data.Token}}?page={{.Data.PrevPage}}">Previous rows</a>
{{else}}<span rst-pagination-disabled>Previous rows</span>{{end}}
<span>Page {{.Data.Page}} of {{.Data.Pages}}</span>
{{if .Data.HasNext}}
<a href="/l/{{.Data.Token}}?page={{.Data.NextPage}}">Next rows</a>
{{else}}<span rst-pagination-disabled>Next rows</span>{{end}}
</nav>
{{end}}