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

{% block title %}

{% endblock %}

{% block content %}
<div class="card bg-light instructions">
<div class="card-body">
    You have made all your choices for part 2. Please click <i>Continue</i> to see which choice situation is selected to determine payoffs from part 2.
</div>
</div>
 <div align="right"><input type="submit" onclick="return submitForm();" class="btn btn-primary btn-large" value="Continue"></inputbutton></div>

<!-- tabswitches & focustime -->
<script src="{% static "Power/jquery-3.3.1.js" %}"></script>
<script src="{% static "Power/detect_tabswitch.js" %}"></script>
<input type="hidden" id="tab_pre_decision_part2" name="tab_pre_decision_part2" value="0">
<input type="hidden" id="focus_pre_decision_part2" name="focus_pre_decision_part2" value="0">
<input type="hidden" id="totaltime_pre_decision_part2" name="totaltime_pre_decision_part2" value="0">
<script>
    function submitForm() {
        if($tabswitches == 0){
            $time_total = (Date.now() - $start)/1000;
            $time_focus = $time_total;
        }

        document.getElementById("tab_pre_decision_part2").setAttribute('value', $tabswitches);
        document.getElementById("focus_pre_decision_part2").setAttribute('value', $time_focus);
        document.getElementById("totaltime_pre_decision_part2").setAttribute('value', $time_total);

        return true;
    }
</script>
{% endblock %}