{{ define "main" }}
<div class="w-100 ph4 pb5 pb6-ns pt1 mt4 pt3-ns">
    <div class="flex-l">
        <div class="order-2 w-100 w-20-l ph5-m ph0-l mb4 sticky">
            <aside class="fixed-lTK mw5-l right-0 f6 bl-l b--moon-gray pv4 pv0-ns ph4-l nested-list-reset nested-links nested-copy-line-height">
                <p class="b">What's on this Page</p>
                <ul>
                    <li><a href="#last-updated">Last Updated</a></li>
                    <li><a href="#least-recently-updated">Least Recently Updated</a></li>
                    <li><a href="#todos">Pages marked with TODO</a></li>
                    <li><a href="#dependencies">Project dependencies (Hugo Modules)</a></li>
                </ul>
            </aside>
        </div>
        <div class="w-100">
            {{ $byLastMod :=  .Site.RegularPages.ByLastmod  }}
            {{ $recent := ($byLastMod | last 30).Reverse }}
            {{ $leastRecent := $byLastMod | first 10 }}            
            <h2 id="last-updated">Last Updated</h2>
            {{ partial "maintenance-pages-table" $recent }}
            <h2 id="least-recently-updated">Least Recently Updated</h2>
            {{ partial "maintenance-pages-table" $leastRecent }}

            {{/* Don't think this is possible with where directly. Should investigate. */}}
            {{ .Scratch.Set "todos" slice }}
            {{ range .Site.RegularPages }}
                 {{ if .HasShortcode "todo" }}
                 {{ $.Scratch.Add "todos" . }}
                 {{ end }}
            {{ end }}
            <h2 id="todos">Pages marked with TODO</h2>
            {{ partial "maintenance-pages-table" (.Scratch.Get "todos") }}

            <h2 id="dependencies">Dependencies</h2>
            <table class="collapse ba br2 b--black-10 pv2 ph3">
              <thead>
                <tr>
                  <th class="pv2 ph3 tl f6 fw6 ttu">#</th>
                  <th class="pv2 ph3 tl f6 fw6 ttu">Owner</th>
                  <th class="pv2 ph3 tl f6 fw6 ttu">Path</th>
                  <th class="pv2 ph3 tl f6 fw6 ttu">Version</th>
                  <th class="pv2 ph3 tl f6 fw6 ttu">Time</th>
                  <th class="pv2 ph3 tl f6 fw6 ttu">Vendor</th>
                </tr>
              </thead>
              <tbody>
                {{ range $index, $element := hugo.Deps }}
                <tr class="striped--light-gray">
                  <th class="pv2 ph3">{{ add $index 1 }}</th>
                  <td class="pv2 ph3">{{ with $element.Owner }}{{.Path }}{{ end }}</td>
                  <td class="pv2 ph3">
                    {{ $element.Path }}
                    {{ with $element.Replace}}
                    => {{ .Path }}
                    {{ end }}
                  </td>
                  <td class="pv2 ph3">{{ $element.Version }}</td>
                  <td class="pv2 ph3">{{ with $element.Time }}{{ . }}{{ end }}</td>
                  <td class="pv2 ph3">{{ $element.Vendor }}</td>
                </tr>
                {{ end }}
              </tbody>
            </table>

        </div>
    </div>
</div>
{{ end }}