{{ block title }}Group problem-solving{{ endblock }}
{{ block content }}

<script type="text/javascript">
    //Logout clears all visited pages for Back Button
    function noBack() { window.history.forward(); }
    noBack();
    window.onload = noBack;
    window.onpageshow = function (evt) { if (evt.persisted) noBack(); }
    window.onunload = function () { void (0); }
</script>

    <p>
        Based on the instructions you have just read, how many problems will be picked to decide whether you can win a bonus payment?
    </p>
    <p> </p>
    <p> </p>
    <input id="Capture" type="number" name="atten1" required style="display: none;" />

    <button class="otree-btn-next btn btn-primary"
        onclick="document.getElementById('Capture').value = 1;"
        style="
                color: #fff;
                background-color: #0658d4;
                border: 1px solid transparent;
                font-size: 1rem;
                border-radius: 0.25rem;">
        1
    </button>
    
    <p> </p>
    <p> </p>
    <button class="otree-btn-next btn btn-primary"
        onclick="document.getElementById('Capture').value = 0;" 
        style="
                    color: #fff;
                    background-color: #0658d4;
                    border: 1px solid transparent;
                    font-size: 1rem;
                    border-radius: 0.25rem;">
    
        2
    </button>
    <p> </p>
    <p> </p>
    <button class="otree-btn-next btn btn-primary" 
        onclick="document.getElementById('Capture').value = 0;" 
        value="False" name="atten1"
        style="
                    color: #fff;
                    background-color: #0658d4;
                    border: 1px solid transparent;
                    font-size: 1rem;
                    border-radius: 0.25rem;">
    
        3
    </button>
    <p> </p>
    <p> </p>
    <button class="otree-btn-next btn btn-primary"
        onclick="document.getElementById('Capture').value = 0;" 
        value="False" name="atten1"
        style="
                    color: #fff;
                    background-color: #0658d4;
                    border: 1px solid transparent;
                    font-size: 1rem;
                    border-radius: 0.25rem;">
    
        4
    </button>
    <p> </p>
    <p> </p>
        <p>
     <i> Please re-read the study instructions if you are not sure. </i>   
    </p>
    <p> </p>
    <p> </p>
{{ include_sibling 'instructions.html' }}
<!--
### attention check 1
    <button type="button" class="btn btn-secondary" 
        onclick="document.getElementById('Capture').value = 0;window.open('https://app.prolific.com/submissions/complete?cc=C4OSFS29', '_self');" 
        style="
                    color: #fff;
                    background-color: #0658d4;
                    border: 1px solid transparent;
                    font-size: 1rem;
                    border-radius: 0.25rem;">
    
        2
    </button>

    <button type="button" class="btn btn-secondary" 
        onclick="window.open('https://app.prolific.com/submissions/complete?cc=C9J2RQ5L', '_self');" 
        value="Redirects to Prolific"
        style="
                    color: #0b0b0b;
                    background-color: #e8ecf1;
                    border: 1px solid transparent;
                    font-size: 1rem;
                    border-radius: 0.25rem;">
    
        4
    </button>
    <button onclick="redirect()" value="Redirects to Prolific"
        style="
                    color: #fff;
                    background-color: #0658d4;
                    border: 1px solid transparent;
                    font-size: 1rem;
                    border-radius: 0.25rem;">
    
        Next
    </button>
    <script>
    function redirect() {
        location.replace("https://app.prolific.com/submissions/complete?cc=C9J2RQ5L")
    }
    </script>
-->
<!--
    <button onclick="window.location.href='https://app.prolific.com/submissions/complete?cc=C9J2RQ5L';" value="Redirects to Prolific"
        style="
                    color: #fff;
                    background-color: #b08600;
                    border: 1px solid transparent;
                    font-size: 1rem;
                    border-radius: 0.25rem;">
    
        Complete
    </button>
-->
<!--

    <form action="https://app.prolific.com/submissions/complete?cc=C9J2RQ5L">
    <button type="submit" value="Redirects to Prolific" />
    </form>
-->

<!--
<script>
    let completionlink = js_vars.completionlink;

    window.onload = function(){
        window.location.href=completionlink;
    }
</script>
-->

{{ endblock }}