@php($name = $field['name'])
@php($type = $field['type'])
@php($value = $block->get($name))
@php($required = $field['required'] ?? false)
@php($prefix = 'data.' . $name)
@php($fieldId = 'f_' . $name)
@php($hasError = collect($errors->keys())->contains(fn ($k) => $k === $prefix || str_starts_with($k, $prefix . '.')) || ($type === 'image' && $errors->has('upload.' . $name)))

<div class="field {{ $hasError ? 'has-error' : '' }}">
    <label @if (in_array($type, ['text', 'textarea'])) for="{{ $fieldId }}" @endif>{{ $field['label'] }}@if ($required) <span style="color:#c0392b">*</span>@endif</label>

    @if ($type === 'text')
        <input type="text" id="{{ $fieldId }}" name="data[{{ $name }}]" value="{{ old('data.' . $name, $value) }}" @required($required)>
        @error($prefix)<p class="field-error">{{ $message }}</p>@enderror

    @elseif ($type === 'richtext')
        @include('admin.blocks._richeditor', ['name' => "data[{$name}]", 'value' => old('data.' . $name, $value)])
        @error($prefix)<p class="field-error">{{ $message }}</p>@enderror

    @elseif ($type === 'textarea')
        <textarea id="{{ $fieldId }}" name="data[{{ $name }}]" @required($required)>{{ old('data.' . $name, $value) }}</textarea>
        @error($prefix)<p class="field-error">{{ $message }}</p>@enderror

    @elseif ($type === 'image')
        @php($current = old('data.' . $name, $value))
        @php($usage = $field['usage'] ?? 'free')
        @php($dim = config('media.dimensions.' . $usage))
        @php($maxKb = media_max_upload_kb())
        @php($imgHint = 'Formats acceptés : JPG, PNG, WEBP · Taille max : ' . media_max_upload_label() . (! empty($dim['min_width']) ? ' · Minimum ' . $dim['min_width'] . ' px de large' : '') . (! empty($dim['recommended']) ? ' · Recommandé : ' . $dim['recommended'] : ''))
        @php($previewUrl = ! $current ? '' : (is_numeric($current) ? media_url($current) : asset(ltrim($current, '/'))))
        @if ($previewUrl)
            <img class="img-preview" src="{{ $previewUrl }}" alt="Aperçu">
        @endif
        {{-- The current reference is locked (hidden input): a stray edit of a
             technical path would silently break the photo. Replacing an image
             is ALWAYS done by sending a new file below. --}}
        <input type="hidden" name="data[{{ $name }}]" value="{{ $current }}">
        @if ($current)
            <p class="help">Pour remplacer cette image, choisissez un fichier ci-dessous puis enregistrez.</p>
        @else
            <p class="help">Aucune image pour l'instant — choisissez un fichier ci-dessous puis enregistrez.</p>
        @endif
        <input type="file" name="upload[{{ $name }}]" accept="image/jpeg,image/png,image/webp" style="margin-top:6px;"
               data-max-kb="{{ $maxKb }}" data-max-label="{{ media_max_upload_label() }}" onchange="ffCheckUploadSize(this)">
        <p class="field-error ff-size-warn" style="display:none;"></p>
        @error('upload.' . $name)<p class="field-error">{{ $message }}</p>@enderror
        @error($prefix)<p class="field-error">{{ $message }}</p>@enderror
        <p class="help">{{ $imgHint }}</p>

    @elseif ($type === 'rows')
        @php($rows = $value ?: [])
        @php($rowLabel = $field['row_label'] ?? 'Élément')
        @if (empty($rows))
            <p class="field-error" style="margin-top: 0;">⚠️ Cette liste est vide : cette partie du bloc n'affichera rien sur le site.
                Si vous avez supprimé le bloc d'origine par erreur, restaurez une sauvegarde (menu « Sauvegardes »),
                ou contactez votre développeur pour initialiser la structure.</p>
        @endif
        @foreach ($rows as $i => $row)
            @php($rowHint = is_array($row) ? collect(['num', 'title', 'label', 'year', 'text'])->map(fn ($k) => $row[$k] ?? '')->first(fn ($v) => trim(strip_tags((string) $v)) !== '') : null)
            <div style="border: 1px solid var(--ff-line); border-radius: 10px; padding: 14px 16px; margin-bottom: 10px; background: #fdfcf9;">
                <div style="font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; color: var(--ff-gold); font-weight: 600; margin-bottom: 8px;">{{ $rowLabel }} {{ $i + 1 }}@if ($rowHint) <span style="color: var(--ff-muted); font-weight: 400; text-transform: none; letter-spacing: 0;">· {{ \Illuminate\Support\Str::limit(strip_tags((string) $rowHint), 40) }}</span>@endif</div>
                @foreach ($field['fields'] as $sub)
                    @php($subName = "data[{$name}][{$i}][{$sub['key']}]")
                    @php($subId = "f_{$name}_{$i}_{$sub['key']}")
                    @php($subValue = old("data.{$name}.{$i}.{$sub['key']}", is_array($row) ? ($row[$sub['key']] ?? '') : ''))
                    @php($subKey = "data.{$name}.{$i}.{$sub['key']}")
                    <div class="field {{ $errors->has($subKey) ? 'has-error' : '' }}" style="margin-bottom: 10px;">
                        <label style="font-size: .78rem;" @if (($sub['type'] ?? 'text') !== 'richtext') for="{{ $subId }}" @endif>{{ $sub['label'] }}@if ($sub['required'] ?? false) <span style="color:#c0392b">*</span>@endif</label>
                        @if (($sub['type'] ?? 'text') === 'richtext')
                            @include('admin.blocks._richeditor', ['name' => $subName, 'value' => $subValue])
                        @elseif (($sub['type'] ?? 'text') === 'textarea')
                            <textarea id="{{ $subId }}" name="{{ $subName }}" style="min-height: 64px;">{{ $subValue }}</textarea>
                        @elseif (($sub['type'] ?? 'text') === 'digits')
                            <input type="text" inputmode="numeric" pattern="[0-9]*" id="{{ $subId }}" name="{{ $subName }}" value="{{ $subValue }}">
                        @else
                            <input type="text" id="{{ $subId }}" name="{{ $subName }}" value="{{ $subValue }}">
                        @endif
                        @error($subKey)<p class="field-error">{{ $message }}</p>@enderror
                    </div>
                @endforeach
            </div>
        @endforeach
        @if (!empty($rows))
            <p class="help">Le nombre d'éléments est fixe (il fait partie du design) — vous modifiez les textes, jamais la structure.</p>
        @endif

    @elseif ($type === 'repeater')
        @php($itemKey = $field['item'] ?? 'html')
        @php($rows = old('data.' . $name, $value ?: []))
        {{-- A brand-new block has no rows yet: render one empty editor so the
             field is actually usable (zero inputs = nothing to type into). --}}
        @php($rows = $rows ?: [[$itemKey => '']])
        @foreach ($rows as $i => $row)
            @include('admin.blocks._richeditor', [
                'name'  => "data[{$name}][{$i}][{$itemKey}]",
                'value' => is_array($row) ? ($row[$itemKey] ?? '') : $row,
            ])
            @error($prefix . '.' . $i . '.' . $itemKey)<p class="field-error">{{ $message }}</p>@enderror
        @endforeach
        <p class="help">Un paragraphe par zone de texte.</p>

    @elseif ($type === 'images')
        @php($usage = $field['usage'] ?? 'logo')
        @php($itemLabel = $field['item_label'] ?? 'Image')
        @php($maxKb = media_max_upload_kb())
        @php($items = old('data.' . $name, $value ?: []))
        @php($accept = 'image/jpeg,image/png,image/webp')
        <div data-images-field>
            <div data-images-list>
                @foreach ($items as $i => $item)
                    @php($src = is_array($item) ? ($item['src'] ?? '') : '')
                    @php($alt = is_array($item) ? ($item['alt'] ?? '') : '')
                    @php($previewUrl = ! $src ? '' : (is_numeric($src) ? media_url($src) : asset(ltrim($src, '/'))))
                    <div data-images-row style="display:flex; gap:14px; align-items:flex-start; border:1px solid var(--ff-line); border-radius:10px; padding:12px 14px; margin-bottom:10px; background:#fdfcf9;">
                        <img data-preview src="{{ $previewUrl }}" alt="" style="width:96px; height:54px; object-fit:contain; flex:0 0 auto;{{ $previewUrl ? '' : ' visibility:hidden;' }}">
                        <div style="flex:1 1 auto; min-width:0;">
                            <input type="hidden" name="data[{{ $name }}][{{ $i }}][src]" value="{{ $src }}">
                            <label style="font-size:.78rem;">Image</label>
                            <input type="file" name="upload[{{ $name }}][{{ $i }}]" accept="{{ $accept }}"
                                   data-max-kb="{{ $maxKb }}" data-max-label="{{ media_max_upload_label() }}"
                                   onchange="ffCheckUploadSize(this); ffImagePreview(this);" style="margin-bottom:4px;">
                            <p class="field-error ff-size-warn" style="display:none;"></p>
                            @error('upload.' . $name . '.' . $i)<p class="field-error">{{ $message }}</p>@enderror
                            <label style="font-size:.78rem;">Texte alternatif (nom du partenaire)</label>
                            <input type="text" name="data[{{ $name }}][{{ $i }}][alt]" value="{{ $alt }}" placeholder="Ex. Pierre Frey">
                        </div>
                        <button type="button" data-images-remove class="btn btn-sm" title="Retirer ce logo" aria-label="Retirer ce logo" style="flex:0 0 auto;">✕</button>
                    </div>
                @endforeach
            </div>

            <button type="button" data-images-add class="btn btn-sm">＋ Ajouter un {{ mb_strtolower($itemLabel) }}</button>

            {{-- Cloned by admin-images.js for each new row. __INDEX__ is replaced
                 with a fresh, collision-free key on insertion. --}}
            <template data-images-template>
                <div data-images-row style="display:flex; gap:14px; align-items:flex-start; border:1px solid var(--ff-line); border-radius:10px; padding:12px 14px; margin-bottom:10px; background:#fdfcf9;">
                    <img data-preview src="" alt="" style="width:96px; height:54px; object-fit:contain; flex:0 0 auto; visibility:hidden;">
                    <div style="flex:1 1 auto; min-width:0;">
                        <input type="hidden" name="data[{{ $name }}][__INDEX__][src]" value="">
                        <label style="font-size:.78rem;">Image</label>
                        <input type="file" name="upload[{{ $name }}][__INDEX__]" accept="{{ $accept }}"
                               data-max-kb="{{ $maxKb }}" data-max-label="{{ media_max_upload_label() }}"
                               onchange="ffCheckUploadSize(this); ffImagePreview(this);" style="margin-bottom:4px;">
                        <p class="field-error ff-size-warn" style="display:none;"></p>
                        <label style="font-size:.78rem;">Texte alternatif (nom du partenaire)</label>
                        <input type="text" name="data[{{ $name }}][__INDEX__][alt]" value="" placeholder="Ex. Pierre Frey">
                    </div>
                    <button type="button" data-images-remove class="btn btn-sm" title="Retirer ce logo" aria-label="Retirer ce logo" style="flex:0 0 auto;">✕</button>
                </div>
            </template>
        </div>
    @endif

    @if (!empty($field['help']) && $type !== 'image')
        <p class="help">{{ $field['help'] }}</p>
    @endif
</div>