{{-- STEP 10: PERTANYAAN --}}
<div class="wizard-step {{ ($current_step ?? 1) == 10 ? 'active' : '' }}" data-step="10">
    <h5 class="mb-4">Pertanyaan</h5>

    @php
        $existingAnswers = isset($questions) ? $questions->keyBy('soal') : collect();
    @endphp

    @foreach ($questionList as $idx => $item)
        <div class="form-group mb-4">
            <label class="form-control-label" style="font-size: 14px; font-weight: 800; color: #000000;">
                {{ $item->name }} <span class="text-danger">*</span>
            </label>
            <input type="hidden" name="question[{{ $idx }}][id]"
                value="{{ optional($existingAnswers->get($item->name))->id ?? '' }}">
            <input type="hidden" name="question[{{ $idx }}][soal]" value="{{ $item->name }}">
            <textarea name="question[{{ $idx }}][jawaban]" class="form-control" rows="2" required>{{ old('question.' . $idx . '.jawaban', optional($existingAnswers->get($item->name))->jawaban ?? '') }}</textarea>
        </div>
    @endforeach
</div>

@push('js')
    <script>

    </script>
@endpush