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

{% block title %}
    End of part 1
{% endblock %}

{% block content %}
<div class="card bg-light instructions">
<div class="card-body">
    You have completed part 1. The potentially payoff relevant choice situation will be selected at the end of the study.
    You will then be informed about the selected situation. Please click <b>Continue</b> to proceed to 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_end_part1" name="tab_end_part1" value="0">
<input type="hidden" id="focus_end_part1" name="focus_end_part1" value="0">
<input type="hidden" id="totaltime_end_part1" name="totaltime_end_part1" value="0">
<input type="hidden" id=" B_low_indifferent" name=" B_low_indifferent" value=" B_low_indifferent">
<script>
    function submitForm() {
        if($tabswitches == 0){
            $time_total = (Date.now() - $start)/1000;
            $time_focus = $time_total;
        }

        document.getElementById("tab_end_part1").setAttribute('value', $tabswitches);
        document.getElementById("focus_end_part1").setAttribute('value', $time_focus);
        document.getElementById("totaltime_end_part1").setAttribute('value', $time_total);

        return true;
    }
</script>

{% endblock %}