{{ block title }}Part {{ player.subsession.part_roman }}: Comprehension Question 1{{ endblock }}
{{ block content }}
<style>
    th, td {
        padding: 15px;
    }
    .border-r {border: 1px solid #ccc; border-width: 0 1px 0 0; text-align: center}
</style>
<hr>
&nbsp;
<p style="text-align: center">If your role is B, a ball of which color are you more likely to pick?</p>

<table style="width:100%">
    <tr>
        <td class="border-r">
            <button id="yes" type="button" onclick="clickWrong('yes')">Red</button>
        </td>
        <td style="text-align:center">
            <button id="no" type="button" onclick="clickRight('no')">Black</button>
        </td>
    </tr>
</table>
&nbsp;
<p id="answer" style="display: none">There are only {{ nred }} red balls, and as many as {{ nblack }} black balls in the urn. Thus, picking a black ball is more likely.</p>
&nbsp;
<button id="next_button" class="otree-btn-next btn btn-primary" style="display: none">Next</button>

<input type="hidden" name="comp_balls_1" id="comp_form" />

<script src="{{ static 'someScripts.js' }}"></script>
{{ endblock }}