{{ define "document.gohtml" }}{{ template "base" . }}{{ end }}

{{ define "document_content" }}
<section class="workspace-shell">
  {{ template "browser" .Browser }}
  <article class="document-shell" data-document-path="{{ .Path }}" data-document-hash="{{ .Hash }}">
    <div class="document-meta">
      <h1>{{ .Title }}</h1>
      <dl class="meta-grid">
        <div>
          <dt>File</dt>
          <dd><code>{{ .Path }}</code></dd>
        </div>
        <div>
          <dt>Hash</dt>
          <dd><code>{{ .Hash }}</code></dd>
        </div>
        {{ if .Tags }}
          <div>
            <dt>Tags</dt>
            <dd>
              <ul class="tag-list">
                {{ range .Tags }}
                  <li><a href="/?tag={{ . }}">#{{ . }}</a></li>
                {{ end }}
              </ul>
            </dd>
          </div>
        {{ end }}
      </dl>
    </div>

    <div class="markdown-body">
      {{ .HTML }}
    </div>
  </article>
</section>
{{ end }}

{{ define "browser" }}
<nav class="miller-browser" aria-label="Documents">
  {{ range .Columns }}
    <section class="miller-column" aria-label="{{ .Title }}">
      <h2>{{ .Title }}</h2>
      <ul>
        {{ range .Items }}
          <li>
            <a class="{{ if .Active }}is-active{{ end }} {{ if .IsFolder }}is-folder{{ end }}" href="{{ .URL }}">
              <span class="browser-item-label">
                <span class="browser-icon {{ if .IsFolder }}browser-icon--folder{{ else }}browser-icon--file{{ end }}" aria-hidden="true"></span>
                <span>{{ .Name }}</span>
              </span>
              {{ if .IsFolder }}<span aria-hidden="true">›</span>{{ end }}
            </a>
          </li>
        {{ end }}
      </ul>
    </section>
  {{ end }}
</nav>
{{ end }}