{% extends "global/Page.html" %}
{% load otree %}

{% block title %}
Skill testing question
{% endblock %}

{% block styles %}
    <link rel="stylesheet" type="text/css" href="{% static 'global/matrix.css' %}" />

    <style>
        .highlight-row-on-hover:hover td {
            background-color: #fcf8e3;
        }

    </style>

{% endblock %}

{% block content %}
    <div class="form-group required">
        <p>
            In order to ensure you understand the instructions, please answer the following question.
        </p>
        <p>

            In the following situation, if you choose to deny and the other participant chooses to confess, who will earn more points?

        </p>
        <table class="table table-bordered text-center" style="width: auto; margin: auto">
            <tr>
                <th colspan="2" rowspan="2"></th>
                <th colspan="2">The Other Participant</th>
            </tr>
            <tr>
                <th>Confess</th>
                <th>Deny</th>
            </tr>
            <tr>
                <th rowspan="2"><span class="rotate90">You</span></th>
                <th>Confess</th>
                <td>5 points, 7 points</td>
                <td>0 points, 10 points</td>
            </tr>
            <tr>
                <th>Deny</th>
                <td>10 points, 0 points</td>
                <td>7 points, 5 points</td>
            </tr>
        </table>
    </div>

<p> Please type your answer in the field below and click submit.</p>
<p>
    This question will not affect your total points.
</p>

{% formfield player.skill_answer %}

<button class="btn btn-primary btn-large">Submit</button>

{% endblock %}