{#
# Desktop Megamenu Menu
#}
{# @var menu \S360\MegaMenu\Core\Content\Menu\MenuEntity #}
{% block s360_megamenu %}
{# {{ dump() }} #}
{% block s360_megamenu_styles %}
<style>
{% sw_include '@Storefront/storefront/s360/megamenu/styles.html.twig'
with {
styles: menu.menuStyling,
classSelector: ['.s360-megamenu--desktop']
} %}
{% sw_include '@Storefront/storefront/s360/megamenu/styles.html.twig'
with {
styles: menu.styling,
classSelector: ['.s360-megamenu--desktop .s360-megamenu-nav > .s360-megamenu__item > .s360-megamenu__link']
} %}
{% sw_include '@Storefront/storefront/s360/megamenu/styles.html.twig'
with {
styles: menu.dropdownStyling,
classSelector: ['.s360-megamenu-wrapper .s360-megamenu__dropdown-menu']
} %}
{% sw_include '@Storefront/storefront/s360/megamenu/styles.html.twig'
with {
styles: menu.dropdownItemsStyling,
classSelector: ['.s360-megamenu-wrapper .s360-megamenu__dropdown-menu .s360-megamenu__link']
} %}
{% for item in menu.items %}
{% sw_include '@Storefront/storefront/s360/megamenu/styles.html.twig'
with {
styles: item.styling,
classSelector: ['.s360-megamenu-wrapper .s360-megamenu__item .s360-megamenu__link.s360-megamenu__link--' ~ item.id, '.s360-megamenu-wrapper .s360-megamenu__dropdown-menu .s360-megamenu__html.s360-megamenu__html--' ~ item.id]
} %}
{% endfor %}
</style>
{% endblock %}
{% if menu.css %}
{% block s360_megamenu_custom_css %}
<style>{{ menu.css }}</style>
{% endblock %}
{% endif %}
{% block s360_megamenu_navigation %}
<nav class="nav main-navigation-menu s360-megamenu-nav" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
{% block layout_s360_megamenu_items %}
{% for treeItem in menu.tree.tree %}
{% sw_include '@Storefront/storefront/s360/megamenu/desktop/items/' ~ treeItem.item.contentType ~ '.html.twig' ignore missing %}
{% endfor %}
{% endblock %}
</nav>
{% endblock %}
{% endblock %}