{% if site.sidebar %}
{% set ns = namespace(prev = none, next = none, active_found = false, previous = none) %}
{% for item in site.sidebar %}
{% if item.href %}
{% if ns.active_found %}
{% set ns.next = item %}
{% set ns.active_found = false %}
{% elif item.active %}
{% set ns.prev = ns.previous %}
{% set ns.active_found = true %}
{% endif %}
{% if not item.active %}
{% set ns.previous = item %}
{% endif %}
{% endif %}
{% endfor %}
{% if ns.prev or ns.next %}
<footer class="calepin-website-page-nav" aria-label="Page navigation">
<div class="calepin-website-page-nav-inner">
{% if ns.prev %}
<a class="calepin-website-page-nav-link calepin-website-page-nav-link--prev outline secondary" href="{{ ns.prev.href }}" role="button">
<span class="calepin-website-page-nav-arrow" aria-hidden="true">←</span>
<span class="calepin-website-page-nav-content">
<span class="calepin-website-page-nav-kind">Previous</span>
<span class="calepin-website-page-nav-title">{{ ns.prev.label }}</span>
</span>
</a>
{% else %}
<span class="calepin-website-page-nav-empty" aria-hidden="true"></span>
{% endif %}
{% if ns.next %}
<a class="calepin-website-page-nav-link calepin-website-page-nav-link--next outline secondary" href="{{ ns.next.href }}" role="button">
<span class="calepin-website-page-nav-content">
<span class="calepin-website-page-nav-kind">Next</span>
<span class="calepin-website-page-nav-title">{{ ns.next.label }}</span>
</span>
<span class="calepin-website-page-nav-arrow" aria-hidden="true">→</span>
</a>
{% else %}
<span class="calepin-website-page-nav-empty" aria-hidden="true"></span>
{% endif %}
</div>
</footer>
{% endif %}
{% endif %}