{% extends "global/Page.html" %}
{% load staticfiles otree %}

{% block title %}
{% endblock %}

{% block content %}



<br> <br>

<div style="text-align: center;">
    <p style="font-size: 20px;">The random number generated by the computer was: <span id="randomNumber"></span></p>
</div>
<div style="text-align: center;">
    <p style="font-size: 24px; font-weight: bold; color: black;">{{ group.Random_Light }} <span id="randomNumber"></span></p>
</div>


<br><br>
                      <th colspan="3"><center>
                      <input type="submit" id="button2" onclick="return submitForm(this.id);" class="btn btn-primary btn-large" value="OK" style="height:50px;width:200px"></inputbutton></center></th>
<!-- tabswitches & focustime -->

<!-- tabswitches & focustime -->


<input type="hidden" id="tab_instructions_general_part1" name="tab_instructions_general_part1" value="0">
<input type="hidden" id="focus_instructions_general_part1" name="focus_instructions_general_part1" value="0">
<input type="hidden" id="totaltime_instructions_general_part1" name="totaltime_instructions_general_part1" value="0">
<script>
    function submitForm() {
        if($tabswitches == 0){
            $time_total = (Date.now() - $start)/1000;
            $time_focus = $time_total;
        }

        document.getElementById("tab_instructions_general_part1").setAttribute('value', $tabswitches);
        document.getElementById("focus_instructions_general_part1").setAttribute('value', $time_focus);
        document.getElementById("totaltime_instructions_general_part1").setAttribute('value', $time_total);


        return true;
    }
</script>



{% endblock %}