Почему не выводятся вложенные категории и как сделать чтоб категории не были рядом?

app.blade.php

@foreach ($categories as $category)

@if ($category->children->where('published', 1)->count())
<li class="dropdown">
<a href="{{url("/blog/category/$category->slug")}}" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
{{$category->title}} <span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
@include('layouts.top_menu', ['categories' => $category->children])
</ul>
@else
<li>
<a href="{{url("/blog/category/$category->slug")}}">{{$category->title}}</a>
@endif
</li>
@endforeach

header.blade.php

<nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
<div class="container">
<a class="navbar-brand" href="{{ url('/') }}">
{{ config('app.name', 'Laravel') }}
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
<!-- Left Side Of Navbar -->
<ul class="navbar-nav mr-auto">
<ul class="nav navbar-nav">
@include('layouts.top_menu', ['categories' => $categories])
</ul>

</ul>

<!-- Right Side Of Navbar -->
<ul class="navbar-nav ml-auto">
<!-- Authentication Links -->
@guest
<li class="nav-item">
<a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
</li>
@if (Route::has('register'))
<li class="nav-item">
<a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
</li>
@endif
@else
<li class="nav-item dropdown">
<a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
{{ Auth::user()->name }} <span class="caret"></span>
</a>

<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="{{ route('logout') }}"
onclick="event.preventDefault();
document.getElementById('logout-form').submit();">
{{ __('Logout') }}
</a>

<form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
@csrf
</form>
</div>
</li>
@endguest
</ul>
</div>
</div>
</nav

top_menu.blade.php

@foreach ($categories as $category)

@if ($category->children->where('published', 1)->count())
<li class="dropdown">
<a href="{{url("/blog/category/$category->slug")}}" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
{{$category->title}} <span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu">
@include('layouts.top_menu', ['categories' => $category->children])
</ul>
@else
<li>
<a href="{{url("/blog/category/$category->slug")}}">{{$category->title}}</a>
@endif
</li>
@endforeach
 

Этот код не вывел категории

@foreach ($categories as $category)
 
    @if ($category->children->where('published', 1)->count())
        <li class="dropdown">
            <a href="{{url("/blog/category/$category->slug")}}" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                {{$category->title}} <span class="caret"></span>
            </a>
            var_dump($category->children); die;
 
            {{--            dd($category->children);--}}
            <ul class="dropdown-menu" role="menu">
                @include('layouts.top_menu', ['categories' => $category->children])
            </ul>
    @else
        <li>
            <a href="{{url("/blog/category/$category->slug")}}">{{$category->title}}</a>
            @endif
        </li>
        @endforeach