<div class="p-3">
    <b>دسته اصلی محصول را انتخاب کنید</b>
    <div class="list-group mt-2">
        @if($parent_name)
            <a href="#" class="list-group-item list-group-item-action list-group-item-secondary" wire:click.prevent="changeToUpCategories('{{$parent_id}}')">
                {{ $parent_name }}
                <span class="float-left fa fa-chevron-up"></span>
            </a>
        @endif
        @foreach($categories as $category)
            @if($category->active_children_count)
                <a href="#" class="list-group-item list-group-item-action" wire:click.prevent="changeCategories('{{$category->slug}}')">
                    {{ $category->name }}
                    <span class="float-left fa fa-chevron-left"></span>
                </a>
            @else
                <a href="#" class="list-group-item list-group-item-action" wire:click.prevent="goToCreate('{{$category->id}}')">
                    {{ $category->name }}
                </a>
            @endif
        @endforeach
    </div>
</div>