{% sw_extends '@Storefront/storefront/s360/megamenu/desktop/items/column::categories.html.twig' %}
{#
# Category Columns Item
#}
{% block s360_megamenu_columns_categories_column %}
{# @var item \S360\MegaMenu\Core\Content\Menu\MenuItemEntity #}
{% set item = treeItem.item %}
{% set settings = item.contentSettings %}
{% set loopIndex = 1 %}
{% set break = false %}
{% if item.categoryLink %}
<div class="s360-megamenu__category-column {% if item.styling.customClass %}{{ item.styling.customClass }}{% endif %}">
{# Category Header #}
{% if settings.showCategoryTitle is not defined or settings.showCategoryTitle != false %}
{% block s360_megamenu_category_content_title %}
{% set isActive = item.categoryLinkId in page.header.navigation.active.breadcrumb|keys %}
{% if item.categoryLink.id %}
<a href="{{ seoUrl('frontend.navigation.page', { navigationId: item.categoryLink.id }) }}" itemprop="url" title="{{ item.categoryLink.translated.name }}" class="s360-megamenu__category-column__title{% if isActive %} active{% endif %}">{{ item.categoryLink.translated.name }}</a>
{% else %}
<div class="s360-megamenu__category-column__title{% if isActive %} active{% endif %}">{{ item.categoryLink.translated.name }}</div>
{% endif %}
{% endblock %}
{% endif %}
{# Category List #}
{% block s360_megamenu_columns_categories_column_categories %}
{% if item.categoryLink.children|length > 0 %}
{% set hasVisibleChildren = false %}
{% for child in item.categoryLink.children %}
{% if child.visible %}
{% set hasVisibleChildren = true %}
{% endif %}
{% endfor %}
{% if hasVisibleChildren %}
{{ parent() }}
{% endif %}
{% endif %}
{% endblock %}
{# Read more / Show Categories #}
{% if settings.showReadMore and settings.maxSubcategories > 0 %}
{% block s360_megamenu_columns_categories_column_more %}
<a class="s360-megamenu_showall" href="{{ seoUrl('frontend.navigation.page', { navigationId: item.categoryLink.id }) }}" itemprop="url" title="{{ item.categoryLink.translated.name }}">{{ "menu.textForMoreCategories"|trans|sw_sanitize }}</a>
{% endblock %}
{% endif %}
</div>
{% endif %}
{% endblock %}