{{define "content"}}
<div class="row">
  <div class="col-md-12">
    <p class="text-muted">
      <a href="{{.Data.SpaceHref}}">{{.Data.SpaceRef}}</a> / <code>{{.Data.Path}}</code>
    </p>
    <h2>{{.Data.Title}}</h2>
    {{if .Data.Summary}}<p class="lead">{{.Data.Summary}}</p>{{end}}
  </div>
</div>

<div class="row">
  <div class="col-md-9">
    <article class="spec-doc">
      {{.Data.Body}}
    </article>

    {{if .Data.Missing}}
    <div class="alert alert-warning">
      Unresolved wikilinks:
      {{range .Data.Missing}}<code>{{.}}</code> {{end}}
    </div>
    {{end}}
  </div>

  <aside class="col-md-3">
    <h4>Metadata</h4>
    <dl>
      <dt>Address</dt>
      <dd><code>{{.Data.Address}}</code></dd>
      <dt>ID</dt>
      <dd><code>{{if .Data.DocID}}{{.Data.DocID}}{{else}}{{.Data.ID}}{{end}}</code></dd>
      {{if .Data.Status}}<dt>Status</dt><dd>{{.Data.Status}}</dd>{{end}}
      {{if .Data.Type}}<dt>Type</dt><dd>{{.Data.Type}}</dd>{{end}}
      {{if .Data.Tags}}
      <dt>Tags</dt>
      <dd>{{range .Data.Tags}}<span class="badge badge-secondary">{{.}}</span> {{end}}</dd>
      {{end}}
      {{if .Data.Owners}}<dt>Owners</dt><dd>{{range .Data.Owners}}{{.}} {{end}}</dd>{{end}}
      <dt>Revision</dt>
      <dd>
        <code title="{{.Data.Rev}}">{{shortsha .Data.Rev}}</code>
        {{if .Data.Pinned}}<span class="badge badge-secondary">pinned</span>
        {{else}}<span class="badge badge-secondary">approved</span>{{end}}
      </dd>
      <dt>Blob</dt>
      <dd><code title="{{.Data.Blob}}">{{shortsha .Data.Blob}}</code></dd>
      <dt>Words</dt>
      <dd>{{.Data.WordCount}}</dd>
    </dl>

    <h4>Formats</h4>
    <ul class="list-unstyled">
      <li><a href="{{.Data.RawHref}}">raw markdown (.md)</a></li>
      <li><a href="{{.Data.JSONHref}}">metadata + body (.json)</a></li>
      {{if not .Data.Pinned}}
      <li><a href="?rev={{.Data.Rev}}">permalink to this revision</a></li>
      {{else}}
      <li><a href="{{.Data.SpaceHref}}">back to the approved revision</a></li>
      {{end}}
    </ul>

    {{if .Data.Props}}
    <h4>Frontmatter</h4>
    <dl>
      {{range .Data.Props}}<dt>{{.Name}}</dt><dd>{{.Value}}</dd>{{end}}
    </dl>
    {{end}}

    {{if .Data.Headings}}
    <h4>Contents</h4>
    <ul class="list-unstyled">
      {{range .Data.Headings}}
      <li>{{indent (dec .Level)}}<a href="#{{.ID}}">{{.Text}}</a></li>
      {{end}}
    </ul>
    {{end}}

    {{if .Data.Children}}
    <h4>Children</h4>
    <ul class="list-unstyled">
      {{range .Data.Children}}<li><a href="{{.Href}}">{{.Title}}</a></li>{{end}}
    </ul>
    {{end}}

    <h4>Backlinks</h4>
    {{if .Data.Backlinks}}
    <ul class="list-unstyled">
      {{range .Data.Backlinks}}<li><a href="{{.Href}}">{{.Title}}</a></li>{{end}}
    </ul>
    {{else}}
    <p class="text-muted">Nothing links here.</p>
    {{end}}
  </aside>
</div>
{{end}}