@foreach ($common_categories as $category)
    @if ($category->parent_id == 0)
        <span>
            @if ($category->activeChilds->count() > 0)
                <div class="{{ $category->activeChilds->count() > 0 ? 'dropdown-toggle' : '' }} header-nav-item"
                    type="button" data-bs-toggle="dropdown" aria-expanded="false" id="navbarDropdown"
                    href="{{ route('public.search_type', ['category', $category['slug']]) }}">
                    {{ @$category->name }}
                </div>
                <ul class="dropdown-menu nav-menu-dropdown" aria-labelledby="navbarDropdown">
                    <li class="dropdown-title">
                        <a href="{{ route('public.search_type', ['category', $category['slug']]) }}">
                            {{ @$category->name }}
                        </a>
                    </li>
                    @foreach ($category->activeChilds as $sub)
                        <li>
                            @if ($sub->activeChilds->count() > 0)
                                <a class="dropdown-item {{ $sub->activeChilds->count() > 0 ? 'dropdown-toggle' : '' }}"
                                    type="button" data-bs-toggle="dropdown">
                                    {{ @$sub->name }}
                                </a>

                                <ul class="dropdown-menu dropdown-submenu">
                                    <li class="dropdown-title">
                                        <a href="{{ route('public.search_type', ['category', $sub['slug']]) }}">
                                            {{ @$sub->name }}
                                        </a>
                                    </li>
                                    @foreach ($sub->activeChilds as $subchild)
                                        <li>
                                            <a class="dropdown-item"
                                                href="{{ route('public.search_type', ['category', $subchild['slug']]) }}">
                                                {{ @$subchild->name }}
                                            </a>
                                        </li>
                                    @endforeach
                                </ul>
                            @else
                                <a class="dropdown-item"
                                    href="{{ route('public.search_type', ['category', $sub['slug']]) }}">
                                    {{ @$sub->name }}
                                </a>
                            @endif
                        </li>
                    @endforeach
                </ul>
            @else
                <a class="header-nav-item" type="button"
                    href="{{ route('public.search_type', ['category', $category['slug']]) }}">
                    {{ @$category->name }}</a>
            @endif
        </span>
    @endif
@endforeach