@props(['field', 'label', 'scrutiny'])
<div class="mb-3">
    {{--<label class="form-label">{{ $label }}</label>--}}
    <label class="form-label"></label>


    <div class="d-flex gap-3">
        <div class="form-check">
            <input
                class="form-check-input"
                type="radio"
                id="{{ $field }}_ok"
                wire:model.live="scrutiny.{{ $field }}.status"
                value="ok"
            />
            <label class="form-check-label" for="{{ $field }}_ok">OK</label>
        </div>
        <div class="form-check">
            <input
                class="form-check-input"
                type="radio"
                id="{{ $field }}_notok"
                wire:model.live="scrutiny.{{ $field }}.status"
                value="not_ok"
            />
            <label class="form-check-label" for="{{ $field }}_notok">Not OK</label>
        </div>
    </div>

    @error("scrutiny.{$field}.status")
        <x-error :msg="$message" />
    @enderror

    <textarea
        class="form-control mt-2 @error('scrutiny.' . $field . '.remarks') is-invalid @enderror"
        wire:model.live="scrutiny.{{ $field }}.remarks"
        rows="2"
        placeholder="Remarks (required if Not OK)"
        @if(data_get($scrutiny, $field.'.status') === 'not_ok') required @endif
    ></textarea>

    @error("scrutiny.{$field}.remarks")
      <x-error :msg="$message" />
    @enderror
</div>