{{ define "bodyclass" }}page-portfolio{{ end }}
{{ define "main" }}
{{ $hasText := ne (.RawContent | strings.TrimSpace) "" }}
{{ $images := .Params.images }}

{{ with .Params.video }}
<video class="video" controls preload="none" playsinline{{ with $.Params.thumbnail }} poster="{{ . }}"{{ end }}>
  <source src="{{ . }}" type="video/mp4">
</video>
{{ end }}

{{ if or $images $hasText }}
<div class="tui tui--files filebrowser">
  <p class="tui__cmd"><span class="tui__sym">$</span> ls</p>
  {{ $total := len $images }}{{ if $hasText }}{{ $total = add $total 1 }}{{ end }}
  <p class="tui__cmd tui__total">total {{ $total }}</p>
  <ul class="tui__ls">
    <li><a href="{{ "/portfolio/" | relURL }}" data-name="..">
      <span class="tui__perm">drwxr-xr-x</span><span class="tui__name">..</span>
    </a></li>
    {{ if $hasText }}
    <li><a data-name="info.md" data-text="info.md" class="is-selected">
      <span class="tui__perm">-rw-r--r--</span><span class="tui__name">info.md</span>
    </a></li>
    {{ end }}
    {{ range $i, $im := $images }}
    <li><a data-img="{{ $im.src | relURL }}" data-name="{{ $im.name }}"{{ if and (not $hasText) (eq $i 0) }} class="is-selected"{{ end }}>
      <span class="tui__perm">-rw-r--r--</span><span class="tui__name">{{ $im.name }}</span>
    </a></li>
    {{ end }}
  </ul>

  <figure class="tui__preview">
    {{ if $hasText }}<div class="tui__text" data-text="info.md">{{ .Content }}</div>{{ end }}
    <img{{ if $hasText }} hidden{{ end }} src="{{ with $images }}{{ (index . 0).src | relURL }}{{ end }}" alt="{{ .Title }}">
    <figcaption class="tui__status">{{ if $hasText }}info.md{{ else if $images }}{{ (index $images 0).name }}{{ end }}</figcaption>
  </figure>
</div>
{{ end }}

{{ with .Params.studies }}
  {{ $segs := after 2 (split . "/") }}
  {{ $taxos := slice "schools" "degrees" "semesters" }}
  {{ $last := sub (len $segs) 1 }}
  <p class="proj-path">/studies/{{ range $i, $seg := $segs }}{{ if $i }}/{{ end }}{{ $terms := $.GetTerms (index $taxos $i) }}{{ if $terms }}{{ $t := index $terms 0 }}<a class="proj-path__seg{{ if eq $i $last }} proj-path__seg--last{{ end }}" href="{{ $t.RelPermalink }}">{{ $seg }}</a>{{ else }}{{ $seg }}{{ end }}{{ end }}</p>
{{ end }}

<div class="time"><time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "2006" }}&nbsp;</time></div>

{{ $list := sort (where .Site.RegularPages "Section" "portfolio") "Date" "desc" }}
{{ $idx := -1 }}
{{ range $i, $p := $list }}{{ if eq $p.RelPermalink $.RelPermalink }}{{ $idx = $i }}{{ end }}{{ end }}
<nav class="proj-nav" aria-label="Project navigation">
  {{ $older := add $idx 1 }}{{ $newer := sub $idx 1 }}
  {{ if lt $older (len $list) }}<a href="{{ (index $list $older).RelPermalink }}" rel="prev" aria-label="older project">←</a>{{ end }}
  {{ if ge $newer 0 }}<a href="{{ (index $list $newer).RelPermalink }}" rel="next" aria-label="newer project">→</a>{{ end }}
</nav>
{{ end }}