@foreach ($child_cats as $child_cat)
    <div class="menu-sub menu-sub-accordion menu-active-bg">
        <div @if (count($child_cat->child_cats) > 0) data-kt-menu-trigger="click" @endif class="menu-item menu-accordion">
            @if (count($child_cat->child_cats) > 0)
                <span class="menu-link">
                    <span class="menu-title">{{ $child_cat->name }}</span>
                    <span class="menu-arrow"></span>
                </span>
            @else
                <a href="/products/{{ $child_cat->slug }}" class="menu-link">
                    <span class="menu-title">{{ $child_cat->name }}</span>
                </a>
            @endif
            @if (count($child_cat->child_cats) > 0)
                @include('frontend.ecommerce.child_cats', ['child_cats' => $child_cat->child_cats])
            @endif
        </div>
    </div>
@endforeach