{{ $currentPermalink := .RelPermalink }}
{{ $currentTags := .Params.tags }}
{{ $currentBook := .Params.book }}
{{ $currentVolume := .Params.volume }}
{{ $relatedContent := where site.Pages "Params.tags" "intersect" $currentTags }}

{{ $books := slice
  (dict "name" "SCALEGettingStarted" "title" "Getting Started" "volume" "SCALE, Appendices, True")
  (dict "name" "SCALETutorials" "title" "Tutorials" "volume" "SCALE, Appendices, True")
  (dict "name" "SCALEUIReference" "title" "UI Reference" "volume" "SCALE, Appendices, True")
  (dict "name" "TrueNASApps" "title" "Apps" "volume" "SCALE, Appendices")
  (dict "name" "COREGettingStarted" "title" "CORE Getting Started" "volume" "CORE, Appendices, True")
  (dict "name" "CORETutorials" "title" "CORE Tutorials" "volume" "CORE, Appendices, True")
  (dict "name" "COREUIReference" "title" "CORE UI Reference" "volume" "CORE, Appendices, True")
  (dict "name" "TrueCmdGSG" "title" "TrueCommand Getting Started" "volume" "True")
  (dict "name" "TrueCmdUG" "title" "TrueCommand User Guide" "volume" "True")
  (dict "name" "TrueCmdAG" "title" "TrueCommand Administrator Guide" "volume" "True")
  (dict "name" "References" "title" "General Reference" "volume" "Appendices, CORE, SCALE, True")
  (dict "name" "Contributing" "title" "Contributing" "volume" "Appendices")
  (dict "name" "Solutions" "title" "Solutions" "volume" "Appendices, CORE, SCALE, True")
}}

<style>
  .columns {
    display: flex;
    flex-wrap: wrap;
  }

  .column {
    width: 25%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  h3 {
    margin-bottom: 0; 
  }

  @media screen and (max-width: 800px) {
    .columns {
      flex-direction: column;
    }
    .column {
      width: 100%;
    }
  }
</style>

{{ $columnCount := 0 }}
{{ $currentBookContent := where $relatedContent "Params.book" $currentBook }}

{{ if gt (len $currentBookContent) 1 }}
  <h2>Related Content</h2>
  <div class="columns">
    <div class="column">
      {{ $currentBookInfo := index (where $books "name" $currentBook) 0 }}
      <b>{{ with $currentBookInfo }}{{ .title }}{{ end }}</b>
      <ul>
        {{ $count := 0 }}
        {{ range $currentBookContent }}
          {{ if and (ne .RelPermalink $currentPermalink) (lt $count 5) }}
            <li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
            {{ $count = add $count 1 }}
          {{ end }}
        {{ end }}
      </ul>
    </div>
    {{ $columnCount = add $columnCount 1 }}
{{ end }}

{{ range $books }}
  {{ if and (lt $columnCount 4) (ne .name $currentBook) }}
    {{ $book := .name }}
    {{ $title := .title }}
    {{ $volume := .volume }}
    {{ $content := where $relatedContent "Params.book" $book }}
    {{ $count := 0 }}
    {{ if and (in $volume $currentVolume) (gt (len $content) 0) }}
      {{ $hasRelatedTagsInCurrentBook := false }}
      {{ range $content }}
        {{ if and (ne .RelPermalink $currentPermalink) (not $hasRelatedTagsInCurrentBook) }}
          {{ $hasRelatedTagsInCurrentBook = true }}
        {{ end }}
      {{ end }}
      {{ if $hasRelatedTagsInCurrentBook }}
        {{ if eq $columnCount 0 }}
          <h2>Related Content</h2>
          <div class="columns">
        {{ end }}
        <div class="column">
          <b>{{ $title }}</b>
          <ul>
            {{ range $content }}
              {{ if and (ne .RelPermalink $currentPermalink) (lt $count 5) }}
                <li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
                {{ $count = add $count 1 }}
              {{ end }}
            {{ end }}
          </ul>
        </div>
        {{ $columnCount = add $columnCount 1 }}
      {{ end }}
    {{ end }}
  {{ end }}
{{ end }}

{{ if gt $columnCount 0 }}
  </div>
{{ end }}