{{-- Modal Detail Jawaban Peserta --}}
<div class="modal fade" id="detailModal" tabindex="-1" aria-labelledby="detailModalLabel" aria-hidden="true"
    data-bs-backdrop="static" data-bs-keyboard="false">
    <div class="modal-dialog modal-xl modal-dialog-scrollable modal-dialog-centered">
        <div class="modal-content border-radius-lg">
            <div class="modal-header border-bottom pb-2">
                <div>
                    <h6 class="modal-title font-weight-bolder mb-0" id="detailModalLabel">
                        Detail Jawaban: <span id="detail-nama" class="text-info"></span>
                    </h6>
                    <p class="text-xs text-secondary mb-0 mt-1">
                        Score: <strong id="detail-score" class="text-primary"></strong>
                    </p>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body p-4">
                {{-- Loading --}}
                <div id="detail-loading" class="text-center py-5">
                    <div class="spinner-border text-info" role="status"></div>
                    <p class="mt-2 text-secondary text-sm">Memuat data jawaban...</p>
                </div>
                {{-- Content --}}
                <div id="detail-content" style="display:none;"></div>
            </div>
            <div class="modal-footer border-0 pt-0">
                <button type="button" class="btn btn-secondary btn-sm mb-0" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>