{{ define "main" }}

  {{ $allPages := slice }}
  {{ $sections := slice }}
  {{ range .Pages }}
    {{ if .IsSection }}
      {{ $sections = $sections | append . }}
      {{ range .Pages }}
        {{ $allPages = $allPages | append . }}
      {{ end }}
    {{ else }}
      {{ $allPages = $allPages | append . }}
    {{ end }}
  {{ end }}
  {{ $sortedSections := sort $sections "LinkTitle" }}
  {{ $sortedPages := sort $allPages "LinkTitle" }}

  <h1>{{ .Title }}</h1>
  {{ .Content }}
  <section id="tools-list">
  {{ if gt (len $sortedSections) 0 }}
    <!-- <h2>Sections</h2> -->
    <!-- <p>This list shows all sections, sorted alphabetically.</p> -->
    <div id="link-list" style="align-items: left; justify-content: left;">
      <ul>
        {{ range $sortedSections }}
          <li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
        {{ end }}
      </ul>
    </div>
  {{ end }}

  {{ if eq (len $sortedPages) 0 }}
  <div style="display: flex; align-items: center; gap: 8px; margin: 1rem 0;">
    <span style="display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: rgb(225, 82, 225);"></span>
    <span style="color: rgb(225, 82, 225); font-size: 1rem;">No Tools Found</span>
  </div>
  {{ end }}

  <table id="taxonomy-table">
    <thead>
      <tr>
        <th>Tool</th>
        <th>Applications</th>
        <th>Licenses</th>
        <!-- <th>Developers</th> -->
        <!-- <th>Description</th> -->
      </tr>
    </thead>
    <tbody>
      {{ range $sortedPages }}
        <tr onclick="window.location='{{ .RelPermalink }}'" style="cursor:pointer;">
          <td>
            {{ if .Params.maintenance }}
              {{ if in .Params.maintenance "Not Maintained" }}
                <div style="display: flex; align-items: center; gap: 8px;">
                  <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
                  <span style="display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: rgb(128, 28, 28);"></span>
                </div>
              {{ else }}
                <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
              {{ end }}
              {{ else }}
                <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
              {{ end }}
          </td>
          <td>
            {{ $sep := "" }}
            {{ range $key, $vals := .Params }}
              {{ if (in (slice "applications") $key) }}
                {{ $sep }}
                {{ range $i, $val := $vals }}
                  {{ partial "term-link.html" (dict "name" $val "taxonomy" $key) }}
                {{ end }}
                {{ $sep = "; " }}
              {{ end }}
            {{ end }}
          </td>
          <td>
            {{ $sep := "" }}
            {{ range $key, $vals := .Params }}
            {{ if (in (slice "licenses") $key) }}
            {{ $sep }}
            {{ range $i, $val := $vals }}
            {{ partial "term-link.html" (dict "name" $val "taxonomy" $key) }}
            {{ end }}
            {{ $sep = "; " }}
            {{ end }}
            {{ end }}
          </td>
          <!-- <td>
            {{ $sep := "" }}
            {{ range $key, $vals := .Params }}
            {{ if (in (slice "developers") $key) }}
            {{ $sep }}
            {{ range $i, $val := $vals }}
            {{ partial "term-link.html" (dict "name" $val "taxonomy" $key) }}
            {{ end }}
            {{ $sep = "; " }}
            {{ end }}
            {{ end }}
          </td> -->
          <!-- <td class="description">{{ .Content | plainify | truncate 40 }}</td> -->
        </tr>
      {{ end }}

    </tbody>
  </table>

  <div style="display: flex; align-items: center; gap: 8px; margin: 1rem 0 0 0;">
    <span style="display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: rgb(128, 28, 28);"></span>
    <span style="color: rgb(128, 28, 28); font-size: 1rem;">Red dot indicates tool has not been updated or maintained recently</span>
  </div>
  <!-- <div style="display: flex; align-items: center; gap: 8px; margin: 0;">
    <span style="display: inline-block; width: 12px; height: 12px; border-radius: 50%; background: rgb(143, 96, 15);"></span>
    <span style="color: rgb(150, 150, 150); font-size: 1rem;">Orange dot indicates closed-source or restrictively licensed tool</span>
  </div> -->

{{ end }}