{{ block title }}
Part I - Task #{{ Constants.sit }} instructions
{{ endblock }}
{{ block content }}

<style>
    table {
        border: none;
    }
    table td {
    border: none;
    }
</style>

<div class="frame">
    <p>Participant A and Participant B are each given {{ Constants.endowment|cu }}.
        Participant A decides how much of Participant B's
        earnings to reduce.</p>
    <p>It costs Participant A 1 point
        to reduce Participant B's earnings by {{ Constants.destruction_strength|cu }}:
        So, for each 1 point Participant A spends, Participant B's earnings
        are reduced by {{ Constants.destruction_strength|cu }}.</p>
    <p>Participant A can choose
        a number of points between 1 and 25
        to spend on reducing Participant B's earnings.
        Participant B makes no decisions.
    </p>
    <p><strong>Final earnings are calculated as follows:</strong></p>

    <ul>
        <li>Participant A's earnings = {{ Constants.endowment }}
            <span>&#8722;</span> (number of points Participant A spent on reducing Participant B's earnings) </li>

        <li>Participant B's earnings = {{ Constants.endowment }}
            <span>&#8722;</span> {{ Constants.destruction_strength }} <span>&#215;</span> (number of points Participant A
            spent on reducing Participant B's earnings)</li>
    </ul>
    <br>
    <p>Please answer the practice questions below to proceed.</p>
    <ul>
        <li>Suppose Participant A spends 12 points in reducing Participant B's earnings.
            <table class="table" style="width: 60%;">
                <tr>
                    <td style='text-align:left; vertical-align:middle'>How many points does Participant A earn?</td>
                    <td><div class="frame" style="width: 100%; padding: 0px 0px 0px 0px; margin:0;">
                        {{ formfield player.ex1 }}
                    </div>
                    </td>
                </tr>
                <tr>
                    <td style='text-align:left; vertical-align:middle'>How many points does Participant B earn?</td>
                    <td><div class="frame" style="width: 100%; padding: 0px 0px 0px 0px; margin:0;">
                        {{ formfield player.ex2 }}
                    </div>
                    </td>
                </tr>
            </table>
    </ul>
    <p>You will take part in this task for 2 rounds, once in each role. You will be matched
        with a different participant in each round.</p>
</div>
<br>

<div>
    <center><button type="submit" class="btn btn-primary btn-large"><strong>NEXT</strong></button></center>
</div>

{{ endblock }}