@php
    $correctKey = $q['correct_option_key'] ?? '';
    $correctLabel = $optionLabels[$correctKey] ?? strtoupper((string) $correctKey);
@endphp
<div class="qblock">
    <p class="qstem">
        <span class="qnum">{{ $q['number'] }}.</span>
        {{ $q['stem'] }}
        @if (! empty($q['difficulty']))
            <span class="qtag">{{ $q['difficulty'] }}</span>
        @endif
    </p>

    <ul class="opts">
        @foreach ($optionLabels as $key => $label)
            @php $isCorrect = $key === $correctKey; @endphp
            <li class="opt {{ $isCorrect ? 'opt--correct' : '' }}">
                <span class="key">{{ $label }}.</span>
                <span class="text">{{ $q['options'][$key] ?? '' }}</span>
                @if ($isCorrect)
                    <span class="correct-mark">✓ Correct</span>
                @endif
            </li>
        @endforeach
    </ul>

    @if ($correctLabel !== '' || ! empty($q['explanation']))
        <div class="answer-block">
            @if ($correctLabel !== '')
                <span class="label">Correct answer: {{ $correctLabel }}</span>
            @endif
            @if (! empty($q['explanation']))
                <div>{!! nl2br(e($q['explanation'])) !!}</div>
            @endif
        </div>
    @endif
</div>