{{define "title"}}{{ tr "History" }} · {{ tr "Volumen admin" }}{{end}}
{{define "content"}}
<div class="page-head">
  <div class="page-head__text">
    <h1>{{ tr "History" }}: {{ .Heading }}</h1>
    <p class="page-head__lede">{{ trn (len .Revisions) "revisions.count" }}</p>
  </div>
  <div class="page-head__actions">
    <a class="btn btn--ghost" href="/admin/posts/{{ .Slug }}/edit">{{ tr "Back to editor" }}</a>
  </div>
</div>

{{if not .Revisions}}
  <div class="empty">
    <svg aria-hidden="true"><use href="/admin/assets/graphis.svg#clock"></use></svg>
    <h2>{{ tr "No revisions yet" }}</h2>
    <p class="empty__note">{{ tr "Every time this post is saved, the previous version is archived here." }}</p>
  </div>
{{else}}
  <div class="card card--flush">
    <table class="table">
      <thead>
        <tr>
          <th>{{ tr "Saved" }}</th>
          <th>{{ tr "Size" }}</th>
          <th class="table__actions">{{ tr "Actions" }}</th>
        </tr>
      </thead>
      <tbody>
        {{range .Revisions}}
          <tr>
            <td class="mono">{{ .When }}</td>
            <td class="mono">{{ .SizeKB }} kB</td>
            <td class="table__actions">
              <a class="btn btn--ghost btn--sm" href="/admin/posts/{{ $.Slug }}/history/{{ .Name }}">{{ tr "Download" }}</a>
              <a class="btn btn--ghost btn--sm" href="/admin/posts/{{ $.Slug }}/history/{{ .Name }}/diff">{{ tr "Compare" }}</a>
              <form method="post" action="/admin/posts/{{ $.Slug }}/history/{{ .Name }}/restore"
                    class="form-inline"
                    data-confirm="{{ tr "Restore this revision? The current content will be archived first." }}">
                <input type="hidden" name="_csrf" value="{{ $.CSRFToken }}">
                <button type="submit" class="btn btn--danger btn--sm">{{ tr "Restore" }}</button>
              </form>
            </td>
          </tr>
        {{end}}
      </tbody>
    </table>
  </div>
{{end}}
{{end}}