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

<fieldset>
    <legend 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
        <span class="text-gray-400 text-sm font-normal"> (select all that apply)</span>
    </legend>
    @if(!empty($field['label_bn']))
        <p class="text-sm text-gray-500 leading-relaxed">{{ $field['label_bn'] }}</p>
    @endif

    <div class="mt-2 space-y-1">
        @foreach ($field['options'] as $option)
            @php $optionId = $inputId . '_' . Str::slug($option); @endphp
            <label for="{{ $optionId }}"
                   class="flex items-center gap-3 py-3 px-2 rounded cursor-pointer active:bg-gray-100 hover:bg-gray-50">
                <input
                    type="checkbox"
                    id="{{ $optionId }}"
                    name="{{ $inputName }}"
                    value="{{ $option }}"
                    @if(in_array($option, $oldVals)) checked @endif
                    class="w-5 h-5 accent-indigo-600 shrink-0 rounded"
                >
                <span class="text-base text-gray-800 leading-relaxed">{{ $option }}</span>
            </label>
        @endforeach
    </div>

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