{{ define "head" }}
  <script src='{{ relURL "js/codetabs.js" }}' defer></script>
{{ end }}

{{ define "main" }}
  <main class="docs w-full max-w-[1920px] mx-auto px-5 flex flex-col md:flex-row overflow-hidden">
    {{ partial "docs-nav.html" . }}
    <div class="w-full py-12 md:pl-4 xl:px-16 overflow-hidden">
      {{ partial "breadcrumbs" . }}
      <section class="prose w-full py-12 max-w-none">
        <h1>{{ .Title }}</h1>
        {{ with .Params.description }}<p class="text-lg -mt-5 mb-10">{{ . | markdownify }}</p>{{ end }}
        
        <!-- In-page banner -->
        {{ if .Params.bannerText }}
          <!-- Banner params are in the current page's front matter -->
          {{ partial "banner-article.html" . }}
        {{ else }}
          <!-- Iterate through the page's ancestors to determine if a 
            section-wide banner is enabled by a parent page's front matter -->
          {{ $ancestorDirs := slice }}
          {{ with .File }}
            {{ $ancestorDirs = split .Dir "/" }}
          {{ end }}
          {{ $currPage := .Page }}
          {{ range $i, $page := $ancestorDirs }}
            {{ if and $currPage.Params.bannerText $currPage.Params.bannerChildren }}
              {{ partial "banner-article.html" $currPage }}
            {{ end }}
            {{ $currPage = $currPage.Parent }}
          {{ end }}
        {{ end }}
        
        {{ .Content }}
        {{ if not .Params.hideListLinks }}
          <nav>
            {{ range .CurrentSection.Pages }}
              <a href="{{ .RelPermalink }}"{{ with .Params.manualLinkTitle }} title="{{ . }}"{{ end }}{{ with .Params.manualLinkTarget }} target="{{ . }}"{{ if eq . "_blank" }} rel="noopener"{{ end }}{{ end }}>{{- .Title -}}</a>
              {{ if .Description }}
                <p>{{ .Description | markdownify }}</p>
              {{ else }}
                <br /><br />
              {{ end }}
            {{ end }}
          </nav>
        {{ end }}
        {{ partial "feedback.html" . }}
      </section>
    </div>
    {{ partial "docs-toc.html" . }}
    {{ partial "scripts.html" . }}
  </main>
{{ end }}