{{ block title }}
{{ endblock }}
{{ block content }}

<p id="questions"></p>


{#<input type="hidden" name="raw_responses" id="raw_responses">#}


{{ formfield "number_input" }}
{#<script>#}
{#    let customTimerEle = document.getElementById('time-left');#}
{##}
{#        document.addEventListener("DOMContentLoaded", function (event) {#}
{#            $('.otree-timer__time-left').on('update.countdown', function (event) {#}
{#                customTimerEle.innerText = event.offset.totalSeconds;#}
{#            })#}
{#        })#}
{#</script>#}
{#<script>#}
{##}
{#    let responses = {}#}
{##}
{#    let trialIndex = 0;#}
{#    let trials = js_vars.trials;#}
{##}
{#    function recordResponse(btn) {#}
{#        let trialId = trials[trialIndex].id;#}
{#        responses[trialId] = btn.value;#}
{#        trialIndex++;#}
{#        if (trialIndex === trials.length) {#}
{#            document.getElementById('raw_responses').value = JSON.stringify(responses)#}
{#            document.getElementById('form').submit();#}
{#        } else {#}
{#            updateUI();#}
{#        }#}
{#    }#}
{##}
{#</script>#}

{{ endblock }}