{% if app.request.locale == 'pl' %}
{% set categoryRoute = 'fmUniqskillsFrontendPlCourseCatalogue' %}
{% set subCategoryRoute = 'fmUniqskillsFrontendPlCatalogueSubCategory' %}
{% elseif app.request.locale == 'en' %}
{% set categoryRoute = 'fmUniqskillsFrontendUKCourseCatalogue' %}
{% set subCategoryRoute = 'fmUniqskillsFrontendUKCatalogueSubCategory' %}
{% else %}
{% set categoryRoute = 'fmUniqskillsFrontendCourseCatalogue' %}
{% set subCategoryRoute = 'fmUniqskillsFrontendCatalogueSubCategory' %}
{% endif %}
{% if category is defined and category is not empty %}
{% set categorySlug = category.categorySlug %}
{% else %}
{% set categorySlug = 0 %}
{% endif %}
{% set categories = getUniqskillsCategories() %}
{% set languages = getUniqskillsLanguages() %}
<header class="headerContainer sectionBackground--purple {% if app.request.locale == 'de' %}german-height{% endif %}">
<div class="container">
<a href="{{ path('fmUniqskillsHomePage') }}" class="headerLogo {% if app.request.locale != 'de' %}headerLogo--svg{% endif %}">
{% if app.request.locale == 'de' %}
<img style="width:40%;" src="{{ asset(getUniqskillsLogo(app.request.locale)) | imagine_filter('img_250_width') }}" alt="logo">
{% else %}
<img src="{{ asset(getUniqskillsLogo(app.request.locale)) }}" class="logo-main-svg" alt="logo">
{% endif %}
</a>
<span class="search-mobile">
<img src="{{ asset('uniqskills/img/loop-icon.png') }}" class="search-mobile-icon">
<span>{{ 'uniqskills.menu.search'|trans }}</span>
</span>
{% if app.request.locale == 'pl' %}
{% set searchRoute = 'fmUniqskillsFrontendPlCatalogueSubCategory' %}
{% elseif app.request.locale == 'en' %}
{% set searchRoute = 'fmUniqskillsFrontendUKCatalogueSubCategory' %}
{% else %}
{% set searchRoute = 'fmUniqskillsFrontendCatalogueSubCategory' %}
{% endif %}
<div class="headerMenu headerMenu--showOnTablet">
<nav class="menuContent menuContent--showOnTablet">
<ul class="menuContent-links menuContent-links--showOnTablet">
<li>
<a href="{{ path('fmUniqskillsHomePage') }}">
{{ 'uniqskills.menu.homePage'|trans }}
</a>
</li>
<li>
{# task GOS-1568 #}
{% if app.request.locale not in ['es', 'pt', 'de', 'en-us'] %}
{% if not hideCatalog() %}
{% if app.request.locale == 'pl' %}
<a href="{{ path('fmUniqskillsFrontendPlCourseCatalogue') }}">
{{ 'uniqskills.menu.catalog'|trans }}
<i class="fa fa-angle-right link-catalog-icon" aria-hidden="true"></i>
</a>
{% elseif app.request.locale == 'en' %}
<a href="{{ path('fmUniqskillsFrontendUKCourseCatalogue') }}">
{{ 'uniqskills.menu.catalog'|trans }}
<i class="fa fa-angle-right link-catalog-icon" aria-hidden="true"></i>
</a>
{% else %}
<a href="{{ path('fmUniqskillsFrontendCourseCatalogue') }}">
{{ 'uniqskills.menu.catalog'|trans }}
<i class="fa fa-angle-right link-catalog-icon" aria-hidden="true"></i>
</a>
{% endif %}
{% endif %}
{% endif %}
</li>
{% if app.request.locale == 'en' %}
<li><a target="_blank" href="https://www.blog.uniqskills.co.uk">Blog</a></li>
{% endif %}
<li>
<a href="{{ path('fmUniqskillsContactForm') }}">
{{ 'uniqskills.menu.contact'|trans }}
</a>
</li>
{% if app.request.locale == 'pl' %}
<li><a target="_blank" href="{{ path('fmUniqskillsHowToUse') }}">Jak korzystać</a></li>
{% endif %}
</ul>
<div class="menuContent-accountElements menuContent-accountElements--showOnTablet">
{% if app.user %}
<a href="{{ path('fmUniqskillsAccount') }}"
class="button button--mainMenu button-blueBorder">
{{ 'uniqskills.menu.myAccount'|trans }}
</a>
{% else %}
<a href="{{ path('uniqskills_login') }}"
class="button button--autoWidth button-blueBorder"
style="margin-left: 0;"
onclick="sendMixPanelEvent('{{ constant('App\\Utils\\Uniqskills\\MixPanel\\MixPanelEvent::LOGIN') }}')">
{{ 'uniqskills.menu.signin'|trans }}
</a>
{% endif %}
{{ include('uniqskills/cart/buttonCart.html.twig') }}
</div>
{% if app.request.locale != 'en' %}
<div class="menuContent-siteSettings menuContent-siteSettings--showOnTablet" {% if app.request.locale == 'de' %}style="top:24px!important;"{% endif %}>
<div class="customSelect">
{{ include('uniqskills/base/language_menu.html.twig') }}
</div>
</div>
{% endif %}
</nav>
<nav class="menuCategories">
<span class="categories-title">{{ 'uniqskills.catalog.chooseCategory'|trans }}</span>
<ul class="menuCategories__list">
<li>
<a href="{{ path(categoryRoute) }}">
<span class="categories-label {{ (null or 0) == categorySlug ? "active": '' }}">
{{ 'uniqskills.catalog.all'|trans }}
</span>
</a>
</li>
{% for item in categories %}
<li>
<a href="{{ path(categoryRoute, {category: item.categorySlug}) }}" class="{{ item.subCategories|length > 0 ? 'categories-link-root' : '' }}">
<span class="categories-label {{ item.categorySlug == categorySlug ? "active": '' }}
{{ item.subCategories|length > 0 ? 'categories-root' : '' }}"
>
{{ item.categoryName }}
{% if item.subCategories|length > 0 %}
<span class="subcategories-number">({{ item.subCategories|length }})</span>
{% endif %}
</span>
</a>
<ul class="categories-subCategoriesList">
{% if item.subCategories|length > 0 %}
<li class="categories-linkToAll">
<a href="{{ path(categoryRoute, {category: item.categorySlug}) }}">
<span class="categories-label {{ item.categorySlug == categorySlug ? "active": '' }}">
{{ 'uniqskills.catalog.all'|trans }}
</span>
</a>
</li>
{% endif %}
{% for subCategory in item.subCategories %}
<li>
<a href="{{ path(subCategoryRoute, {category: item.categorySlug, subCategory: subCategory.categorySlug}) }}">
<span class="categories-label {{ subCategory.categorySlug == categorySlug ? "active": '' }}">
{{ subCategory.categoryName }}
({{ subCategory.activeCoursesCounter }})
</span>
</a>
</li>
{% endfor %}
</ul>
</li>
{% endfor %}
</ul>
</nav>
</div>
</div>
</header>
<div class="search-bar">
<form method="GET" action="{{ path(searchRoute) }}" id="search-bar-form">
<input name="search" type="text" class="search-bar-input">
<a href="#" class="search-mobile search-mobile-submit">
<img src="{{ asset('uniqskills/img/loop-icon-grey.png') }}" class="search-mobile-icon">
<span>{{ 'uniqskills.menu.search'|trans }}</span>
</a>
</form>
</div>
<div class="headerMenu--mobile">
<div class="menuButton menuButton--showOnTablet">
<div class="menuButton-lines">
<div class="menuButton-line"></div>
<div class="menuButton-line"></div>
<div class="menuButton-line"></div>
<div class="menuButton-line"></div>
</div>
<div class="menuButton-text">menu</div>
</div>
<nav class="menuContent menuContent--showOnTablet">
<ul class="menuContent-links menuContent-links--showOnTablet">
<li>
<a href="{{ path('fmUniqskillsHomePage') }}">
{{ 'uniqskills.menu.homePage'|trans }}
</a>
</li>
<li>
{% if not hideCatalog() %}
{% if app.request.locale == 'pl' %}
<a href="{{ path('fmUniqskillsFrontendPlCourseCatalogue') }}" class="link-catalog">
{{ 'uniqskills.menu.catalog'|trans }}
<i class="fa fa-angle-right link-catalog-icon" aria-hidden="true"></i>
</a>
{% elseif app.request.locale == 'en' %}
<a href="{{ path('fmUniqskillsFrontendUKCourseCatalogue') }}" class="link-catalog">
{{ 'uniqskills.menu.catalog'|trans }}
<i class="fa fa-angle-right link-catalog-icon" aria-hidden="true"></i>
</a>
{% else %}
<a href="{{ path('fmUniqskillsFrontendCourseCatalogue') }}" class="link-catalog">
{{ 'uniqskills.menu.catalog'|trans }}
<i class="fa fa-angle-right link-catalog-icon" aria-hidden="true"></i>
</a>
{% endif %}
{% endif %}
</li>
<li>
<a href="{{ path('fmUniqskillsContactForm') }}">
{{ 'uniqskills.menu.contact'|trans }}
</a>
</li>
{% if app.request.locale == 'pl' %}
<li><a target="_blank" href="{{ path('fmUniqskillsHowToUse') }}">Jak korzystać</a></li>
{% endif %}
</ul>
<div class="menuContent-accountElements menuContent-accountElements--showOnTablet">
{% if app.user %}
<a href="{{ path('fmUniqskillsAccount') }}"
class="button button--mainMenu button-blueBorder">
{{ 'uniqskills.menu.myAccount'|trans }}
</a>
{% else %}
<a href="{{ path('uniqskills_login') }}"
class="button button--autoWidth button-blueBorder"
style="margin-left: 0;">
{{ 'uniqskills.menu.signin'|trans }}
</a>
{% endif %}
{{ include('uniqskills/cart/buttonCart.html.twig') }}
</div>
<div class="menuContent-siteSettings menuContent-siteSettings--showOnTablet" {% if app.request.locale == 'de' %}style="top:24px!important;"{% endif %}>
<div class="customSelect">
{{ include('uniqskills/base/language_menu.html.twig') }}
</div>
</div>
</nav>
<nav class="menuCategories">
<span class="categories-title">{{ 'uniqskills.catalog.chooseCategory'|trans }}</span>
<ul class="menuCategories__list">
<li>
<a href="{{ path(categoryRoute) }}">
<span class="categories-label {{ (null or 0) == categorySlug ? "active": '' }}">
{{ 'uniqskills.catalog.all'|trans }}
</span>
</a>
</li>
{% for item in categories %}
<li>
<a href="{{ path(categoryRoute, {category: item.categorySlug}) }}" class="{{ item.subCategories|length > 0 ? 'categories-link-root' : '' }}">
<span class="categories-label {{ item.categorySlug == categorySlug ? "active": '' }}
{{ item.subCategories|length > 0 ? 'categories-root' : '' }}"
>
{{ item.categoryName }}
<span class="active-courses-number">({{ item.activeCoursesCounter }})</span>
</span>
</a>
<ul class="categories-subCategoriesList">
{% if item.subCategories|length > 0 %}
<li class="categories-linkToAll">
<a href="{{ path(categoryRoute, {category: item.categorySlug}) }}">
<span class="categories-label {{ item.categorySlug == categorySlug ? "active": '' }}">
{{ 'uniqskills.catalog.all'|trans }}
</span>
</a>
</li>
{% endif %}
{% for subCategory in item.subCategories %}
<li>
<a href="{{ path(subCategoryRoute, {category: item.categorySlug, subCategory: subCategory.categorySlug}) }}">
<span class="categories-label {{ subCategory.categorySlug == categorySlug ? "active": '' }}">
{{ subCategory.categoryName }}
({{ subCategory.activeCoursesCounter }})
</span>
</a>
</li>
{% endfor %}
</ul>
</li>
{% endfor %}
</ul>
</nav>
</div>