{% if menu %}
<nav class="navbar justify-content-center menu-burger" role="navigation" aria-label="Menú lateral responsive">
    {#<a class="navbar-brand" href="#"></a>#}
    <button class="navbar-toggler" type="button" 
			data-bs-toggle="offcanvas" 
			data-bs-target="#{{ burger_id|default('menu-burger') }}" 
			aria-controls="{{ burger_id|default('menu-burger') }}" 
			aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="offcanvas offcanvas-end" tabindex="-1" id="{{ burger_id|default('menu-burger') }}" aria-labelledby="offcanvasNavbarLabel">
      <div class="offcanvas-header">
        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
      </div>
      <div class="offcanvas-body">
        <ul class="navbar-nav container-fluid justify-content-center">
		{% 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 text-light" 
						{% if item.target %}target="{{ item.target }}"{% endif %}
						{% if item.xfn %}rel="{{ item.xfn }}"{% endif %}
						href="{{ item.link }}" 
						role="button" 
						aria-expanded="false">
						{{item.title}}
					</a>
					<ul class="dropdown-menu">
						{% for subitem in item.children %}
							<li><a class="dropdown-item text-dark" 
								{% if subitem.target %}target="{{ subitem.target }}"{% endif %}
								{% if subitem.xfn %}rel="{{ subitem.xfn }}"{% endif %}
								href="{{ subitem.link }}">
							{{subitem.title}}</a></li>
						{% endfor %}
					</ul>
				</li>
			{% else %}
				<li class="{{item.classes | join(' ')}} nav-item effect-nav">
					<a class="nav-link text-light" 
							href="{{ item.link }}"
							{% if item.xfn %}rel="{{ item.xfn }}"{% endif %} 
							{% if item.target %}target="{{ item.target }}"{% endif %}>
						{{ item.title }}
					</a>
					{% include 'partials/menu.twig' with {items: item.children} %}
				</li>
			{% endif %}
		{% endfor %}
	</ul>
      </div>
    </div>
</nav>
{% endif %}

