{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
{{ $current_page := . }}

<div class="container-fluid docs">
  <div class="row flex-xl-nowrap">
    <div class="col-12 col-md-3 col-xl-2 docs-sidebar">
      {{ partial "docs_sidebar.html" . }}
    </div>

    {{ if .Params.toc }}
    <div class="d-none d-xl-block col-xl-2 docs-toc">
      {{ with (i18n "on_this_page") }}
      <p class="docs-toc-title">{{.}}</p>
      {{ end }}

      {{ .TableOfContents }}

      <ul class="nav toc-top">
        <li><a href="#">{{ i18n "back_to_top" | default "Back to top" }}</a></li>
      </ul>

      {{ partial "docs_toc_foot.html" . }}
    </div>
    {{ end }}

    <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 docs-content" role="main">

      <article class="article" itemscope itemtype="http://schema.org/Article">

        <div class="docs-article-container">
          <h1 itemprop="name">{{ .Title }}</h1>

          <div class="article-style" itemprop="articleBody">
            {{ .Content }}
          </div>

          {{ partial "tags.html" . }}
        </div>

        <div class="body-footer">
          {{ i18n "last_updated" }} {{ $.Lastmod.Format site.Params.date_format }}
        </div>

      </article>

      {{ partial "footer_section.html" . }}

    </main>
  </div>
</div>

{{ partial "footer.html" . }}