{{ block content }}

    <p>
        Please answer the following questions.
    </p>
        {% formfield player.gender %}
        {% formfield player.major %}
        <br>
        <img src="{{ static 'ios_blue.jpg'}}" alt="" style="width:600px;height:225px;"/>
        <br><br>
        {% formfield player.iosblue %}
        <br>
        <img src="{{ static 'ios_red.jpg'}}" alt="" style="width:600px;height:225px;"/>
        <br><br>
        {% formfield player.iosred %}
        <br>
        <p>
            On a scale from 1 (not at all helpful) to 7 (very much helpful), how helpful do you think communication was?
        </p>
        <table>
            <tr>
                <td>not at all helpful</td>
                <td style="width: 16px"> </td>
                <td>{{ form.q1 }}</td>
                <td>very much helpful</td>
            </tr>
        </table>
        <br>
        {% formfield player.q2 %}
    <br>
    {{ next_button }}

<style>
    .otree-form {
        font-size: 14px;
    }
</style>

{{ endblock }}