@php
    $type     = $def['type'] ?? 'text';
    $label    = $def['label'] ?? \Illuminate\Support\Str::title(str_replace(['_','-'],' ', $key));
    $ph       = $def['placeholder'] ?? '';
    $rows     = (int)($def['rows'] ?? 3);
    $exist    = (bool)($def['exist'] ?? false);   // system field
    $required = (bool)($def['required'] ?? false);
    $hasError = $errors->has("values.$key");
@endphp

<div class="field">
    <label class="form-label">
        {{ $label }}
        @if($required && !$exist) <span class="text-danger">*</span> @endif
        @if($exist) <span class="badge bg-light text-dark ms-1">System</span> @endif
    </label>

    @if($type === 'textarea')
        <textarea class="form-control @if($exist) is-system @endif @if($hasError) border-danger @endif"
                  rows="{{ $rows }}" placeholder="{{ $ph }}"
                  @if($exist) disabled @endif
                  wire:model.defer="values.{{ $key }}"></textarea>
    @elseif($type === 'file')
        <input type="file" class="form-control @if($exist) is-system @endif @if($hasError) border-danger @endif"
               @if($exist) disabled @endif
               wire:model="values.{{ $key }}">
    @else
        <input class="form-control @if($exist) is-system @endif @if($hasError) border-danger @endif"
               placeholder="{{ $ph }}"
               @if($exist) disabled @endif
               wire:model.defer="values.{{ $key }}">
    @endif

    @if(!empty($def['help'])) <div class="hint" style="font-size:.75rem;color:#6b7280;margin-top:.25rem">{{ $def['help'] }}</div> @endif
</div>