{{define "title"}}{{ tr "Changes" }} · {{ tr "Volumen admin" }}{{end}}
{{define "content"}}
<div class="page-head">
  <div class="page-head__text">
    <h1>{{ tr "Changes" }}: {{ .Heading }}</h1>
    <p class="page-head__lede">
      {{ tr "Archived version" }} <code>{{ .DiffName }}</code>{{if .DiffWhen}} · {{ .DiffWhen }}{{end}} · {{ tr "compared with the current content." }}
    </p>
  </div>
  <div class="page-head__actions">
    <a class="btn btn--ghost" href="/admin/posts/{{ .Slug }}/history">{{ tr "Back to history" }}</a>
  </div>
</div>

<div class="diff-legend" aria-hidden="true">
  <span class="tag tag--warn">{{ tr "removed" }}</span>
  <span class="tag tag--ok">{{ tr "added" }}</span>
</div>

<div class="card card--flush">
  <div class="diff">
    {{if not .DiffChunks}}
      <div class="diff__line diff__line--equal">{{ tr "No differences from the current content." }}</div>
    {{end}}
    {{range .DiffChunks}}
      {{if .Op.Is "skipped"}}
        <div class="diff__line diff__line--skipped">··· {{ trn .Skipped "diff.unchanged" }} ···</div>
      {{else if .Op.Is "removed"}}
        {{range .Lines}}<div class="diff__line diff__line--removed"><span class="diff__sign">&minus;</span>{{ . }}</div>{{end}}
      {{else if .Op.Is "added"}}
        {{range .Lines}}<div class="diff__line diff__line--added"><span class="diff__sign">+</span>{{ . }}</div>{{end}}
      {{else}}
        {{range .Lines}}<div class="diff__line diff__line--equal"><span class="diff__sign">&nbsp;</span>{{ . }}</div>{{end}}
      {{end}}
    {{end}}
  </div>
</div>
{{end}}