<nav class="header-bottom">
    <div class="container">
        <ul class="nav-categories">
            {% for category in categories %}
                {% if category.subMenuType|length > 0 and category.slug != 'kontakt' %}
                    <li class="nav-categories__item w-submenu">
                        {% if category.categoryType is defined and category.categoryType.slugPrefix is defined and category.categoryType.slugPrefix != '' %}
                            {% set path = path(category.categoryType.controllerName, {slug: category.slug, slug_prefix: category.categoryType.slugPrefix}) %}
                        {% else %}
                            {% set path = path(category.categoryType.controllerName, {slug: category.slug}) %}
                        {% endif %}
                        <button type="button" name="{{ category.name }}" class="nav-categories__submenu-toggler">
                            {{ category.menuName ?: category.name }}
                        </button>
                        <a href="{{ path }}" class="nav-categories__link w-submenu">
                            {{ category.menuName ?: category.name }}
                        </a>
                        {% set subMenu = category.subMenuType.first %}
                        {{ render(controller(subMenu.controllerName, {'subMenuType':subMenu.id,'category':category.id,'menuType':menuType.id})) }}
                    </li>
                {% else %}
                    <li class="nav-categories__item">
                        {% if category.categoryType is defined and category.categoryType.slugPrefix is defined and category.categoryType.slugPrefix != '' %}
                            {% set path = path(category.categoryType.controllerName, {slug: category.slug, slug_prefix: category.categoryType.slugPrefix}) %}
                        {% else %}
                            {% set path = path(category.categoryType.controllerName, {slug: category.slug}) %}
                        {% endif %}
                        <a class="nav-categories__link" href="{{ path }}">
                            {{ category.menuName ?: category.name }}
                        </a>
                    </li>
                {% endif %}
            {% endfor %}
            {# <li class="nav-categories__item">
                <a class="nav-categories__link" href="/showroomy">
                    {% trans %}Showroomy{% endtrans %}
                </a>
            </li> #}
        </ul>
        <div class="nav-mobile">
            <ul class="nav-mobile-links">
                {% for top_menu_category in find_menu_categories(constant('App\\Enum\\MenuType::Top').value) %}
                    <li>
                        {% if top_menu_category.categoryType is defined and top_menu_category.categoryType.slugPrefix is defined and top_menu_category.categoryType.slugPrefix != '' %}
                            {% set path = path(top_menu_category.categoryType.controllerName, {slug: top_menu_category.slug, slug_prefix: top_menu_category.categoryType.slugPrefix}) %}
                        {% else %}
                            {% set path = path(top_menu_category.categoryType.controllerName, {slug: top_menu_category.slug}) %}
                        {% endif %}
                        <a href="{{ path }}" class="nav-mobile-links__link">
                            {{ top_menu_category.menuName ?: top_menu_category.name }}
                        </a>
                    </li>
                {% endfor %}
            </ul>
            <a href="{{ path('inquiry_form') }}" class="nav-mobile__demand button button--secondary">{% trans %}Poptávka{% endtrans %}</a>
            <ul class="nav-mobile-languages">
                {% set languageOptions = ['cs', 'en'] %}
                {% for languageOption in languageOptions %}
                    <li>
                        <a href="{{ get_route_for_locale(languageOption) }}" class="nav-mobile-languages__link  {{ app.request.locale == languageOption ? 'is-active':" " }}">{{ languageOption|upper }}</a>
                    </li>
                {% endfor %}
            </ul>
        </div>
    </div>
</nav>