@foreach($records as $record)
    <tr class="record-level-{{$indentation}}">
        <td>
            <div class="level-wrapper level-{{$indentation}}">
                @for ($i = 0; $i < $indentation; $i++)
                    <span class="level-dot"></span>
                @endfor
                <span class="level-indicator">
                    {{$record->name}}
                </span>
            </div>
        </td>
        <td>{{$record->type == 'IN' ? 'Entrata' : 'Uscita'}}</td>
        <td>
            <span class="tablesaw-cell-content">
                <span class="badge tessera-badge {{$record->enabled ? 'active' : 'suspended'}}">
                    {{$record->enabled ? 'attivo' : 'disattivo'}}
                </span>
            </span>
        </td>
        <td>
            <button type="button" class="btn btn-outline-success btn-sm" wire:click="addLevel({{ $record->id }})">Aggiungi livello</button>
            <button type="button" class="btn btn-outline-success btn-sm" wire:click="duplicate({{ $record->id }})">Duplica</button>
            <button type="button" class="btn" wire:click="edit({{ $record->id }})" data-bs-toggle="popover" data-bs-trigger="hover focus" data-bs-placement="bottom" data-bs-content="Modifica"><i class="fa-regular fa-pen-to-square"></i></button>
            <button type="button" class="btn" onclick="confirm('Sei sicuro?') || event.stopImmediatePropagation()" wire:click="delete({{ $record->id }})" data-bs-toggle="popover" data-bs-trigger="hover focus" data-bs-placement="bottom" data-bs-content="Elimina"><i class="fa-regular fa-trash-can"></i></button>
        </td>
    </tr>
    @if(count($record->childs))
        @include('livewire/causal_child',['records' => $record->childs, 'indentation' => $indentation + 1])
    @endif
@endforeach