{{--
    One field of a block: a translated pair (NL/EN), a single control, or the
    repeating rows of a repeater. Expects $field, $value, $prefix and $mediaPreviews.
--}}
@php
    $kind = $field['kind'] ?? 'text';
    $name = (string) $field['name'];
    $translated = ! empty($field['translated']);
    $single = is_string($value) ? $value : '';
    $pairs = is_array($value) && $kind !== 'repeater' ? $value : [];
    $rows = is_array($value) && $kind === 'repeater' ? array_values($value) : [];
@endphp

@if ($kind === 'repeater')
    <div data-repeat class="rounded-lg border border-border/70 bg-muted/20 p-3">
        <div class="mb-2 flex items-center justify-between gap-2">
            <span class="text-xs font-semibold uppercase tracking-wide text-muted-foreground">{{ $field['label'] }}</span>
            <span class="text-[11px] text-muted-foreground">max {{ (int) ($field['max'] ?? 10) }}</span>
        </div>

        <div data-repeat-list class="space-y-3">
            @foreach ($rows as $rowIndex => $row)
                @include('admin.pages.partials.block-repeat-row', [
                    'field' => $field,
                    'row' => is_array($row) ? $row : [],
                    'prefix' => $prefix.'['.$name.']['.$rowIndex.']',
                    'mediaPreviews' => $mediaPreviews,
                ])
            @endforeach
        </div>

        <template data-repeat-template>
            @include('admin.pages.partials.block-repeat-row', [
                'field' => $field,
                'row' => [],
                'prefix' => $prefix.'['.$name.'][__INDEX__]',
                'mediaPreviews' => $mediaPreviews,
            ])
        </template>

        <button type="button" data-repeat-add class="btn btn-outline btn-sm mt-3">
            @include('admin.partials.icon', ['name' => 'plus', 'class' => 'h-3.5 w-3.5'])
            {{ $field['item_label'] ?? 'Item' }} toevoegen
        </button>
    </div>
@else
    <div class="space-y-1.5">
        <span class="label">{{ $field['label'] }}</span>

        @if ($translated)
            <div class="grid gap-2 md:grid-cols-2">
                @foreach (['nl' => 'Nederlands', 'en' => 'Engels'] as $language => $languageLabel)
                    <div class="space-y-1">
                        <span class="text-[11px] uppercase tracking-wide text-muted-foreground">{{ $languageLabel }}</span>
                        @include('admin.pages.partials.block-control', [
                            'field' => $field,
                            'name' => $prefix.'['.$name.']['.$language.']',
                            'value' => (string) ($pairs[$language] ?? ''),
                            'mediaPreview' => null,
                        ])
                    </div>
                @endforeach
            </div>
        @else
            @include('admin.pages.partials.block-control', [
                'field' => $field,
                'name' => $prefix.'['.$name.']',
                'value' => $single,
                'mediaPreview' => $kind === 'media' ? ($mediaPreviews[$single] ?? null) : null,
            ])
        @endif
    </div>
@endif