{{ 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, your role in this experiment is to ___ : 
    </p>
    <p> </p>
    <p> </p>
    <input id="Capture" type="number" name="atten2" required style="display: none;" />

    <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;">
    
        pick a member
    </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;">
    
        vote on answers
    </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;">
    
        collect bonus payment
    </button>
    <p> </p>
    <p> </p>
    <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;">
        propose answers to problems
    </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 2
    <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;">
    
        pick a member
    </button>

    <button onclick="redirect()" value="Redirects to Prolific"
        style="
                    color: #fff;
                    background-color: #b08600;
                    border: 1px solid transparent;
                    font-size: 1rem;
                    border-radius: 0.25rem;">
    
        Complete
    </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 }}