{{ block title }}
   Round {{ subsession.round_number }}, Shoot!
{{ endblock }}
{{ block content }}

    <div class="form-group required">
        <table class="table table-bordered text-center" style="width: auto; margin: auto">
            <tr>
                <th colspan="2" rowspan="2"></th>
                <th colspan="3">Random SKIMmer</th>
            </tr>
            <tr>
                <th>Rock</th>
                <th>Paper</th>
                <th>Scissors</th>
            </tr>
            <tr>
                <th rowspan="3"><span>You</span></th>
                <td><button name="hand" value="Rock" class="btn btn-primary btn-large">Rock</button></td>
                <td>Draw<br>[<span style="color:blue"><b>0 points</b></span>, 0 points]</td>
                <td>Loss<br>[<span style="color:blue"><b>-1 points</b></span>, 1 points]</td>
                <td>Win<br>[<span style="color:blue"><b>1 points</b></span>, -1 points]</td>
            </tr>
            <tr>
                <td><button name="hand" value="Paper" class="btn btn-primary btn-large" >Paper</button></td>
                <td>Win<br>[<span style="color:blue"><b>1 points</b></span>, -1 points]</td>
                <td>Draw<br>[<span style="color:blue"><b>0 points</b></span>, 0 points]</td>
                <td>Loss<br>[<span style="color:blue"><b>-1 points</b></span>, 1 points]</td>
            </tr>
            <tr>
                <td><button name="hand" value="Scissors" class="btn btn-primary btn-large" >Scissors</button></td>
                <td>Loss<br>[<span style="color:blue"><b>-1 points</b></span>, 1 points]</td>
                <td>Win<br>[<span style="color:blue"><b>1 points</b></span>, -1 points]</td>
                <td>Draw<br>[<span style="color:blue"><b>0 points</b></span>, 0 points]</td>
            </tr>
        </table>
    </div>

    <p>You can chat with the other SKIMmer here.</p>

    {{ chat nickname=my_nickname}}

    {{ if subsession.round_number > 1}}
        {{ include_sibling 'history.html' }}
    {{ endif }}

<style>
    .btn {
        width: -webkit-fill-available !important;
    }
</style>
{{ endblock }}