<div class="header-main grid-container">
<div class="grid-x align-middle">
<div class="auto smedium-shrink medium-3 large-2 cell small-order-2 smedium-order-1">
<div class="menu-left">
<div class="menu-brand">
<a href="/" class="logo">
{% if app.user %}
<img src="{{ asset('images/logo-middleoffice.svg') }}" />
{% else %}
<img src="{{ asset('images/logo.svg') }}" class="logo-not-connected"/>
{% endif %}
</a>
</div>
</div>
</div>
<div class="cell shrink smedium-auto header-logged-middle small-order-0 smedium-order-2">
{% if app.user %}
<a href="/">
<img src="{{ asset('images/troupe/logo_'~troupe~'.png') | imagine_filter('logo_local_fixed') }}">
</a>
{% endif %}
</div>
<div class="shrink smedium-shrink cell align-right small-order-3 smedium-order-3">
{% if app.user %}
<a href="{{ path('user_information') }}" class="button primary btn-profile">
<i class="icon icon-author my-account"></i>
<span class="hide-for-small show-for-medium">{{app.user.surname}}</span>
</a>
{% else %}
<a href="{{ path('login') }}" class="button primary">
<i class="icon icon-author my-account"></i>
{{ 'app.header.log_in' | trans }}
</a>
{% endif %}
{% if app.user %}
{% include 'Components/Menu/horizontal.html.twig' %}
{% endif %}
</div>
</div>
</div>