@foreach ($categories as $category)
    <li @if ($categoriesCount = $category->activeChildren->isNotEmpty()) class="menu-item-has-children has-mega-menu" @endif>
        <a href="{{ $category->url }}">
            @if ($iconImage = $category->getMetaData('icon_image', true))
                <img src="{{ RvMedia::getImageUrl($iconImage) }}" alt="{{ $category->name }}" width="18" height="18">
            @elseif ($icon = $category->getMetaData('icon', true))
                <i class="{{ $icon }}"></i>
            @endif
            <span class="ms-1">{{ $category->name }}</span>
            @if ($categoriesCount)
                <span class="sub-toggle">
                    <span class="svg-icon">
                        <svg>
                            <use href="#svg-icon-chevron-right" xlink:href="#svg-icon-chevron-right"></use>
                        </svg>
                    </span>
                </span>
            @endif
        </a>
        @if ($categoriesCount)
            <div class="mega-menu" @if (! isset($category->activeChildren[1])) style="min-width: 250px;" @endif>
                @foreach($category->activeChildren as $childCategory)
                    <div class="mega-menu__column">
                        @if ($childCategory->activeChildren->isNotEmpty())
                            <a href="{{ $childCategory->url }}">
                                <h4>{{ $childCategory->name }}</h4>
                                <span class="sub-toggle">
                                    <span class="svg-icon">
                                        <svg>
                                            <use href="#svg-icon-chevron-right" xlink:href="#svg-icon-chevron-right"></use>
                                        </svg>
                                    </span>
                                </span>
                            </a>
                            <ul class="mega-menu__list">
                                @foreach($childCategory->activeChildren as $item)
                                    <li><a href="{{ $item->url }}">{{ $item->name }}</a></li>
                                @endforeach
                            </ul>
                        @else
                            <a href="{{ $childCategory->url }}">{{ $childCategory->name }}</a>
                        @endif
                    </div>
                @endforeach
            </div>
        @endif
    </li>
@endforeach