@php
    /** @var \App\Models\Block $record */
    $record = $this->getRecord();
    $groups = \App\Support\Tilda\BlockItems::groups((string) $record->contentBlock()->html);
@endphp
@if (count($groups))
    <div style="display:flex;flex-direction:column;gap:1rem">
        @foreach ($groups as $g => $group)
            <div style="border:1px solid rgba(0,0,0,.08);border-radius:.75rem;overflow:hidden">
                <div style="padding:.5rem .75rem;font-size:.8rem;font-weight:600;background:rgba(0,0,0,.03)">
                    Элементы списка{{ count($groups) > 1 ? ' №'.($g + 1) : '' }} · {{ count($group['items']) }} шт.
                    <span style="font-weight:400;color:rgba(0,0,0,.5)"> — копия появляется сразу после исходного элемента, её тексты и картинки правятся ниже</span>
                </div>
                @foreach ($group['items'] as $i => $item)
                    <div style="display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-top:1px solid rgba(0,0,0,.06);font-size:.85rem">
                        <span style="color:rgba(0,0,0,.4);min-width:1.5rem">{{ $i + 1 }}</span>
                        <span style="flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">{{ $item['label'] }}</span>
                        <x-filament::icon-button icon="heroicon-m-arrow-up" color="gray" size="sm" label="Выше"
                            :disabled="$i === 0"
                            wire:click="itemAction('up', {{ $g }}, {{ $i }})"
                            wire:confirm="Несохранённые правки в форме будут потеряны. Переставить элемент?" />
                        <x-filament::icon-button icon="heroicon-m-arrow-down" color="gray" size="sm" label="Ниже"
                            :disabled="$i === count($group['items']) - 1"
                            wire:click="itemAction('down', {{ $g }}, {{ $i }})"
                            wire:confirm="Несохранённые правки в форме будут потеряны. Переставить элемент?" />
                        <x-filament::icon-button icon="heroicon-m-document-duplicate" color="gray" size="sm" label="Дублировать"
                            wire:click="itemAction('duplicate', {{ $g }}, {{ $i }})"
                            wire:confirm="Несохранённые правки в форме будут потеряны. Создать копию элемента?" />
                        <x-filament::icon-button icon="heroicon-m-trash" color="danger" size="sm" label="Удалить"
                            :disabled="count($group['items']) < 2"
                            wire:click="itemAction('delete', {{ $g }}, {{ $i }})"
                            wire:confirm="Удалить элемент «{{ \Illuminate\Support\Str::limit($item['label'], 60) }}»?" />
                    </div>
                @endforeach
            </div>
        @endforeach
    </div>
@endif