{{ if or .NextInSection .PrevInSection }}
{{ $prevLabel := T "prev_post" }}
{{ $nextLabel := T "next_post" }}
<div class="section__info post__navigation-head animate">
  <div class="section__head">
    <h2 class="section__title">{{ T "related_posts_title" }}</h2>
  </div>
</div>
<nav class="post__navigation animate" aria-label="{{ T "post_navigation" }}">

  {{ if .PrevInSection }}
  {{ $prev := .PrevInSection }}
  <a class="post__prev" href="{{ $prev.Permalink }}" aria-label="{{ $prevLabel }}: {{ $prev.Title }}">
    <div class="prev__image">
      {{ $size := partial "image-size.html" $prev.Params.Image }}
      <img loading="lazy" decoding="async" src="{{ partial "jsdelivr-url.html" $prev.Params.Image }}" alt=""{{ with $size }} width="{{ .width }}" height="{{ .height }}"{{ end }}>
    </div>
    <div class="prev__box">
      <span class="post__nav post__nav__prev">{{ $prevLabel }}</span>
      <h2 class="post__nav__title">{{ $prev.Title }}</h2>
      {{ with or ($prev.GetTerms "blog_tags") ($prev.GetTerms "tags") }}
      <div class="post__nav__tags">
        {{ range . }}<span class="post__nav__tag">{{ .LinkTitle }}</span>{{ end }}
      </div>
      {{ end }}
    </div>
  </a>
  {{ end }}

  {{ if .NextInSection }}
  {{ $next := .NextInSection }}
  <a class="post__next" href="{{ $next.Permalink }}" aria-label="{{ $nextLabel }}: {{ $next.Title }}">
    <div class="next__box">
      <span class="post__nav post__nav__next">{{ $nextLabel }}</span>
      <h2 class="post__nav__title">{{ $next.Title }}</h2>
      {{ with or ($next.GetTerms "blog_tags") ($next.GetTerms "tags") }}
      <div class="post__nav__tags">
        {{ range . }}<span class="post__nav__tag">{{ .LinkTitle }}</span>{{ end }}
      </div>
      {{ end }}
    </div>
    <div class="next__image">
      {{ $size := partial "image-size.html" $next.Params.Image }}
      <img loading="lazy" decoding="async" src="{{ partial "jsdelivr-url.html" $next.Params.Image }}" alt=""{{ with $size }} width="{{ .width }}" height="{{ .height }}"{{ end }}>
    </div>
  </a>
  {{ end }}

</nav>
{{ end }}