@props(['categories', 'selected' => [], 'name'])

<ul class="pl-4">
    @foreach($categories as $category)
        <li>
            {{ $category->children->count() > 0 ? $category->name : '' }}
            @if($category->children->count() == 0)
                <x-splade-checkbox 
                    :value="$category->id"
                    name="categories[]"
                    class="mr-2"
                    :label="$category->name"
                    :checked="in_array($category->id, $selected)"
                />
            @else
                <x-category-tree 
                    :categories="$category->children" 
                    :selected="$selected"
                    :name="$name"
                />
            @endif
        </li>
    @endforeach
</ul>