@props(['records'])

<ol class="dd-list">
    @forelse ($records as $record)
    <li class="dd-item card" data-id="{{ $record->id }}">
        {{ $record->id }}
        @if (count($record->children) > 0)
        <ol class="dd-list">
            @foreach ($record->children as $gRecordChild)
            <li class="dd-item card" data-id="{{ $gRecordChild->id }}">
                {{ $gRecordChild->id }}
            </li>
            @endforeach
        </ol>
        @endif
    </li>
    @empty
    <li></li>
    @endforelse
</ol>