<div class="row row-0">
<div class="col-auto">
<a href="#" class="open-menu js-open-menu">
<span class="mai mai-double-arrow-right d-none d-lg-block">keyboard_double_arrow_right</span>
<span class="mai mai-menu d-lg-none">menu</span>
</a>
</div>
<div class="col">
<div class="header-base">
<div class="container-header">
<div class="row row-sm justify-content-between align-items-center h-100">
<div class="col-auto h-100">
<a href="{{ path('home') }}" class="logo">
<img src="{{ asset('images/logo.png') }}" alt="" class="img-fluid-height">
</a>
</div>
{% if app.user %}
<div class="col-auto h-100">
<div class="row row-0 align-items-center h-100">
<div class="col col-lg-auto h-100">
<a href="{{ path('user_profil') }}" class="user-link js-ajax" data-swal-form="profil">
<span class="row row-sm row-sm-h align-items-center h-100">
<span class="col text-end fs-xs d-none d-sm-block">
{{ 'global.hello'|trans([], 'admin') }},<br />
<strong>{{ app.user.niceName }}</strong>
</span>
<span class="col-auto h-100">
<img src="{{ avatar(app.user.civility) }}" alt="" class="img-fluid-height avatar">
</span>
</span>
</a>
</div>
{% if is_granted('ROLE_ALLOWED_TO_SWITCH') %}
<div class="col-auto ms-5">
<a href="{{ path('dev.data.users') }}">
<span class="mai fs-lg">settings</span>
</a>
</div>
{% endif %}
<div class="col-auto ms-5">
<a href="{{ path('app_logout') }}" class="d-block fs-lg text-hover-danger"><span class="mai d-block">logout</span></a>
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>