@props(['categories', 'level' => 0])
@foreach ($categories as $category)
    @if($category['children'] && ($category['level'] == $level || $category['level'] > $level))
        <div class=" @if($drop_down) dropdown @else dropend @endif drop-child">
            <button class="btn btn-primary dropdown-toggle" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="outside" type="button">{{ $category['name'] }}</button>
            <div class="dropdown-menu @if($drop_down) dropdown-menu-end @endif ">
                <h6 class="dropdown-header">
                    <a href="{{ $category['url'] }}">{{ $category['name'] }}</a>
                </h6>
                <div class="dropdown-divider"></div>
    @elseif(!$category['children'] && ($category['level'] > $level || $category['level'] == $level))
        <a class="dropdown-item" href="{{ $category['url'] }}">{{ $category['name'] }}</a>
    @elseif((!$category['children'] || $category['children']) && $category['level'] < $level)
        @for($category['level']; $category['level'] < $level; $level--)
                </div>
            </div>
        @endfor
        @if($category['children'])
            <div class=" @if($drop_down) dropdown @else dropend @endif drop-child">
                <button class="btn btn-primary dropdown-toggle" aria-expanded="false" data-bs-toggle="dropdown" data-bs-auto-close="outside" type="button">{{ $category['name'] }}</button>
                <div class="dropdown-menu @if($drop_down) dropdown-menu-end @endif ">
                    <h6 class="dropdown-header">
                        <a href="{{ $category['url'] }}">{{ $category['name'] }}</a>
                    </h6>
                    <div class="dropdown-divider"></div>
        @else
            <a class="dropdown-item" href="{{ $category['url'] }}">{{ $category['name'] }}</a>
        @endif
    @endif
    @php
        $level = $category['level'];
    @endphp
@endforeach
    </div>
</div>