<nav class="header"> <div class="size-container"> <div class="header__left"> <a href="{{ path('app_home_page') }}" class="header__left--logo"> <span class="desktop"> {{ source('inline/efc-logo.svg.twig') }} </span> <span class="mobile"> {{ source('inline/efc-logo-mobile.svg.twig') }} </span> </a> </div> <div class="header__right"> <div id="menuUser" class="header__right--user"> {% if is_granted('ROLE_USER') %} <span class="global-button"> {{ app.user.firstName }} </span> <div id="menuUserDropdown" class="nav-down hidden"> <a href="{{ path('profile_show') }}" class="global-button"> {{ 'header.profile'|trans|desc('Profile') }} </a> <a href="{{ path('security_logout') }}" class="global-button"> {{ 'header.logout'|trans|desc('Logout') }} </a> </div> {% else %} <a href="{{ path('security_login') }}" class="global-button"> {{ 'header.login'|trans|desc('Login') }} </a> {% endif %} </div> <div id="menuBurger" class="header__right--burger"> <span></span> <span></span> <span></span> </div> </div> </div> <div id="menuActive" class="header__menu hidden"> <div class="header__menu--container"> <a href="{{ path('app_home_page') }}" class="header__menu--link"> {{ source('inline/efc-square-icon.svg.twig') }} {{ 'header.menu_home'|trans|desc('Home') }} </a> <a href="{{ path('featured_movie_index') }}" class="header__menu--link"> {{ source('inline/efc-square-icon.svg.twig') }} {{ 'home.films_title'|trans}} </a> {% if blogPosts is defined and blogPosts is not empty%} <a href="{{ path('blog_post_index') }}" class="header__menu--link"> {{ source('inline/efc-square-icon.svg.twig') }} {{ 'header.menu_blog'|trans|desc('Blog') }} </a> {% endif %} <a href="{{ path('profile_show') }}" class="header__menu--link"> {{ source('inline/efc-square-icon.svg.twig') }} {{ 'header.menu_challenge'|trans|desc('Go to the Challenge') }} </a> <a href="{{ path('app_faq_page') }}" class="header__menu--link"> {{ source('inline/efc-square-icon.svg.twig') }} {{ 'header.menu_faq'|trans|desc('More Info') }} </a> </div> <div class="size-container"> <div id="closeMenu" class="header__menu--close"> <span></span> <span></span> </div> </div> </div></nav>