{% if app.user is defined and app.user is not null %}
{% set seasonUser = app.user.currentSeason %}
{% else %}
{% set seasonUser = null %}
{% endif %}
<div class="mobile-menu">
<button type="button" data-toggle="main-menu" data-closable>
<i class="icon icon-burger-menu"></i>
</button>
<ul class="vertical large-horizontal" data-toggler="active" id="main-menu">
{% for mainItem in menuItems %}
<li {% if mainItem.childs|length > 0 %} class="menu-parent-item" {% endif %}>
<div class="menu-parent-link">
{% if mainItem.path %}
<a href="{{ path(mainItem.path, mainItem.attr) }}">
{% endif %}
{{ ('app.menu.' ~ mainItem.name) | trans }}
{% if mainItem.extraName is defined and mainItem.extraName %}
{{ mainItem.extraName }}
{% endif %}
{% if mainItem.path %}
</a>
{% endif %}
</div>
{% if mainItem.childs|length > 0 %}
<div class="header-submenu">
<div class="header-submenu__inner">
<ul class="menu vertical">
{% for childItem in mainItem.childs %}
<li>
{% if childItem.path %}
<a href="{{ path(childItem.path, childItem.attr) }}" class="header-sublink">
{% endif %}
{{ ('app.menu.'~childItem.name) | trans | capitalize }}
{% if childItem.extraName is defined and childItem.extraName %}
{{ childItem.extraName | capitalize }}
{% endif %}
{% if childItem.path %}
</a>
{% endif %}
</li>
{% endfor %}
</ul>
</div>
</div>
{% endif %}
</li>
{% endfor %}
</ul>
</div>