{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "components/languages.njk" as languages %}
{% import "components/button.njk" as button %}

{# ========================================================================== #}
{# :: Default #}
{# ========================================================================== #}
{% macro default(classes, data) %}

	<nav class="bp-c-nav {{classes}}">
		<ul class="bp-c-nav__list">
			{% for item in data.items %}

				{% if item %}
					<li class="bp-c-nav__item {{'is-active' if data.active === item.slug}}">
						<a class="bp-c-nav__link" href="/{{data.language}}{{item.url}}">{{item.text}}</a>
					</li>
				{% endif %}

			{% endfor %}

			{% if CONFIG.server.api %}
				{{button.link("bp-c-nav__login", {
					url: CONFIG.server.api + "admin",
					text: "navigation.admin" | i18n
				})}}
			{% endif %}
		</ul>

		{% if data.language and data.languages | length > 1 %}
			<div class="bp-c-nav__languages">
				{{languages.default("", {
					active: data.language,
					items: data.languages,
					staticPath: data.staticPath
				})}}
			</div>
		{% endif %}
	</nav>

{% endmacro %}