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

<div>
    <label for="{{ $inputId }}" class="block text-base font-medium text-gray-800 leading-relaxed">
        {{ $field['label_en'] }}
        @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

    <select
        id="{{ $inputId }}"
        name="{{ $inputName }}"
        @if($required) required aria-required="true" @endif
        class="mt-2 w-full rounded-md border border-gray-300 px-3 py-3 text-base bg-white
               focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500
               @error($errorKey) border-red-500 @enderror"
    >
        <option value="">-- select --</option>
        @foreach ($field['options'] as $option)
            <option value="{{ $option }}" @if($oldVal === $option) selected @endif>
                {{ $option }}
            </option>
        @endforeach
    </select>

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