{{-- One settings field from a section definition. props: $f, $settings --}}
@php($val = old('settings.'.$f['key'], $settings[$f['key']] ?? null))
        @switch($f['type'])
        @case('toggle')
            <div class="col-md-6">
                <div class="form-check form-switch">
                    <input type="hidden" name="settings[{{ $f['key'] }}]" value="0">
                    <input class="form-check-input" type="checkbox" role="switch" name="settings[{{ $f['key'] }}]" value="1" id="f-{{ $f['key'] }}" {{ $val ? 'checked' : '' }}>
                    <label class="form-check-label fw-semibold" for="f-{{ $f['key'] }}">{{ __($f['label']) }}</label>
                </div>
            </div>
            @break
        @case('number')
            <div class="col-md-4">
                <label class="form-label">{{ __($f['label']) }}</label>
                <input type="number" name="settings[{{ $f['key'] }}]" class="form-control" value="{{ $val }}" min="{{ $f['min'] ?? 0 }}" max="{{ $f['max'] ?? 100 }}">
            </div>
            @break
        @case('select')
            <div class="col-md-6">
                <label class="form-label">{{ __($f['label']) }}</label>
                <select name="settings[{{ $f['key'] }}]" class="form-select">
                    @foreach($f['options'] as $k => $lbl)<option value="{{ $k }}" @selected($val === $k)>{{ __($lbl) }}</option>@endforeach
                </select>
                @if(!empty($f['help']))<div class="form-text">{{ __($f['help']) }}</div>@endif
            </div>
            @break
        @case('textarea')
            <div class="col-12">
                <label class="form-label">{{ __($f['label']) }}</label>
                <textarea name="settings[{{ $f['key'] }}]" rows="4" class="form-control">{{ $val }}</textarea>
            </div>
            @break
        @case('repeater')
            {{-- Labels for rows added in the browser are translated here, so the JS gets them ready to print. --}}
            @php($repFields = collect($f['fields'])->map(fn ($sub) => array_merge($sub, ['label' => __($sub['label'])]))->all())
            <div class="col-12">
                <label class="form-label d-flex justify-content-between align-items-center">{{ __($f['label']) }} <button type="button" class="btn btn-sm btn-light lf-rep-add" data-target="rep-{{ $f['key'] }}"><i class="bi bi-plus-lg me-1"></i>{{ __('Add row') }}</button></label>
                <div class="lf-repeater d-grid gap-2" id="rep-{{ $f['key'] }}" data-key="{{ $f['key'] }}" data-fields='@json($repFields)'>
                    @foreach((array) ($val ?: []) as $i => $row)
                        <div class="lf-rep-row border rounded-3 p-2 d-flex gap-2 align-items-start flex-wrap">
                            @foreach($f['fields'] as $sub)
                                <div class="flex-grow-1" style="min-width:160px">
                                    <label class="form-label small mb-1">{{ __($sub['label']) }}</label>
                                    @if($sub['type'] === 'image')
                                        @if(!empty($row[$sub['key']]))<img src="{{ media_url($row[$sub['key']]) }}" class="d-block mb-1 rounded" style="height:34px" alt="">@endif
                                        <input type="hidden" name="settings[{{ $f['key'] }}][{{ $i }}][_existing_{{ $sub['key'] }}]" value="{{ $row[$sub['key']] ?? '' }}">
                                        <input type="file" name="settings[{{ $f['key'] }}][{{ $i }}][{{ $sub['key'] }}]" class="form-control form-control-sm" accept="image/*">
                                    @else
                                        <input type="text" name="settings[{{ $f['key'] }}][{{ $i }}][{{ $sub['key'] }}]" class="form-control form-control-sm" value="{{ $row[$sub['key']] ?? '' }}">
                                    @endif
                                </div>
                            @endforeach
                            <button type="button" class="btn btn-sm btn-light text-danger lf-rep-del mt-4" title="{{ __('Remove row') }}"><i class="bi bi-trash"></i></button>
                        </div>
                    @endforeach
                </div>
            </div>
            @break
        @case('url')
            <div class="col-md-6">
                <label class="form-label">{{ __($f['label']) }}</label>
                <input type="url" name="settings[{{ $f['key'] }}]" class="form-control" value="{{ $val }}" placeholder="https://">
            </div>
            @break
        @case('image')
            <div class="col-md-6">
                <label class="form-label">{{ __($f['label']) }}</label>
                @if($val)<img src="{{ media_url($val) }}" class="d-block mb-2 rounded" style="max-height:60px" alt="">@endif
                <input type="hidden" name="settings[_existing_{{ $f['key'] }}]" value="{{ $val }}">
                <input type="file" name="settings[{{ $f['key'] }}]" class="form-control" accept="image/*">
            </div>
            @break
        @default
            <div class="col-md-6">
                <label class="form-label">{{ __($f['label']) }}</label>
                <input type="text" name="settings[{{ $f['key'] }}]" class="form-control" value="{{ $val }}">
                @if(!empty($f['help']))<div class="form-text">{{ __($f['help']) }}</div>@endif
            </div>
        @endswitch