@php
    $acc = $accounts[$id];
    $kids = $children[$id] ?? [];
    $type = $rootTypes[$id] ?? (int) $acc->account_type;
    $bal = $balances[$id] ?? 0;
    $shown = in_array($type, [1, 4], true) ? $bal : -$bal; // الرصيد حسب طبيعة الحساب
@endphp
<li class="ct-node" data-search="{{ mb_strtolower($acc->account_number . ' ' . $acc->name) }}">
    <div class="ct-row {{ $acc->active == 1 ? '' : 'ct-inactive' }}" style="--depth: {{ $depth }}">
        <div class="ct-main">
            @if ($kids)
                <button type="button" class="ct-toggle" aria-label="فتح/طي"><i class="fa fa-chevron-left"></i></button>
                <i class="fa fa-folder ct-icon ct-folder"></i>
            @else
                <span class="ct-toggle-space"></span>
                <i class="fa fa-file-o ct-icon ct-file"></i>
            @endif
            <span class="ct-number">{{ $acc->account_number }}</span>
            <span class="ct-name ct-type-{{ $type }}">{{ $acc->name }}</span>
            <span class="ct-type-label ct-type-{{ $type }}">({{ $typeLabels[$type] ?? '-' }})</span>
        </div>
        <div class="ct-balance">
            @if (abs($bal) >= 0.005)
                {{ number_format(abs($shown), 2) }}
                <small>{{ $shown >= 0 ? ($type == 1 || $type == 4 ? 'مدين' : 'دائن') : ($type == 1 || $type == 4 ? 'دائن' : 'مدين') }}</small>
            @else
                <span class="text-muted">0.00</span>
            @endif
        </div>
        <div class="ct-actions">
            <button type="button" class="ct-btn ct-btn-add" title="إضافة حساب فرعي" data-action="add" data-id="{{ $id }}" data-name="{{ $acc->name }}" data-type="{{ $type }}"><i class="fa fa-plus"></i></button>
            <button type="button" class="ct-btn ct-btn-statement" title="كشف حساب" data-action="statement" data-id="{{ $id }}" data-name="{{ $acc->name }}"><i class="fa fa-list-alt"></i></button>
            <button type="button" class="ct-btn ct-btn-edit" title="تعديل / نقل" data-action="edit" data-id="{{ $id }}" data-name="{{ $acc->name }}" data-parent="{{ $acc->parent_account_number }}"><i class="fa fa-pencil"></i></button>
            <label class="ct-switch" title="{{ $acc->active == 1 ? 'نشط' : 'غير نشط' }}">
                <input type="checkbox" class="update-status" data-id="{{ $id }}" {{ $acc->active == 1 ? 'checked' : '' }}>
                <span></span>
            </label>
        </div>
    </div>
    @if ($kids)
        <ul class="ct-children">
            @foreach ($kids as $kid)
                @include('acountes.partials.tree_node', ['id' => $kid, 'depth' => $depth + 1])
            @endforeach
        </ul>
    @endif
</li>