<nav class="navbar navbar-expand-lg navbar-dark bg-{{ "prod" == (app.user.env|default("prod")) ? "dark" : "test" }} w-100">
<div class="container-fluid">
{% if meta.menu is defined and meta.menu|length %}
<a class="btn btn-light me-3 material-icons" data-bs-toggle="offcanvas" href="#canvas-side-bar" role="button" aria-controls="canvas-side-bar">menu_open</a>
{% endif %}
<a class="navbar-brand" href="{{ path("home") }}">VaciFácil</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#menu-list" aria-controls="menu-list" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse justify-content-around navbar-collapse" id="breadcrumb">
<nav class="text-info" aria-label="breadcrumb">
<ol class="breadcrumb"></ol>
</nav>
</div>
</div>
</nav>
{% if meta.menu is defined and meta.menu|length %}
<div id="canvas-side-bar" class="offcanvas offcanvas-start intranet-bg-light" tabindex="-2" aria-labelledby="canvas-side-bar-label">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="canvas-side-bar">{{ "text.options.available"|trans }}</h5>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<div class="accordion" id="accordionMenu">
{% for menu, itemList in meta.menu %}
{% for item, actionList in itemList %}
<div class="accordion-item">
<h2 class="accordion-header" id="heading-{{ item }}">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-{{ item }}" aria-expanded="false" aria-controls="collapseTwo">
{{ "menu.%s"|format(menu)|trans }} - {{ "item.%s"|format(item)|trans }}
</button>
</h2>
<div id="collapse-{{ item }}" class="accordion-collapse collapse" aria-labelledby="heading-{{ item }}" data-bs-parent="#accordionMenu">
<div class="accordion-body">
<ul class="list-group">
{% for action in actionList %}
<li class="list-group-item"><a class="text-decoration-none" href="{{ path(menu, {menu: menu, item: item, action: action}) }}" target="content-data">{{ "action.%s"|format(action)|trans }}</a></li>
{% endfor %}
</ul>
</div>
</div>
</div>
{% endfor %}
{% endfor %}
</div>
</div>
</div>
{% endif %}