{# @var ea \EasyCorp\Bundle\EasyAdminBundle\Context\AdminContext #}
{% extends '@!EasyAdmin/layout.html.twig' %}
{% block responsive_header %}
{% if is_granted('ROLE_ADMIN') %}
<button id="navigation-toggler" type="button" aria-label="Toggle navigation">
<i class="fa fa-fw fa-bars"></i>
</button>
{% else %}
<div></div>
{% endif %}
<div id="responsive-header-logo" class="text-truncate">
{% block responsive_header_logo %}
<a class="responsive-logo" title="{{ ea.dashboardTitle|striptags }}"
href="{{ path(ea.dashboardRouteName) }}">
{{ ea.dashboardTitle|raw }}
</a>
{% endblock responsive_header_logo %}
</div>
<div class="dropdown user-menu-wrapper {{ is_granted(impersonator_permission) ? 'user-is-impersonated' }}">
<a class="user-details" type="button" data-bs-toggle="dropdown" data-bs-offset="0,5" aria-expanded="false">
{# to make the site design consistent, always display the user avatar in responsive header
and hide the user name (because there's no space left) regardless of the user config #}
{% if ea.userMenu.avatarDisplayed %}
{{ user_menu_avatar }}
{% else %}
<i class="user-avatar fa fa-fw {{ ea.user is not null ? 'fa-user' : 'fa-user-times' }}"></i>
{% endif %}
</a>
{{ user_menu_dropdown }}
</div>
{% endblock %}
{% block content_top_header %}
<div class="d-flex flex-grow-1 flex-column">
<div class="d-flex justify-content-between">
{% if is_granted('ROLE_ADMIN') %}
<button class="d-none d-md-inline-block btn me-3 navigation-toggler" type="button"
aria-label="Toggle navigation">
<i class="fa fa-fw fa-bars"></i>
</button>
{% endif %}
<a class="btn btn-secondary" href="{{ path('home') }}"
target="_blank">
<i class="fas fa-home me-1"></i>
{{ 'bo.dashboard.link-to-fo'|trans }}
</a>
<span class="d-lg-inline-flex align-items-center mx-3">Version: {{ appVersion }}</span>
{{ parent() }}
</div>
<div class="d-none d-lg-flex justify-content-center mt-3">
{% for menuItem in ea.mainMenu.items %}
{# @var menuItem \EasyCorp\Bundle\EasyAdminBundle\Dto\MenuItemDto #}
{% if 'sidebar-menu-item' not in menuItem.cssClass %}
<a class="content-top-menu {{ ea.mainMenu.selected(menuItem) ? 'active' }}"
href="{{ menuItem.linkUrl }}" target="{{ menuItem.linkTarget }}" rel="{{ menuItem.linkRel }}">
{% if menuItem.icon is not empty %}<i
class="menu-item fa-fw {{ menuItem.icon }}"></i>{% endif %}
<span class="{{ menuItem.cssClass }}">{{ menuItem.label|raw }}</span>
</a>
{% endif %}
{% endfor %}
</div>
</div>
{% endblock %}