{{ extends 'global/IntroPage.html' }}
{{ block title }}Instructions{{ endblock }}

{{ block page_body }}

<style>
.earnings-table {
    border-collapse: collapse;
    margin: 16px auto;
}
.earnings-table td {
    padding: 6px 14px;
    vertical-align: middle;
}
.earnings-table td.plus-col {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    padding-right: 4px;
}
.earnings-table td.item-col {
    font-weight: bold;
}
.earnings-table td.detail-col {
    color: #aaa;
}
</style>

<p>You will receive the <strong>{{ session.participation_fee }} participation fee</strong> upon completing the study.</p>

<p>After everyone completes the study, 10% of participants will be randomly selected to receive the following bonus:</p>

<table class="earnings-table">
    <tr>
        <td class="plus-col"></td>
        <td class="item-col">Assignment Payoffs</td>
        <td class="detail-col">(one randomly selected round)</td>
    </tr>
    <tr>
        <td class="plus-col">+</td>
        <td class="item-col">Expected Payoff Task Payoffs</td>
        <td class="detail-col">(one randomly selected round)</td>
    </tr>
    <tr>
        <td class="plus-col">+</td>
        <td class="item-col">Assignment Probability Task Payoffs</td>
        <td class="detail-col">(one randomly selected round)</td>
    </tr>
    <tr>
        <td class="plus-col">+</td>
        <td class="item-col">Survey Payoffs</td>
        <td class="detail-col">(one randomly selected question)</td>
    </tr>
</table>

<p>If you are selected, you will receive all three bonus payments.</p>

<p></p>
<div class="otree-nav-buttons">{{ back_button }} {{ next_button }}</div>

{{ endblock }}