{{- $team := .team }}
{{- $pages := .pages}}
{{- $defaultimage := .defaultimage}}
{{- $odd := .odd }}
{{- $id := "team"}}
{{if $team.id}}
  {{- $id = $team.id}}
{{else if .id}}
  {{- $id = .id }}
{{end}}
{{- $members := where $pages "Params.leaveDate" "==" nil}} {{- $first := $team.first | default 4}}
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}}">
  <div class="section-content team">
    {{ partial "components/title.html" $team.title }}
    <div class="list">
      {{- range first $first ($members.ByParam "startDate") }}
      <div class="member">
        <a href="{{.Permalink}}">
          {{ if .Params.image }}
            {{- partial "components/image.html" (dict "style" "avatar" "url" .Params.image "alt" .Params.name) -}}
          {{ else }}
            {{- partial "components/image.html" (dict "style" "avatar" "url" $defaultimage "alt" "Placeholder") -}}
          {{ end }}
          <h1 class="title">{{ .Params.name }}</h1>
          {{- range .Params.jobs }}
          <p>{{ . }}</p>
          {{- end }}
        </a>
        <div class="social-media">
          <span>
            {{- range .Params.social}}
              {{ partial "components/icon.html" . }}
            {{- end}}
            {{ if .Params.mail }}
              {{ $mailto := printf "mailto:%s" .Params.mail }}
              {{ partial "components/icon.html" (dict "type" "at" "url" $mailto) }}
            {{ end }}
          </span>
        </div>
      </div>
      {{- end }}
    </div>
    {{ if gt $members.Len $first }}
      {{ partial "components/button.html" (dict "type" "text block" "url" $team.id "text" ($team.more | default "More")) }}
    {{ end }}
  </div>
</div>