{% if is_granted('ROLE_USER') %}
    <div class="header-link">
        <a href="{{ path('sylius_shop_account_dashboard') }}" class="header-link">
            {% include '@SyliusShop/Icons/user.html.twig' %}
            <span class="header-desktop header-link-text">
                {{ 'sylius.ui.hello'|trans }}<br>{{ app.user.customer.firstName }}
            </span>
        </a>
        <div class="rollover-container">
            <div class="rollover-wrapper">
                <ul class="list-links">
                    <li><a href="{{ path('sylius_shop_account_dashboard') }}">{{ 'sylius.menu.shop.account.dashboard'|trans }}</a></li>
                    <li><a href="{{ path('sylius_shop_account_profile_update') }}">{{ 'sylius.menu.shop.account.personal_information'|trans }}</a></li>
                    <li><a href="{{ path('sylius_shop_account_address_book_index') }}">{{ 'sylius.menu.shop.account.address_book'|trans }}</a></li>
                    <li><a href="{{ path('sylius_shop_account_order_index') }}">{{ 'sylius.menu.shop.account.order_history'|trans }}</a></li>
                    <li class="link-logout">
                        <a href="{{ path('sylius_shop_logout') }}" class="link-logout">
                            x
                            {{ 'sylius.ui.logout'|trans }}
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
{% else %}
    <a href="{{ path('sylius_shop_login') }}" class="header-link">
        {% include '@SyliusShop/Icons/user.html.twig' %}
        <span class="header-desktop header-link-text">{{ 'sylius.ui.my_account'|trans }}</span>
    </a>
{% endif %}
