@php
    $val = old("answers.{$item->id}.value", $answer->value ?? '');
    $page = old("answers.{$item->id}.page_reference", $answer->page_reference ?? '');
    $note = old("answers.{$item->id}.consultant_note", $answer->consultant_note ?? '');
    $disabled = (!$editable || $item->is_calculated) ? 'disabled' : '';
@endphp
<div class="mb-3 pb-2 border-bottom">
    <label class="form-label mb-1">
        <span class="text-muted small">{{ $item->code }}</span> {{ $item->label }}
        @if($item->is_required)<span class="text-danger">*</span>@endif
        @if($item->unit)<span class="badge bg-light text-dark">{{ $item->unit }}</span>@endif
        @if($item->is_calculated)<span class="badge bg-info">dikira automatik</span>@endif
    </label>
    @if($item->description)<div class="form-text mb-1">{{ $item->description }}</div>@endif

    <div class="row g-2">
        <div class="col-md-5">
            @switch($item->input_type)
                @case('textarea')
                    <textarea name="answers[{{ $item->id }}][value]" rows="2" class="form-control form-control-sm" {{ $disabled }}>{{ $val }}</textarea>
                    @break
                @case('select')
                    <select name="answers[{{ $item->id }}][value]" class="form-select form-select-sm" {{ $disabled }}>
                        <option value="">— Pilih —</option>
                        @foreach (($item->options ?? []) as $opt)<option value="{{ $opt }}" @selected($val===$opt)>{{ $opt }}</option>@endforeach
                    </select>
                    @break
                @case('checkbox')
                    <div class="form-check"><input type="hidden" name="answers[{{ $item->id }}][value]" value="0"><input type="checkbox" name="answers[{{ $item->id }}][value]" value="1" class="form-check-input" @checked($val=='1') {{ $disabled }}></div>
                    @break
                @case('number')
                @case('calculated')
                    <input type="number" step="any" name="answers[{{ $item->id }}][value]" value="{{ $val }}" class="form-control form-control-sm" {{ $disabled }}>
                    @break
                @default
                    <input type="text" name="answers[{{ $item->id }}][value]" value="{{ $val }}" class="form-control form-control-sm" {{ $disabled }}>
            @endswitch
        </div>
        <div class="col-md-3">
            <input type="text" name="answers[{{ $item->id }}][page_reference]" value="{{ $page }}" class="form-control form-control-sm" placeholder="No. m/s laporan" {{ $editable ? '' : 'disabled' }}>
        </div>
        <div class="col-md-4">
            <input type="text" name="answers[{{ $item->id }}][consultant_note]" value="{{ $note }}" class="form-control form-control-sm" placeholder="Catatan perunding" {{ $editable ? '' : 'disabled' }}>
        </div>
    </div>
</div>