@if($category)
    <div class="accordion py-2" id="accordion-{{$category->id}}">
        <div class="">
            <div class="d-flex justify-content-between">
                <div>
                    <a href="?category={{$category->id}}" class="text-reset  text-body-emphasis-hover  text-hover-underline cursor-pointer">{{ ___($category, "title") }}</a>
                </div>
                @if($category->children->count() > 0)
                    <span data-bs-toggle="collapse" data-bs-target="#collapse-{{$category->id}}" aria-expanded="false" aria-controls="collapse-{{$category->id}}"
                          class="cursor-pointer">
                      <i class="fas fa-angle-down" aria-hidden="true"></i>
                    </span>
                @endif
            </div>

            <div id="collapse-{{$category->id}}" class="accordion-collapse collapse show" data-bs-parent="#accordion-{{$category->id}}">
                <div class="px-8 py-3">
                @if($category->children->count() > 0)
                    @foreach($category->children as $child)
                        @include('includes.category', ['category' => $child])
                    @endforeach
                @endif
                </div>

            </div>
        </div>
    </div>
@endif