{% set logged_in = true %}
<button
    class="burger-menu__button-open"
>
    <twig:ux:icon name="ph:list" />
</button>
<div
    class="burger-menu"
    tabindex="-1"
>
    <button
        class="burger-menu__button-close"
    >
        <twig:ux:icon name="ph:x" />
    </button>
    <div class="burger-menu__user-section">
        <div class="burger-menu__user-picture-wrapper">
            <twig:ux:icon name="ph:user-circle-fill" />
        </div>
        {% if logged_in %}
            <span class="burger-menu__user-name">Username</span>
            <span class="burger-menu__user-email">username@email.com</span>
            <div class="burger-menu__user-actions">
                {{ _self.user_action('Profile', 'user-fill') }}
                {{ _self.user_action('Settings', 'gear-fill') }}
                {{ _self.user_action('Logout', 'sign-out') }}
            </div>
        {% else %}
            <span class="burger-menu__user-info">not logged in</span>
        {% endif %}
    </div>
    {% if not logged_in %}
        <hr/>
        <a class="burger-menu__login">
            <span>Login with Euphcloud</span>
        </a>
    {% endif %}
    <hr/>
    <twig:BurgerMenu:Nav/>
</div>

{% macro user_action(name, icon) %}
    <button>
        <twig:ux:icon name="ph:{{ icon }}" />
        <span>{{ name }}</span>
    </button>
{% endmacro %}