{% macro render_navbar(navigation) %}
	<nav class="nav">
		<svg class="nav__toggler" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
			<g><path d="m21.5 24h-19c-1.379 0-2.5-1.122-2.5-2.5v-19c0-1.378 1.121-2.5 2.5-2.5h19c1.379 0 2.5 1.122 2.5 2.5v19c0 1.378-1.121 2.5-2.5 2.5zm-19-23c-.827 0-1.5.673-1.5 1.5v19c0 .827.673 1.5 1.5 1.5h19c.827 0 1.5-.673 1.5-1.5v-19c0-.827-.673-1.5-1.5-1.5z"/></g>
			<g><path d="m16.5 8h-9c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h9c.276 0 .5.224.5.5s-.224.5-.5.5z"/></g>
			<g><path d="m16.5 12.5h-9c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h9c.276 0 .5.224.5.5s-.224.5-.5.5z"/></g>
			<g><path d="m16.5 17h-9c-.276 0-.5-.224-.5-.5s.224-.5.5-.5h9c.276 0 .5.224.5.5s-.224.5-.5.5z"/></g>
		</svg>
		<ul class="nav__list collapsible__content">
			{% for item in navigation %}
				<li class="nav__item">
					<a{% if request.endpoint and request.endpoint == item[0] %} class="active"{% endif %} href={{ url_for(item[0]) }}>
						{{ item[1] }}
					</a>
				</li>
			{% endfor %}
		</ul>
	</nav>
{% endmacro %}

{% macro render_breadcrumb(navigation, use_ol=False) %}
	<nav>
		{% if use_ol %}<ol class="breadcrumb">{% else %}<ul class="breadcrumb">{% endif %}
			{% for item in navigation %}
			<!-- {% set active = True if request.endpoint and request.endpoint == item[0] else False %} -->
			<li class="breadcrumb-item">
				<a{% if request.endpoint and request.endpoint == item[0] %} class="active"{% endif %} href={{ url_for(item[0]) }}>{{ item[1] }}</a>
			</li>
			{% endfor %}
		{% if use_ol %}</ol>{% else %}</ul>{% endif %}
	</nav>
{% endmacro %}