{{ 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-2 mb-2">{{ . | markdownify }}</p>{{ end }}
        {{ if .Params.categories }}
<div class="post-categories" style="display: table;">
  <table style="border-collapse: separate; border-spacing: 0; background-color: #ffffff;">
    <thead>
      <tr>
        {{ $visibleCategories := slice }}
        {{ range .Params.categories }}
        {{ if not (in (slice "docs" "operate" "integrate" "develop" "stack") .) }}
          {{ $visibleCategories = $visibleCategories | append (slice .) }} <!-- Corrected Append -->
        {{ end }}
        {{ end }}
        {{ range $index, $element := $visibleCategories }}
          {{ $displayName := $element }}
          {{ $color := "#ffffff" }} <!-- Default background color (white) -->
          {{ if eq $element "rs" }}
            {{ $displayName = "Redis Software" }}
            {{ $color = "#DCFF1E" }}
          {{ else if eq $element "rc" }}
            {{ $displayName = "Redis Cloud" }}
            {{ $color = "#80DBFF" }}
          {{ else if eq $element "kubernetes" }}
            {{ $displayName = "Redis Enterprise for Kubernetes" }}
            {{ $color = "#8A99A0" }}
          {{ else if eq $element "oss" }}
            {{ $displayName = "Redis Open Source" }}
            {{ $color = "#C795E3" }}
          {{ else if eq $element "redisinsight" }}
            {{ $displayName = "Redis Insight" }}
            {{ $color = "#FD4439" }}
          {{ end }}
          <th style="border: 1px solid #ccc; padding: 8px; text-align: left; font-weight: normal; background-color: {{ $color }}; {{ if eq $index 0 }}border-top-left-radius: 10px; border-bottom-left-radius: 10px;{{ end }}{{ if eq $index (sub (len $visibleCategories) 1) }}border-top-right-radius: 10px; border-bottom-right-radius: 10px;{{ end }}">
            {{ $displayName }}
          </th>
        {{ end }}
      </tr>
    </thead>
    <tbody>
      <!-- The tbody is intentionally left empty as all content is in the header -->
    </tbody>
  </table>
</div>
{{ 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>
    {{ if not .Params.hideTOC }}
      {{ partial "docs-toc.html" . }}
    {{ end }}
    {{ partial "scripts.html" . }}
  </main>
{{ end }}