{% comment %}
{% assign current-page = page.menu | default: layout.menu | split: '.' %}
<ul class="navbar-nav flex-wrap flex-fill{% if include.class %} {{ include.class }}{% endif %}">
	{% for level-1 in site.data.menu %}
	{% assign icon = level-1[1].icon %}

	<li class="nav-item{% if level-1[0] == current-page[0] %} active{% endif %}{% if level-1[1].children %} dropdown{% endif %}">
		<a class="nav-link{% if level-1[1].children %} dropdown-toggle{% endif %}" {% if level-1[1].children %}href="#navbar-{{ level-1[0] }}" data-toggle="dropdown" role="button"
			aria-expanded="{% if level-1[0] == current-page[0] %}true{% else %}false{% endif %}" {% elsif level-1[1].toggle
			%}href="{{ level-1[1].url }}" data-toggle="{{ level-1[1].toggle }}" {% else
			%}href="{{ site.base }}/{{ level-1[1].url }}" {% endif %}>
			<span class="nav-icon">
				{% include ui/icon.html icon=icon  %}
			</span>

			{{ level-1[1].title }}

			{% if level-1[1].badge %}
			{% assign badge = level-1[1].badge %}
			{% assign badge-color = level-1[1].badge-color | default: "green" %}
			{% include ui/badge.html text=badge color=badge-color class="ml-2" %}
			{% endif %}
		</a>

		{% if level-1[1].children %}
		<ul class="dropdown-menu">
			{% for level-2 in level-1[1].children %}
			<li {% if level-2[1].children %}class="dropright"{% endif %}>
				<a class="dropdown-item{% if level-2[1].children %} dropdown-toggle{% endif %}{% if level-1[0] == current-page[0] and level-2[0] == current-page[1] and current-page.size == 2 %} active{% endif %}" {% if level-2[1].children %}href="#sidebar-{{ level-2[0] }}" data-toggle="dropdown" role="button" aria-expanded="false" {% else %}href="{{ site.base }}/{{ level-2[1].url }}" {% endif %}>
					{{ level-2[1].title }}

					{% if level-2[1].badge %}
					{% assign badge = level-2[1].badge %}
					{% assign badge-color = level-2[1].badge-color | default: "green" %}
					{% include ui/badge.html text=badge color=badge-color class="ml-auto" %}
					{% endif %}
				</a>

				{% if level-2[1].children %}
				<div class="dropdown-menu">
					{% for level-3 in level-2[1].children %}
					<a href="{{ site.base }}/{{ level-3[1].url }}" class="dropdown-item">{{ level-3[1].title }}</a>
					{% endfor %}
				</div>
				{% endif %}
			</li>
			{% endfor %}
		</ul>
		{% endif %}
	</li>
	{% endfor %}
</ul>
{% endcomment %}