<div class="submenu">
    <button type="button" class="submenu__close">
        <svg>
            <use href="{{ asset('build/svg/_icons.svg#close') }}"></use>
        </svg>
    </button>
    <div class="container">
        <div class="submenu-inner submenu-inner--w-related">
            <ul class="submenu-tiles">

                {% for subCategory in subCategories %}


                        <li class="submenu-tiles__item">
                            <a class="submenu-tile"
                            href="{{ path(subCategory.categoryType.controllerName, {'slug': subCategory.slug}) }}">
                                {% if subCategory.upload and subCategory.upload.path %}
                                    {% set subCategoryImagepath = sized_image(subCategory.upload, "_bg") %}
                                    <div class="submenu-tile__image" style="background-image: url({{ subCategoryImagepath }});">
                                {% else %}
                                    <div class="submenu-tile__image" style="background-image: url(/build/img/catalogue-category1.jpg);">
                                {% endif %}
                                </div>
                                <div class="submenu-tile__title">{{ subCategory.menuName ?: subCategory.name }}</div>

                            </a>
                        </li>

                {% endfor %}
            </ul>
            <div class="submenu-related">
                <ul class="submenu-related-tiles">
                    {% for asideCategory in categoriesAside %}
                        <li class="submenu-related-tiles__item">
                            <a class="submenu-related-tile" href="{{ path(asideCategory.categoryType.controllerName, {'slug': asideCategory.slug}) }}">
                            {% if asideCategory.upload and asideCategory.upload.path %}
                                    {% set asideCategoryImagepath = sized_image(asideCategory.upload, "_bg") %}
                                    <div class="submenu-related-tile__image" style="background-image: url({{ asideCategoryImagepath }});">
                                {% else %}
                                    <div class="submenu-related-tile__image" style="background-image: url(/build/img/catalogue-category1.jpg);">
                                {% endif %}
                                </div>
                                <div class="submenu-related-tile__title">{{ asideCategory.menuName ?: asideCategory.name }}</div>
                                {# {{ asideCategory.name }} #}
                            </a>
                        </li>
                    {% endfor %}
                </ul>
            </div>
        </div>
    </div>
</div>