{% if app.user %}
<!--begin::Toolbar wrapper-->
<div class="d-flex align-items-stretch flex-shrink-0">
<!--begin::User-->
<div class="d-flex align-items-center ms-1 ms-lg-3" id="kt_header_user_menu_toggle">
<!--begin::Menu wrapper-->
<div class="cursor-pointer symbol symbol-30px symbol-md-40px" data-kt-menu-trigger="click"
data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
<img src="{{ app.user.employee | avatar }}" alt="user"/>
</div>
<!--begin::Menu-->
<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg menu-state-primary fw-bold py-4 fs-6 w-275px"
data-kt-menu="true">
<!--begin::Menu item-->
<div class="menu-item px-3">
<div class="menu-content d-flex align-items-center px-3">
<!--begin::Avatar-->
<div class="symbol symbol-50px me-5">
<img src="{{ app.user.employee | avatar }}" alt="{% if app.user.employee %} {{ app.user.employee.fullName }} {% endif %}">
</div>
<!--end::Avatar-->
<!--begin::Username-->
<div class="d-flex flex-column">
<div class="fw-bolder d-flex align-items-center fs-5">{% if app.user.employee %} {{ app.user.employee.fullName }} {% endif %}
{# <span class="badge badge-light-success fw-bolder fs-8 px-2 py-1 ms-2">{{ app.user.employee.lastHistoryOrNull.position.name }}</span>#}
</div>
</div>
<!--end::Username-->
</div>
</div>
<!--end::Menu item-->
<!--begin::Menu separator-->
<div class="separator my-2"></div>
<!--end::Menu separator-->
<!--begin::Menu item-->
<div class="menu-item px-5">
<a href="{#{{ path('user_profile') }}#}" class="menu-link px-5">Mon Profil</a>
</div>
<!--end::Menu item-->
<!--begin::Menu separator-->
<div class="separator my-2"></div>
<!--end::Menu separator-->
<!--begin::Menu item-->
<div class="menu-item px-5">
<a href="{{ logout_path() }}" class="btn btn-sm btn-light-primary font-weight-bolder py-2 px-5">Déconnexion {{ fa_icon('logout') }}</a>
</div>
<!--end::Menu item-->
</div>
<!--end::Menu-->
<!--end::Menu wrapper-->
</div>
<!--end::User -->
</div>
<!--end::Toolbar wrapper-->
{% endif %}