{{define "content"}}
<div class="row">
  <div class="col-md-12">
    <h2>{{.Data.Ref}}</h2>
    <p class="text-muted">
      {{.Data.Count}} document{{if ne .Data.Count 1}}s{{end}} at
      <code title="{{.Data.Rev}}">{{shortsha .Data.Rev}}</code>
      {{if .Data.Pinned}}
      <span class="badge badge-secondary">pinned</span>
      &mdash; <a href="/{{.Data.Ref}}">back to the approved revision</a>
      {{else}}
      <span class="badge badge-secondary">approved</span>
      &mdash; <a href="/{{.Data.Ref}}?rev={{.Data.Rev}}">permalink to this revision</a>
      {{end}}
    </p>
    <form method="GET" action="/search" class="form-inline">
      <input type="hidden" name="space" value="{{.Data.Ref}}">
      <div class="form-group">
        <label class="sr-only" for="q">Query</label>
        <input class="form-control" type="text" id="q" name="q"
               placeholder="search {{.Data.Ref}}" autocomplete="off">
      </div>
      <button class="btn btn-primary" type="submit">Search</button>
    </form>
  </div>
</div>

<div class="row">
  <div class="col-md-12">
    {{if .Data.Items}}
    <table class="table">
      <thead>
        <tr><th>Document</th><th>ID</th><th>Status</th><th>Section</th></tr>
      </thead>
      <tbody>
        {{range .Data.Items}}
        <tr>
          <td>
            {{indent .Depth}}<a href="{{.Href}}">{{.Title}}</a>
            {{if .Summary}}<div class="text-muted"><small>{{indent .Depth}}{{.Summary}}</small></div>{{end}}
          </td>
          <td><code>{{if .DocID}}{{.DocID}}{{else}}&mdash;{{end}}</code></td>
          <td>{{if .Status}}<span class="badge badge-secondary">{{.Status}}</span>{{end}}</td>
          <td class="text-muted">{{.Section}}</td>
        </tr>
        {{end}}
      </tbody>
    </table>
    {{else}}
    <p class="text-muted">This space has no documents at this revision.</p>
    {{end}}
  </div>
</div>
{{end}}