{% block s360_megamenu_category_content %}
<div class="s360-megamenu-main-category">
{# Category Header #}
{% if settings.showCategoryTitle is not defined or settings.showCategoryTitle != false %}
{% block s360_megamenu_category_content_title %}
<div class="s360-megamenu-main-category__title h4">{{ cat.translated.name }}</div>
{% endblock %}
{% endif %}
{# Category Details #}
{% if settings.showCategoryImage or settings.showCategoryDescription is not defined or item.showCategoryDescription != false %}
{% block s360_megamenu_category_content_detail %}
<div class="s360-megamenu-main-category__detail">
{# Category Image #}
{% if settings.showCategoryImage and cat.media %}
{% block s360_megamenu_category_content_detail_image %}
<div class="s360-megamenu-main-category__detail__image {{ settings.categoryImageLeft ? 's360-megamenu-main-category__detail__image--left' : 's360-megamenu-main-category__detail__image--right' }}">
<a href="{{ seoUrl('frontend.navigation.page', { navigationId: cat.id }) }}">
<img src="{{ cat.media.url }}" class="img-fluid" alt="{{ cat.translated.name }}"/>
</a>
</div>
{% endblock %}
{% endif %}
{# Category Description #}
{% if (settings.showCategoryDescription is not defined or settings.showCategoryDescription != false) and cat.translated.description %}
{% block s360_megamenu_category_content_detail_description %}
<div class="s360-megamenu-main-category__detail__description">
{{ cat.translated.description|raw }}
</div>
{% endblock %}
{% endif %}
</div>
{% endblock %}
{% endif %}
</div>
{% endblock %}