@props([
    'fields' => [],
    'entity' => null,
    'sectionTitle' => 'Additional fields',
])

@if (! empty($fields))
    <div class="border-t border-slate-200 pt-4">
        <h4 class="text-xs font-semibold uppercase tracking-wide text-slate-600 mb-3">{{ $sectionTitle }}</h4>
        <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
            @foreach ($fields as $field)
                @php
                    $fieldKey = (string) ($field['key'] ?? '');
                    $fieldType = (string) ($field['data_type'] ?? 'alphanumeric');
                    $fieldLabel = (string) ($field['label'] ?? $fieldKey);
                    $storedMeta = is_array($entity?->form_meta ?? null) ? $entity->form_meta : [];
                    $fieldValue = old("form_meta.$fieldKey", $storedMeta[$fieldKey] ?? '');
                    $options = (array) ($field['select_options'] ?? []);
                    $required = (bool) ($field['is_required'] ?? false);
                @endphp
                @php($fieldPlaceholder = \App\Support\Ui\FormFieldHints::forName($fieldKey, $fieldLabel))
                @if ($fieldType === 'long_text')
                    <div class="sm:col-span-2">
                        <x-input-label :for="'form_meta_'.$fieldKey" :value="$fieldLabel" :required="$required" />
                        <textarea id="form_meta_{{ $fieldKey }}" name="form_meta[{{ $fieldKey }}]" rows="3" @if($required) required @endif @if(filled($fieldPlaceholder)) placeholder="{{ $fieldPlaceholder }}" @endif class="mt-1 w-full rounded-lg border border-slate-200 px-3 py-2 text-sm placeholder:text-slate-400">{{ $fieldValue }}</textarea>
                        @error("form_meta.$fieldKey")<p class="text-xs text-rose-600 mt-1">{{ $message }}</p>@enderror
                    </div>
                @elseif ($fieldType === 'number' || $fieldType === 'money')
                    <div>
                        <x-input-label :for="'form_meta_'.$fieldKey" :value="$fieldLabel" :required="$required" />
                        <input id="form_meta_{{ $fieldKey }}" name="form_meta[{{ $fieldKey }}]" type="number" step="0.01" value="{{ $fieldValue }}" @if($required) required @endif @if(filled($fieldPlaceholder)) placeholder="{{ $fieldPlaceholder }}" @endif class="mt-1 w-full rounded-lg border border-slate-200 px-3 py-2 text-sm tabular-nums placeholder:text-slate-400" />
                        @error("form_meta.$fieldKey")<p class="text-xs text-rose-600 mt-1">{{ $message }}</p>@enderror
                    </div>
                @elseif ($fieldType === 'select')
                    <div>
                        <x-input-label :for="'form_meta_'.$fieldKey" :value="$fieldLabel" :required="$required" />
                        <select id="form_meta_{{ $fieldKey }}" name="form_meta[{{ $fieldKey }}]" @if($required) required @endif class="mt-1 w-full rounded-lg border border-slate-200 px-3 py-2 text-sm">
                            <option value="">Select…</option>
                            @foreach ($options as $option)
                                <option value="{{ $option }}" @selected((string) $fieldValue === (string) $option)>{{ $option }}</option>
                            @endforeach
                        </select>
                        @error("form_meta.$fieldKey")<p class="text-xs text-rose-600 mt-1">{{ $message }}</p>@enderror
                    </div>
                @elseif ($fieldType === 'image' || $fieldType === 'document')
                    <div>
                        <x-input-label :for="'form_files_'.$fieldKey" :value="$fieldLabel" :required="$required" />
                        <input id="form_files_{{ $fieldKey }}" name="form_files[{{ $fieldKey }}]" type="file" @if($required && ! $fieldValue) required @endif class="mt-1 w-full rounded-lg border border-slate-200 px-3 py-2 text-sm" />
                        @error("form_files.$fieldKey")<p class="text-xs text-rose-600 mt-1">{{ $message }}</p>@enderror
                    </div>
                @else
                    <div>
                        <x-input-label :for="'form_meta_'.$fieldKey" :value="$fieldLabel" :required="$required" />
                        <input id="form_meta_{{ $fieldKey }}" name="form_meta[{{ $fieldKey }}]" type="text" value="{{ $fieldValue }}" @if($required) required @endif @if(filled($fieldPlaceholder)) placeholder="{{ $fieldPlaceholder }}" @endif class="mt-1 w-full rounded-lg border border-slate-200 px-3 py-2 text-sm placeholder:text-slate-400" />
                        @error("form_meta.$fieldKey")<p class="text-xs text-rose-600 mt-1">{{ $message }}</p>@enderror
                    </div>
                @endif
            @endforeach
        </div>
    </div>
@endif