{% if menu %}
	<ul class="navbar-nav container menu-bar">
		{% for item in items %}
			{% if (item.children) %}
				<li class="nav-item dropdown effect-nav">
					{#<a class="nav-link dropdown-toggle" href="{{ item.link }}" role="button" data-bs-toggle="dropdown" aria-expanded="false">#}
					<a class="nav-link dropdown-toggle" 
						href="{{ item.link }}" 
						role="button" 
						aria-expanded="false"
						{% if item.xfn %}rel="{{ item.xfn }}"{% endif %}
						{% if item.target %}target="{{ item.target }}"{% endif %}>
						{{item.title}}
					</a>
					<ul class="dropdown-menu">
						{% for subitem in item.children %}
							<li><a class="dropdown-item" 
									href="{{ subitem.link }}"
									{% if subitem.xfn %}rel="{{ subitem.xfn }}"{% endif %} 
									{% if subitem.target %}target="{{ subitem.target }}"{% endif %}>
									{{subitem.title}}
								</a>
							</li>
						{% endfor %}
					</ul>
				</li>
			{% else %}
				<li class="{{item.classes | join(' ')}} nav-item effect-nav">
					<a class="nav-link" 
							href="{{ item.link }}"
							{% if item.xfn %}rel="{{ item.xfn }}"{% endif %} 
							{% if item.target %}target="{{ item.target }}"{% endif %}>
						{{ item.title }}
					</a>
					<div class="d-block d-lg-none">
						{% include 'partials/menu.twig' with {items: item.children} %}
					</div>
				</li>
			{% endif %}
		{% endfor %}
	</ul>
{% endif %}

