@props(['field', 'view', 'items'])
@php
    $base = $field['key'];
    $maxItems = $field['max'] ?? count($items);
@endphp

<div class="repeater-block border border-gray-200 rounded p-4 bg-light-secondary">
    <div class="d-flex align-items-center justify-content-between mb-3">
        <div>
            <h5 class="fw-bold text-gray-800 mb-0">
                <i class="fas fa-list-ol text-primary me-2"></i>
                {{ $field['label'] ?? ucfirst($base) }}
                <span class="badge badge-light-primary fs-9 ms-1">{{ count($items) }} {{ count($items) === 1 ? 'item' : 'items' }}</span>
            </h5>
            @if(!empty($field['help']))
                <div class="text-gray-600 fs-7 mt-1">{{ $field['help'] }}</div>
            @endif
        </div>
    </div>

    @foreach($items as $idx => $itemFields)
        <div class="repeater-item bg-white rounded border border-gray-200 p-3 mb-3" data-item-idx="{{ $idx }}">
            <div class="d-flex align-items-center mb-3">
                <span class="badge badge-circle badge-primary me-2" style="width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;">{{ $idx }}</span>
                <span class="fw-semibold text-gray-800">Item {{ $idx }}</span>
            </div>
            <div class="row g-3">
                @foreach($itemFields as $subField)
                    @php
                        $subKey = $subField['expanded_key'];
                        $subName = "{$view}[{$subKey}]";
                        $colWidth = match($subField['type'] ?? 'text') {
                            'textarea', 'richtext' => 'col-12',
                            'boolean' => 'col-6 col-md-3',
                            default => 'col-12 col-md-6',
                        };
                    @endphp
                    <div class="{{ $colWidth }}">
                        <x-schema-admin-fields.dispatch
                            :field="$subField"
                            :view="$view"
                            :value="$subField['value']"
                            :name="$subName"
                        />
                    </div>
                @endforeach
            </div>
        </div>
    @endforeach

    <div class="text-gray-500 fs-8 text-end">
        <em>Repeater fijo: {{ $maxItems }} items configurados en el schema. Agregar/quitar items requiere modificar el schema del demo.</em>
    </div>
</div>