{% extends '/frontend/base.html.twig' %}
{% block body %}
<div class="pageContent content-frontend-layout">
<div class="blackout"></div>
<header class="headerContainer">
<div class="container">
<a href="{{ path('fmFrontendHome') }}" class="headerLogo">
<img src="{{ asset('frontend/img/logo-color.svg') }}" alt="logo">
</a>
<div class="headerMenu headerMenu--showOnTablet">
<div class="menuButton menuButton--showOnTablet">
<!-- <div class="menuButton closeMenuVersion"> -->
<div class="menuButton-line"></div>
<div class="menuButton-line"></div>
<div class="menuButton-line"></div>
<div class="menuButton-text">menu</div>
</div>
<nav class="menuContent menuContent--showOnTablet">
<ul class="menuContent-links menuContent-links--showOnTablet">
<li><a href="{{ path('fmFrontendHomePage') }}">{{ 'menu.homePage'|trans }}</a></li>
<li><a href="{{ path('fmFrontendCourseCatalogue') }}">{{ 'menu.catalog'|trans }}</a></li>
</ul>
<div class="menuContent-accountElements menuContent-accountElements--showOnTablet">
{% if app.user %}
<a href="{{ path('fmAccount') }}" class="button button--autoWidth button-blueBorder">{{ 'menu.myAccount'|trans }}</a>
{% if app.session.get('course') %}
<a href="{{ path('fmOrder', {slugCourse: app.session.get('course')}) }}" class="button button--autoWidth button-blueBackground">{{ 'menu.backToOrder'|trans }}</a>
{% endif %}
{% else %}
<a href="{{ path('fos_user_security_login') }}" class="button button--autoWidth button-blueBorder">{{ 'menu.signin'|trans }}</a>
<a href="{{ path('fos_user_registration_register') }}" class="button button--autoWidth button-blueBackground">{{ 'menu.signup'|trans }}</a>
{% endif %}
</div>
<div class="menuContent-siteSettings menuContent-siteSettings--showOnTablet">
<div class="customSelect">
{{ render(controller('App\\Controller\\Frontend\\MenuController::languageMenuAction')) }}
</div>
</div>
</nav>
</div>
</div>
</header>
<div class="subpageContent">{% block content %}CONTENT{% endblock %}</div>
{% include '/frontend/footer.html.twig' %}
</div>
{% endblock %}