@php
use App\Enums\ControlType;
@endphp
<script>
    let currentQuestion = 1;
    const totalQuestions = {{ count($questions) }};
    const attemptId = {{ $attempt->id }};
    const saveUrl = "{{ url('trsuex/save_answer') }}";
    const liveStatusUrl = "{{ route('trsexm.live_status') }}";
    const feedbackUrl = "{{ url('trsuex/feedback/' . encrypt($exam->id) . '?forced=1') }}";
    const controlType = "{{ $exam->control_type }}";
    const START_TIME_FULL = '{{ $exam->start_time_full ?? '' }}';
    const END_TIME_FULL = '{{ $exam->end_time_full ?? '' }}';
    const ATTEMPT_STARTED_AT = '{{ $attempt->start_time_full ?? '' }}';
    const attemptStartIso = "{{ $attempt->start_time ? \Carbon\Carbon::parse($attempt->start_time)->toIso8601String() : '' }}";
    const draftStorageKey = 'trsuex_draft_' + attemptId;

    // ── Navigasi soal ──
    function goToQuestion(num) {
        $('.question-card').removeClass('active');
        $('#q-' + num).addClass('active');
        currentQuestion = num;

        // Update sidebar highlight
        $('.question-nav-btn').removeClass('qnav-current');
        $('.nav-btn-' + num).addClass('qnav-current');

        // Update progress bar
        const pct = (num / totalQuestions * 100).toFixed(1);
        $('#progress-fill').css('width', pct + '%');
        $('#progress-label').html('Soal <strong>' + num + '</strong> dari <strong>' + totalQuestions + '</strong>');

        // Scroll to top of question on mobile
        $('html, body').animate({ scrollTop: $('.card').first().offset().top - 20 }, 150);
    }

    $('.btn-nav').click(function() {
        goToQuestion($(this).data('target'));
    });

    function readExamDraft() {
        try {
            const raw = window.localStorage.getItem(draftStorageKey);
            if (!raw) {
                return { mc: {}, essay: {} };
            }

            const parsed = JSON.parse(raw);
            return {
                mc: parsed && parsed.mc && typeof parsed.mc === 'object' ? parsed.mc : {},
                essay: parsed && parsed.essay && typeof parsed.essay === 'object' ? parsed.essay : {},
            };
        } catch (error) {
            return { mc: {}, essay: {} };
        }
    }

    function writeExamDraft(draft) {
        window.localStorage.setItem(draftStorageKey, JSON.stringify(draft));
    }

    function clearExamDraft() {
        window.localStorage.removeItem(draftStorageKey);
    }

    function collectDraftFromDom() {
        const draft = readExamDraft();

        $('.question-card').each(function () {
            const $card = $(this);
            const qId = String($card.data('question-id'));
            const checked = $card.find('input[type="radio"]:checked').val() || '';
            const essayValue = ($card.find('.essay-text-input').val() || '').trim();

            if (checked) {
                draft.mc[qId] = checked;
            } else {
                delete draft.mc[qId];
            }

            if (essayValue !== '') {
                draft.essay[qId] = essayValue;
            } else {
                delete draft.essay[qId];
            }
        });

        return draft;
    }

    function persistDraftFromDom() {
        const draft = collectDraftFromDom();
        writeExamDraft(draft);
        return draft;
    }

    function applyDraftToDom() {
        const draft = readExamDraft();

        $('.question-card').each(function () {
            const $card = $(this);
            const qId = String($card.data('question-id'));

            if (draft.mc[qId]) {
                const radio = $card.find('input[type="radio"][value="' + draft.mc[qId] + '"]');
                radio.prop('checked', true);
                radio.closest('.mc-option').addClass('selected');
            }

            if (typeof draft.essay[qId] === 'string') {
                $card.find('.essay-text-input').val(draft.essay[qId]);
            }

            const hasMC  = $card.find('input[type="radio"]:checked').length > 0;
            const hasEssayText  = ($card.find('.essay-text-input').val() || '').trim() !== '';
            const hasEssayImage = $card.find('#essay-preview-' + qId + ' img').length > 0;
            const index = $card.attr('id').split('-')[1];

            if (hasMC || hasEssayText || hasEssayImage) {
                $('.nav-btn-' + index).removeClass('btn-outline-secondary').addClass('btn-success');
            } else {
                $('.nav-btn-' + index).removeClass('btn-success').addClass('btn-outline-secondary');
            }
        });

        $('#answered-count').text($('.question-nav-btn.btn-success').length);
    }

    function syncDraftToHiddenField() {
        const draft = persistDraftFromDom();
        $('#draft-payload').val(JSON.stringify(draft));
        return draft;
    }

    let examSubmitTriggered = false;
    function submitExamWithDrafts() {
        if (examSubmitTriggered) return;
        examSubmitTriggered = true;

        $('#exam-form input:not([type="hidden"]), #exam-form textarea, #exam-form button').prop('disabled', true);
        syncDraftToHiddenField();

        const formElement = document.getElementById('exam-form');
        const formData = new FormData(formElement);

        fetch(formElement.action, {
            method: 'POST',
            body: formData,
            headers: {
                'X-Requested-With': 'XMLHttpRequest',
                'Accept': 'application/json'
            },
            credentials: 'same-origin'
        })
        .then(async (response) => {
            const payload = await response.json().catch(() => ({}));
            if (!response.ok || !payload.success) {
                throw new Error(payload.message || 'Jawaban gagal dikumpulkan.');
            }
            clearExamDraft();
            window.location.href = feedbackUrl;
        })
        .catch((error) => {
            examSubmitTriggered = false;
            $('#exam-form input:not([type="hidden"]), #exam-form textarea, #exam-form button').prop('disabled', false);
            Swal.fire({
                icon: 'error',
                title: 'Gagal Mengumpulkan Jawaban',
                text: error.message || 'Draft tetap tersimpan. Silakan periksa koneksi dan coba kembali.',
                confirmButtonColor: '#5e72e4'
            });
        });
    }

    function fetchLiveExamStatus() {
        return fetch(liveStatusUrl + '?exam_id={{ $exam->id }}', {
            headers: { 'X-Requested-With': 'XMLHttpRequest', 'Accept': 'application/json' }
        })
        .then((response) => response.ok ? response.json() : null)
        .catch(() => null);
    }

    // ── MC option click: highlight selected row ──
    $(document).on('click', '.mc-option', function() {
        const name = $(this).find('input[type="radio"]').attr('name');
        $('[name="' + name + '"]').closest('.mc-option').removeClass('selected');
        $(this).addClass('selected');
    });

    // ── Browser draft save ──
    let delayTimer;
    let pendingImageUploads = 0; // Tracks in-flight image uploads

    function setImageUploading(qId, isUploading) {
        const $uploadArea  = $('#essay-upload-' + qId);
        const $label       = $uploadArea.find('label');
        const $spinner     = $uploadArea.find('.img-upload-spinner');
        const $uploadText  = $uploadArea.find('.upload-text');

        if (isUploading) {
            pendingImageUploads++;
            $label.css('pointer-events', 'none').css('opacity', '0.7');
            if ($spinner.length === 0) {
                $uploadArea.find('label').prepend(
                    '<span class="img-upload-spinner me-2"><i class="fas fa-spinner fa-spin text-primary"></i></span>'
                );
            }
            if ($uploadText.length) $uploadText.text('Mengunggah...');
        } else {
            pendingImageUploads = Math.max(0, pendingImageUploads - 1);
            $label.css('pointer-events', '').css('opacity', '');
            $spinner.remove();
            if ($uploadText.length) $uploadText.text('Klik untuk unggah gambar jawaban');
        }
    }

    // MC: immediate on change
    $('.answer-input').on('change', function() {
        const qId = $(this).closest('.question-card').data('question-id');
        const val = $('input[name="q_' + qId + '"]:checked').val();
        const draft = readExamDraft();
        if (val) {
            draft.mc[String(qId)] = val;
        } else {
            delete draft.mc[String(qId)];
        }
        writeExamDraft(draft);
        updateNavBtn(qId);

        const fd = new FormData();
        fd.append('_token', '{{ csrf_token() }}');
        fd.append('attempt_id', attemptId);
        fd.append('question_id', qId);
        fd.append('answer', val || '');
        fd.append('type', 'mc');
        saveAnswerAsync(qId, fd);
    });

    // Essay text: debounced
    $(document).on('keyup change', '.essay-text-input', function() {
        const qId = $(this).data('qid');
        const val = $(this).val();
        clearTimeout(delayTimer);
        delayTimer = setTimeout(function() {
            const draft = readExamDraft();
            if ((val || '').trim() !== '') {
                draft.essay[String(qId)] = val;
            } else {
                delete draft.essay[String(qId)];
            }
            writeExamDraft(draft);
            updateNavBtn(qId);
            saveEssayAsync(qId, buildEssayFormData(qId, val, null));
        }, 1000);
    });

    // Essay image: immediate on file select — upload triggered by change event
    $(document).on('change', '.essay-image-input', function(event) {
        const qId  = $(this).data('qid');
        const file = this.files[0];

        if (!file) {
            return;
        }

        // Validate file type & size client-side (REDUCED TO 2MB to match PHP limit)
        const allowedTypes = ['image/jpeg','image/png','image/gif','image/webp'];
        if (!allowedTypes.includes(file.type)) {
            Swal.fire({ icon:'error', title:'Format tidak didukung', text:'Hanya jpg, png, gif, webp yang diperbolehkan.', confirmButtonColor:'#5e72e4' });
            $(this).val('');
            return;
        }
        if (file.size > 2 * 1024 * 1024) {
            Swal.fire({ icon:'error', title:'File terlalu besar', text:'Ukuran maksimal gambar adalah 2 MB.', confirmButtonColor:'#5e72e4' });
            $(this).val('');
            return;
        }

        // Show local preview immediately
        const reader  = new FileReader();
        const $preview = $('#essay-preview-' + qId);
        reader.onload = function(e) {
            $preview.html(
                '<div class="position-relative d-inline-block">' +
                '<img src="' + e.target.result + '" class="img-fluid rounded shadow-sm" style="max-height:240px; border:1px solid #e9ecef;" alt="Preview">' +
                '<button type="button" class="btn btn-sm btn-danger essay-img-remove position-absolute" data-qid="' + qId + '" style="top:6px;right:6px;padding:2px 8px;font-size:.72rem;"><i class="fas fa-times"></i> Hapus</button>' +
                '<span class="img-upload-badge position-absolute" style="bottom:6px;left:6px;background:rgba(0,0,0,.55);color:#fff;font-size:.68rem;padding:2px 7px;border-radius:4px;"><i class="fas fa-spinner fa-spin me-1"></i>Mengunggah...</span>' +
                '</div>'
            ).removeClass('d-none');
            $('#essay-upload-' + qId).hide();
        };
        reader.readAsDataURL(file);

        // Upload to server IMMEDIATELY
        setImageUploading(qId, true);
        const textVal = $('#essay-text-' + qId).val();
        const fd = buildEssayFormData(qId, textVal, file);

        // TRIGGER: Save image to server immediately
        saveEssayImageAsync(qId, fd, file);
    });

    // Essay image remove button
    $(document).on('click', '.essay-img-remove', function() {
        const qId = $(this).data('qid');
        $('#essay-preview-' + qId).html('').addClass('d-none');
        $('#essay-img-' + qId).val('');
        $('#essay-upload-' + qId).show();

        const fd = buildEssayFormData(qId, $('#essay-text-' + qId).val(), null, true);
        saveEssayAsync(qId, fd);
    });

    function buildEssayFormData(qId, textVal, file, removeImage) {
        const fd = new FormData();
        fd.append('_token', '{{ csrf_token() }}');
        fd.append('attempt_id', attemptId);
        fd.append('question_id', qId);
        fd.append('answer', textVal || '');
        fd.append('type', 'essay');

        if (file && file instanceof File) {
            fd.append('essay_image', file, file.name);
        } else if (removeImage) {
            fd.append('remove_essay_image', '1');
        }

        return fd;
    }

    /**
     * saveEssayImageAsync — khusus upload gambar dengan Fetch API
     */
    function saveEssayImageAsync(qId, fd, fileObj) {
        fetch(saveUrl, {
            method: 'POST',
            body: fd,
            headers: {
                'X-Requested-With': 'XMLHttpRequest',
                'Accept': 'application/json',
            },
            credentials: 'same-origin'
        })
        .then(response => {
            if (!response.ok) {
                throw response;
            }
            return response.json();
        })
        .then(res => {
            setImageUploading(qId, false);
            $('#essay-preview-' + qId).find('.img-upload-badge').remove();

            if (res.success) {
                // Show success indicator
                $('#essay-preview-' + qId).find('.position-relative').append(
                    '<span class="img-success-badge position-absolute" style="bottom:6px;left:6px;background:rgba(40,167,69,.9);color:#fff;font-size:.68rem;padding:2px 7px;border-radius:4px;"><i class="fas fa-check me-1"></i>Tersimpan</span>'
                );
                setTimeout(function() {
                    $('#essay-preview-' + qId).find('.img-success-badge').fadeOut(300, function() {
                        $(this).remove();
                    });
                }, 2000);
                updateNavBtn(qId);
            } else if (res.reason && ['exam_finished','timer_expired','attempt_closed'].includes(res.reason)) {
                handleExamClosed(res.message);
            } else {
                $('#essay-preview-' + qId).find('.img-upload-badge').remove();
                const errMsg = res.message || 'Gagal menyimpan gambar.';
                Swal.fire({ icon:'error', title:'Upload Gagal', text: errMsg, confirmButtonColor:'#5e72e4' });
                $('#essay-preview-' + qId).html('').addClass('d-none');
                $('#essay-img-' + qId).val('');
                $('#essay-upload-' + qId).show();
            }
        })
        .catch(error => {
            if (error.json) {
                error.json().then(res => {
                    setImageUploading(qId, false);
                    $('#essay-preview-' + qId).find('.img-upload-badge').remove();

                    if (res.reason && ['exam_finished','timer_expired','attempt_closed'].includes(res.reason)) {
                        handleExamClosed(res.message);
                    } else {
                        const errMsg = res.message || 'Terjadi kesalahan saat mengunggah gambar.';
                        Swal.fire({ icon:'error', title:'Upload Gagal', text: errMsg, confirmButtonColor:'#5e72e4' });
                        $('#essay-preview-' + qId).html('').addClass('d-none');
                        $('#essay-img-' + qId).val('');
                        $('#essay-upload-' + qId).show();
                    }
                }).catch(() => {
                    setImageUploading(qId, false);
                    $('#essay-preview-' + qId).find('.img-upload-badge').remove();
                    Swal.fire({ icon:'error', title:'Upload Gagal', text: 'Terjadi kesalahan saat mengunggah gambar.', confirmButtonColor:'#5e72e4' });
                    $('#essay-preview-' + qId).html('').addClass('d-none');
                    $('#essay-img-' + qId).val('');
                    $('#essay-upload-' + qId).show();
                });
            } else {
                setImageUploading(qId, false);
                $('#essay-preview-' + qId).find('.img-upload-badge').remove();
                Swal.fire({ icon:'error', title:'Upload Gagal', text: 'Terjadi kesalahan saat mengunggah gambar.', confirmButtonColor:'#5e72e4' });
                $('#essay-preview-' + qId).html('').addClass('d-none');
                $('#essay-img-' + qId).val('');
                $('#essay-upload-' + qId).show();
            }
        });
    }

    /** saveEssayAsync — untuk simpan teks essay (non-gambar) */
    function saveEssayAsync(qId, fd) {
        saveAnswerAsync(qId, fd);
    }

    function saveAnswerAsync(qId, fd) {
        $.ajax({
            url: saveUrl,
            method: 'POST',
            data: fd,
            processData: false,
            contentType: false,
            success: function(res) {
                if (res.success) {
                    updateNavBtn(qId);
                } else if (res.reason && ['exam_finished','timer_expired','attempt_closed'].includes(res.reason)) {
                    handleExamClosed(res.message);
                }
            },
            error: function(xhr) {
                const res = xhr.responseJSON || {};
                if (res.reason && ['exam_finished','timer_expired','attempt_closed'].includes(res.reason)) {
                    handleExamClosed(res.message);
                } else {
                    console.warn('Autosave jawaban gagal untuk soal ' + qId, res.message || xhr.statusText);
                }
            }
        });
    }

    /**
     * Tangani kondisi ujian sudah berakhir:
     * Disable input → Swal notifikasi → submit form exam → controller redirect ke feedback.
     */
    let examClosedHandled = false;
    function handleExamClosed(message) {
        if (examClosedHandled) return;
        examClosedHandled = true;

        // Disable semua interaksi form
        $('#exam-form input:not([type="hidden"]), #exam-form textarea, #exam-form button').prop('disabled', true);

        Swal.fire({
            title: 'Ujian Telah Berakhir',
            text: message || 'Ujian sudah selesai. Jawaban tidak dapat disimpan.',
            icon: 'warning',
            confirmButtonColor: '#5e72e4',
            confirmButtonText: 'OK',
            allowOutsideClick: false,
        }).then(() => {
            // Submit form exam agar server mengarahkan ke halaman feedback (kuisioner).
            // Jika attempt sudah di-auto-submit sistem, controller tetap redirect ke feedback.
            submitExamWithDrafts();
        });
    }

    let liveStatusHandled = false;
    function monitorLiveStatus() {
        if (liveStatusHandled) return;

        fetchLiveExamStatus().then((data) => {
            if (!data || !data.success) return;

            if (data.exam_status === 'FINISHED') {
                liveStatusHandled = true;
                handleExamClosed('Ujian telah ditutup oleh admin. Jawaban terakhir akan dikirim otomatis.');
            }
        });
    }

    function updateNavBtn(qId) {
        const $card  = $('.question-card[data-question-id="' + qId + '"]');
        const index  = $card.attr('id').split('-')[1];
        const hasMC  = $card.find('input[type="radio"]:checked').length > 0;
        const hasEssayText  = ($card.find('.essay-text-input').val() || '').trim() !== '';
        const hasEssayImage = $card.find('#essay-preview-' + qId + ' img').length > 0;
        const hasAnswer = hasMC || hasEssayText || hasEssayImage;
        if (hasAnswer) {
            $('.nav-btn-' + index).removeClass('btn-outline-secondary').addClass('btn-success');
        } else {
            $('.nav-btn-' + index).removeClass('btn-success').addClass('btn-outline-secondary');
        }
        $('#answered-count').text($('.question-nav-btn.btn-success').length);
    }

    // ── Konfirmasi submit ──
    function confirmSubmit() {
        const unans = $('.question-nav-btn.btn-outline-secondary').length;
        let msg = unans > 0
            ? "Masih ada " + unans + " soal yang belum dijawab. Yakin ingin menyelesaikan ujian?"
            : "Anda telah menjawab semua soal. Yakin ingin mengumpulkan?";

        Swal.fire({
            title: 'Selesai Ujian?',
            text: msg,
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#5e72e4',
            cancelButtonColor: '#8392ab',
            confirmButtonText: 'Ya, Kumpulkan!',
            cancelButtonText: 'Cancel'
        }).then((result) => {
            if (result.isConfirmed) {
                $('#exam-form input:not([type="hidden"]), #exam-form textarea, #exam-form button').prop('disabled', true);
                submitExamWithDrafts();
            }
        });
    }

    // ── Helper Resolusi Jam via GET API (dengan anti-cache multi-browser & fallback Jam Server) ──
    async function resolveCurrentTime(fallbackServerMs) {
        const controller = new AbortController();
        const timeoutId = setTimeout(() => controller.abort(), 2500);

        try {
            const cacheBuster = Date.now() + '_' + Math.floor(Math.random() * 100000);
            const response = await fetch('https://timeapi.io/api/time/current/zone?timeZone=Asia/Jakarta&_cb=' + cacheBuster, {
                method: 'GET',
                cache: 'no-store',
                headers: {
                    'Cache-Control': 'no-cache, no-store, must-revalidate',
                    'Pragma': 'no-cache'
                },
                signal: controller.signal
            });
            clearTimeout(timeoutId);
            if (response.ok) {
                const data = await response.json();
                if (data && data.dateTime) {
                    const apiMs = new Date(data.dateTime).getTime();
                    if (!Number.isNaN(apiMs) && apiMs > 0) {
                        return apiMs;
                    }
                }
            }
        } catch (e) {
            // Fallback ke jam server internal Laravel jika offline / API timeout
        }
        return fallbackServerMs;
    }

    // ── Logic Timer ──
    @if($exam->control_type === ControlType::TIMER->value && !empty($exam->end_time_full))
        @php
            $fallbackServerNowMs = now()->getTimestampMs();
        @endphp

        $('#timer-display').html('<span class="text-xs text-muted font-weight-normal"><i class="fas fa-spinner fa-spin me-1"></i> Menyinkronkan...</span>');

        resolveCurrentTime({{ $fallbackServerNowMs }}).then((serverNowAtLoad) => {
            const perfStart = performance.now();
            const endAt = END_TIME_FULL ? new Date(END_TIME_FULL.replace(' ', 'T')).getTime() : null;

            if (!endAt || Number.isNaN(endAt)) {
                $('#timer-display').text('00:00:00');
                return;
            }

            function updateTimerDisplay() {
                const currentServerMs = serverNowAtLoad + (performance.now() - perfStart);
                const distance = Math.max(0, Math.floor((endAt - currentServerMs) / 1000));

                if (distance <= 0) {
                    if (typeof countdown !== 'undefined') clearInterval(countdown);
                    $('#timer-display').text("00:00:00");
                    Swal.fire({
                        title: 'Waktu Habis!',
                        text: 'Jawaban Anda akan dikumpulkan secara otomatis.',
                        icon: 'info',
                        showConfirmButton: false,
                        timer: 3000
                    }).then(() => {
                        $('#exam-form input:not([type="hidden"]), #exam-form textarea, #exam-form button').prop('disabled', true);
                        submitExamWithDrafts();
                    });
                    return;
                }

                const hours   = Math.floor(distance / 3600);
                const minutes = Math.floor((distance % 3600) / 60);
                const seconds = distance % 60;

                const txt = String(hours).padStart(2, '0') + ":" +
                            String(minutes).padStart(2, '0') + ":" +
                            String(seconds).padStart(2, '0');
                $('#timer-display').text(txt);

                if (hours === 0 && minutes < 5) {
                    $('#timer-block').addClass('timer-urgent');
                }
            }

            updateTimerDisplay();
            const countdown = setInterval(updateTimerDisplay, 1000);
        });
    @endif

    // ── Logic Stopwatch (MANUAL mode) ──
    @if($exam->control_type === ControlType::MANUAL->value && !empty($attempt->start_time_full))
        @php
            $fallbackServerNowMs = now()->getTimestampMs();
        @endphp

        $('#manual-elapsed-display').html('<span class="text-xs text-muted font-weight-normal"><i class="fas fa-spinner fa-spin me-1"></i> Menyinkronkan...</span>');

        resolveCurrentTime({{ $fallbackServerNowMs }}).then((serverNowAtLoad) => {
            const perfStart = performance.now();
            const startAt = ATTEMPT_STARTED_AT ? new Date(ATTEMPT_STARTED_AT.replace(' ', 'T')).getTime() : null;

            if (!startAt || Number.isNaN(startAt)) {
                $('#manual-elapsed-display').text('00:00:00');
                return;
            }

            function updateManualDisplay() {
                const currentServerMs = serverNowAtLoad + (performance.now() - perfStart);
                const totalElapsed = Math.max(0, Math.floor((currentServerMs - startAt) / 1000));

                const hours   = Math.floor(totalElapsed / 3600);
                const minutes = Math.floor((totalElapsed % 3600) / 60);
                const seconds = totalElapsed % 60;

                const txt = String(hours).padStart(2, '0') + ":" +
                            String(minutes).padStart(2, '0') + ":" +
                            String(seconds).padStart(2, '0');

                $('#manual-elapsed-display').text(txt);
            }

            updateManualDisplay();
            setInterval(updateManualDisplay, 1000);
        });
    @endif

    // Functional facade for easier tracking/debugging without changing existing behavior.
    const UsrtrsexmUI = {
        goToQuestion,
        readExamDraft,
        writeExamDraft,
        clearExamDraft,
        collectDraftFromDom,
        persistDraftFromDom,
        applyDraftToDom,
        syncDraftToHiddenField,
        submitExamWithDrafts,
        fetchLiveExamStatus,
        buildEssayFormData,
        saveAnswerAsync,
        saveEssayAsync,
        handleExamClosed,
        monitorLiveStatus,
        updateNavBtn,
        confirmSubmit,
        init() {
            this.applyDraftToDom();
            this.monitorLiveStatus();
            setInterval(() => this.monitorLiveStatus(), 5000);
            this.goToQuestion(1);
        }
    };

    window.UsrtrsexmUI = UsrtrsexmUI;
    // Backward compatibility for inline handlers.
    window.confirmSubmit = function() {
        return UsrtrsexmUI.confirmSubmit();
    };
    window.goToQuestion = function(num) {
        return UsrtrsexmUI.goToQuestion(num);
    };

    UsrtrsexmUI.init();
</script>