{{ define "main" }}
{{ partial "navigation-bar.html"  ( dict "context" . "items"  (slice "sports" "events" "members" "locations" "years") )}}
  <article class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center  w-100 w-70-ns center lh-copy mid-gray">

    Der Kollege lädt ein, man trifft sich zum Radeln.

    {{ .Content }}
    {{ $total_distance := 0 }}
    {{ $total_ascent := 0 }}
    {{ $total_nr_of_tours := 0 }}
    
    {{ range .Pages }}
      {{ range .Pages}}
        {{ $act_ascent:= int .Params.ascent_m }}
        {{ $total_ascent = add $act_ascent $total_ascent  }}
        
        {{ $act_distance:= int .Params.distance_km }}
        {{ $total_distance = add $act_distance $total_distance  }}
        
        {{ $total_nr_of_tours = add 1 $total_nr_of_tours  }}
      {{ end }}
    {{ end }}
    
    <div class="flex flex-wrap justify-center">      
      <div class="flex flex-column items-center pa3 ma3 bg-white">
        <div class="flex fw9">
          Touren
        </div>
        <div class="flex">
          {{ partial "home-summary.html" (dict "context" . "param_name" "count" ) }}
        </div>
      </div>
      <div class="flex flex-column items-center pa3  ma3 bg-white">
        <div class="flex fw9">
          Teilnehmer
        </div>
        <div class="flex">
          {{ partial "home-summary.html" (dict "context" . "param_name" "members" ) }}
        </div>
      </div>
      <div class="flex flex-column items-center pa3  ma3  bg-white">
        <div class="flex fw9">
          Entfernung
        </div>
        <div class="flex">
          {{ partial "home-summary.html" (dict "context" . "param_name" "distance_km" ) }}
        </div>
      </div>
      <div class="flex flex-column items-center pa3 ma3 bg-white">
        <div class="flex fw9">
          Aufstieg
        </div>
        <div class="flex">
          {{ partial "home-summary.html" (dict "context" . "param_name" "ascent_m" ) }}
        </div>
      </div>
    </div>

    {{ $pages := where .Site.RegularPages "Type" "in" (slice "posts") }}

    {{ $firstYear := 0 }}
    {{ $lastYear := 0 }}
    
    {{ range first 1 ( sort ( $pages.GroupByDate "2006" ) "Key") }}
      {{ $firstYear = .Key }}
    {{ end }}
    
    {{ range last 1 ( sort ( $pages.GroupByDate "2006" ) "Key") }}
      {{ $lastYear = .Key }}
    {{ end }}

    Seit {{ sub ( int $lastYear ) ( int $firstYear ) }} Jahren.
    
  </article>
  {{/* Define a section to pull recent posts from. For Hugo 0.20 this will default to the section with the most number of pages. */}}
  {{ $mainSections := .Site.Params.mainSections | default (slice "post") }}
  {{/* Create a variable with that section to use in multiple places. */}}
  {{ $section := where .Site.RegularPages "Section" "in" $mainSections }}
  {{/* Check to see if the section is defined for ranging through it */}}
  {{ $section_count := len $section }}
  {{ if ge $section_count 1 }}
    {{/* Derive the section name  */}}
    {{ $section_name := index (.Site.Params.mainSections) 0 }}

    <div class="pa3 pa4-ns w-100 w-70-ns center">
      {{/* Use $section_name to get the section title. Use "with" to only show it if it exists */}}
       {{ with .Site.GetPage "section" $section_name }}
          <h1 class="flex-none">
            {{ $.Param "recent_copy" | default (i18n "recentTitle" .) }}
          </h1>
        {{ end }}

      {{ $n_posts := $.Param "recent_posts_number" | default 3 }}

      <section class="w-100 mw8">
        {{/* Range through the first $n_posts items of the section */}}
        {{ range (first $n_posts $section) }}
          <div class="relative w-100 mb4">
            {{ partial "summary-with-image.html" . }}
          </div>
        {{ end }}
      </section>

      {{ if ge $section_count (add $n_posts 1) }}
      <section class="w-100">
        <h1 class="f3">{{ i18n "more" }}</h1>
        {{/* Now, range through the next four after the initial $n_posts items. Nest the requirements, "after" then "first" on the outside */}}
        {{ range (first 4 (after $n_posts $section))  }}
          <h2 class="f5 fw4 mb4 dib mr3">
            <a href="{{ .Permalink }}" class="link black dim">
              {{ .Title }}
            </a>
          </h2>
        {{ end }}

        {{/* As above, Use $section_name to get the section title, and URL. Use "with" to only show it if it exists */}}
        {{ with .Site.GetPage "section" $section_name }}
          <a href="{{ .Permalink }}" class="link db f6 pa2 br3 bg-mid-gray white dim w4 tc">{{ i18n "allTitle" . }}</a>
        {{ end }}
        </section>
      {{ end }}

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