{% if app.environment != "test" %}
<div class="flex items-center justify-end h-full ml-auto">
{% if app.user %}
<a href="{{ path("Security-logout") }}"
class="flex items-center flex-shrink-0 h-full px-3 pt-1 ml-6 text-base border-b-4 border-transparent ring-inset hover:border-zpid-blue"
title="{{ 'link.user.logout'|trans({'#userEmail#':app.user.email}) }}">
{# Icon: ri:logout-circle-r-line #}
<svg class="mr-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" role="img" style="vertical-align: -0.125em;" width="1em" height="1em"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2a9.985 9.985 0 0 1 8 4h-2.71a8 8 0 1 0 .001 12h2.71A9.985 9.985 0 0 1 12 22zm7-6v-3h-8v-2h8V8l5 4l-5 4z"
fill="currentColor"/>
</svg>
{{ "link.user.logout-short"|trans }}
</a>
{% else %}
<a href="{{ path("Security-login") }}"
class="flex items-center flex-shrink-0 h-full px-3 pt-1 text-base border-b-4 border-transparent ring-inset hover:border-zpid-blue">
{# Icon: ri:login-circle-line #}
<svg class="mr-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
aria-hidden="true" role="img" style="vertical-align: -0.125em;" width="1em" height="1em"
preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
<path d="M10 11V8l5 4l-5 4v-3H1v-2h9zm-7.542 4h2.124A8.003 8.003 0 0 0 20 12A8 8 0 0 0 4.582 9H2.458C3.732 4.943 7.522 2 12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10c-4.478 0-8.268-2.943-9.542-7z"
fill="currentColor"/>
</svg>
{{ "link.user.login"|trans }}
</a>
{% endif %}
</div>
{% endif %}