{{ block title }}
    Choice
{{ endblock }}
{{ block content }}
{{if treatment_reminder == "Strategy reminder" or treatment_reminder == "Strategy and action reminder" }}
    {{if strat == "AD"}}
    Choose Y in every round. <p>
</p>
    {{elif strat == "GT"}}
    Choose X in round 1. After round 1: choose X if the computer
    chose X in every one of the previous rounds; choose Y if the computer chose Y in one or more of the
    previous rounds.<p>
</p>
    {{elif strat == "TfT" }}
    Choose X in round 1. After round 1: choose X if the computer chose X in the previous round.
    Choose Y if the computer chose Y in the previous round.<p>
</p>
    {{elif strat == "TTfT" }}
    Choose X in rounds 1 and 2. After round 2: choose X if the computer chose X in either of the
    previous two rounds; choose Y if the computer chose Y in both of the previous two rounds.<p>
</p>
    {{elif strat == "Tf3T" }}
    Choose X until the other has chosen Y three times in any of the previous rounds, after which choose Y. Then, start
    over by playing X and restarting the counting of number of times the other has played Y, once the other plays X once.<p>
</p>
    {{elif strat == "DTf3T" }}
    Choose Y in the first period. Then,  choose X until the other has chosen Y three times in any of the previous rounds,
    after which choose Y. Then, start over after the other plays X once.<p>
</p>
    {{else}}
    /
    {{endif}}

    <p>
        Previous choices:<p>
</p> {{choice_history}}
    <p>

{{endif}}<p>
</p>

    {{ formfield 'choice'}} <p>
</p>
{{ formfield_errors 'ar_choice' }}

{{if treatment_reminder == "Action reminder" or treatment_reminder == "Strategy and action reminder" }}
    <button type="button" class="btn btn-primary" onclick="checkSubmit()">Next</button>
    <input type="hidden" name="ar_choice" id="ar_choice" />



    <script>
        let numClicks = 0;

        function checkSubmit() {
            let form = document.getElementById('form');
            let isValid = form.reportValidity();
            numClicks++;
            if (!isValid) return;

            let warnings = [];

            let choice = document.getElementsByName('choice')[0].value;

            if (numClicks < 2) {
                if (choice === '0') {
                    warnings.push("You chose Y. Are you sure?");
                    document.getElementById("ar_choice").value = 0

                }
                else if (choice === '1') {
                    warnings.push("You chose X. Are you sure?");
                    document.getElementById("ar_choice").value = 1
                }
            }


            if (warnings.length > 0) {
                warnings.push("Press OK to proceed anyway.")
                let confirmed = window.confirm(warnings.join('\r\n'));
                if (!confirmed) return;
            }

            form.submit();
        }
    </script>

{{else}}
    {{ next_button }}
{{endif}}

{{ endblock }}