<nav class="nav-top">
    <ul class="nav-top__list">
        {% for category in categories %}
            <li class="nav-top__item">
                <a href="{{ path('web_get_page', {slug: category.slug}) }}" class="nav-top__link">
                    {% if category.menuName %}
                        {{ category.menuName }}
                    {% else %}
                        {{ category.name }}
                    {% endif %}
                </a>
            </li>
        {% endfor %}
    </ul>
</nav>
<a href="{{ path('shop_order_first') }}" class="header__cart">
    <img alt="cart" src="{{ asset("build/svg/cart.svg") }}" class="header__cart-icon">
    <div class="header__cart-count" id="headerCartOrderCount">{{ order.productVariants|length }}</div>
</a>
<button type="button" class="search-btn js-search-toggle">
    <!-- <img alt="search" class="search-btn__icon" src="/assets/svg/search.svg"> -->
    <svg class="search-btn__icon" width="18" height="18">
        <use href="{{ asset("build/svg/search.svg#search") }}" class="open"></use>
        <use href="{{ asset("build/svg/search.svg#close") }}" class="close"></use>
    </svg>
</button>
<div class="header__nav-toggle">
    <span></span>
    <span></span>
    <span></span>
</div>
<ul class="languages">
    {% set languageOptions = ['cs', 'en']  %}
    {% for languageOption in languageOptions %}
        <li>
            <a href="{{ get_route_for_locale(languageOption) }}" class="languages__link  {{ request.locale == languageOption ? 'active':"" }}">{{ languageOption|upper }}</a>
        </li>
    {% endfor %}
</ul>