@php
    $depth = (int) ($depth ?? 0);
    $children = $cat->relationLoaded('children') ? $cat->children : collect();
    $hasChildren = $children->isNotEmpty();
    $childCount = $hasChildren ? $children->count() : (int) ($cat->children_count ?? 0);
    $isRoot = $depth === 0;
    $rowClass = $isRoot ? 'admin-category-tree__row--root' : 'admin-category-tree__row--child';
    $canUpdate = auth()->user()->can(\App\Models\Permission::PERMISSION_CATEGORIES_UPDATE);
    $openDefault = ! empty($expandAll) ? 'true' : 'false';
@endphp

<tbody
    class="admin-category-tree__group"
    @if ($hasChildren)
        x-data="{ open: {{ $openDefault }} }"
    @endif
>
    <tr
        @class([
            'admin-category-tree__row',
            $rowClass,
            'admin-category-tree__row--branch' => $hasChildren,
            'admin-category-tree__row--leaf' => ! $hasChildren,
            'admin-category-tree__row--clickable' => $hasChildren,
        ])
        @if ($hasChildren)
            @click="if (!$event.target.closest('a, button, form, input, select, textarea')) open = !open"
            role="button"
            tabindex="0"
            @keydown.enter.prevent="open = !open"
            @keydown.space.prevent="open = !open"
            :aria-expanded="open.toString()"
        @endif
    >
        <td class="admin-category-tree__toggle-col" data-label="">
            @if ($hasChildren)
                <button
                    type="button"
                    class="admin-category-tree__toggle"
                    @click.stop="open = !open"
                    :aria-expanded="open.toString()"
                    aria-label="{{ __('admin.category_toggle_children', ['name' => $cat->name_fa]) }}"
                >
                    <span
                        class="admin-category-tree__chevron"
                        :class="{ 'admin-category-tree__chevron--open': open }"
                        aria-hidden="true"
                    >
                        <x-site.icon name="chevron-down" class="h-4 w-4" />
                    </span>
                </button>
            @else
                <span class="admin-category-tree__toggle admin-category-tree__toggle--empty" aria-hidden="true"></span>
            @endif
        </td>
        <td data-label="#">{{ $cat->id }}</td>
        <td data-label="{{ __('admin.image') }}">
            @php($imageUrl = $cat->image ? site_media_url($cat->image) : null)
            @if ($imageUrl)
                <img src="{{ $imageUrl }}" alt="" class="admin-category-tree__thumb h-12 w-12 rounded-lg object-cover" />
            @else
                <span class="text-xs text-slate-400">—</span>
            @endif
        </td>
        <td data-label="{{ __('admin.name') }}">
            <div class="admin-category-tree__name" style="--category-depth: {{ $depth }}">
                <span class="admin-category-tree__label">{{ $cat->name_fa }}</span>
                @if ($childCount > 0)
                    <span class="admin-category-tree__badge">{{ __('admin.category_children_count', ['count' => $childCount]) }}</span>
                @endif
            </div>
        </td>
        <td data-label="{{ __('admin.slug') }}" class="font-mono text-xs">{{ $cat->slug }}</td>
        <td data-label="{{ __('admin.status') }}">
            <x-admin.status-badge :status="$cat->status" />
        </td>
        <td data-label="{{ __('admin.actions') }}" class="admin-table-actions">
            <x-admin.table-actions
                :edit-href="$canUpdate ? route('admin.categories.edit', $cat) : null"
                :toggle-action="$canUpdate ? route('admin.categories.toggle', $cat) : null"
            />
        </td>
    </tr>

    @if ($hasChildren)
        <tr class="admin-category-tree__children-row" x-show="open" x-cloak x-collapse>
            <td colspan="7" class="admin-category-tree__children-cell">
                <div class="admin-category-tree__children">
                    <table class="admin-category-tree__nested">
                        @foreach ($children as $child)
                            @include('admin.categories.partials.row', [
                                'cat' => $child,
                                'depth' => $depth + 1,
                                'expandAll' => $expandAll ?? false,
                            ])
                        @endforeach
                    </table>
                </div>
            </td>
        </tr>
    @endif
</tbody>