{{--
    One row of a repeating block field (FAQ items, feature points, gallery images).
    Expects $field (the repeater definition), $row, $prefix and $mediaPreviews.
--}}
<div data-repeat-row class="rounded-md border border-border bg-card p-3">
    <div class="grid gap-3 md:grid-cols-2">
        @foreach (($field['fields'] ?? []) as $sub)
            @php
                $subKind = $sub['kind'] ?? 'text';
                $subValue = $row[$sub['name']] ?? null;
                $wide = in_array($subKind, ['textarea', 'richtext'], true) || ! empty($sub['translated']);
            @endphp

            <div class="{{ $wide ? 'md:col-span-2' : '' }}">
                @include('admin.pages.partials.block-field', [
                    'field' => $sub,
                    'value' => $subValue,
                    'prefix' => $prefix,
                    'mediaPreviews' => $mediaPreviews,
                ])
            </div>
        @endforeach
    </div>

    <div class="mt-2 flex justify-end">
        <button type="button" data-repeat-remove class="btn btn-ghost btn-sm text-destructive">
            @include('admin.partials.icon', ['name' => 'trash-2', 'class' => 'h-3.5 w-3.5'])
            Verwijderen
        </button>
    </div>
</div>