@php
    $id        = $field['id'];
    $inputName = 'data[' . $id . ']';
    $errorKey  = 'data.' . $id;
    $inputId   = 'field_' . str_replace(['-', '_', '.'], '_', $id);
    $required  = $field['required'] === true;
    $oldVal    = old($errorKey);
    $unit      = $field['unit'] ?? null;
@endphp

<div>
    <label for="{{ $inputId }}" class="block text-base font-medium text-gray-800 leading-relaxed">
        {{ $field['label_en'] }}
        @if($unit)
            <span class="text-gray-500 font-normal">({{ $unit }})</span>
        @endif
        @if($required)
            <span class="text-red-500" aria-hidden="true"> *</span>
        @elseif(($field['required'] ?? false) === 'conditional')
            <span class="text-gray-400 text-sm font-normal"> (if applicable)</span>
        @endif
    </label>
    @if(!empty($field['label_bn']))
        <p class="text-sm text-gray-500 leading-relaxed">{{ $field['label_bn'] }}</p>
    @endif

    <input
        type="number"
        inputmode="numeric"
        id="{{ $inputId }}"
        name="{{ $inputName }}"
        value="{{ $oldVal }}"
        @if(isset($field['min'])) min="{{ $field['min'] }}" @endif
        @if(isset($field['max'])) max="{{ $field['max'] }}" @endif
        @if($required) required aria-required="true" @endif
        class="mt-2 w-full rounded-md border border-gray-300 px-3 py-3 text-base
               focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500
               @error($errorKey) border-red-500 @enderror"
    >

    @error($errorKey)
        <p class="mt-1 text-sm text-red-600" role="alert" aria-live="polite">{{ $message }}</p>
    @enderror
</div>