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

{% block title %}Choose a Worker for the Decoding Task{% endblock %}
{% block content %}

<style>
    table {
        border-collapse: collapse;
        margin: 0 auto 8px auto;
    }
    table, th, td {
        border: 1px solid black !important;
        padding: 8px 12px;
        vertical-align: top;
    }
    th {
        background-color: #f5f5f5;
    }
    .table-footnote {
        text-align: center;
        font-size: 0.9em;
        color: #555;
        margin-bottom: 20px;
    }
    .callout {
        background-color: #f5f7fa;
        border-left: 3px solid #5a8fcf;
        padding: 10px 14px;
        margin: 16px 0;
    }
    .perf-line {
        margin: 8px 0 16px 0;
    }
    .form-group, .form-group * {
        text-align: left;
    }
</style>

<p>
    Recall, you need to choose <u>one</u> of your two workers to dedicate half of their time to the
    decoding task, in addition to their slider task responsibilities, for the next round.
</p>

<table>
    <tr>
        <th></th>
        <th>Worker Chosen</th>
        <th>Worker Not Chosen</th>
    </tr>
    <tr>
        <td><strong>Slider Task</strong></td>
        <td>1.5 minutes<br>1000 Lira base + 100 Lira per correct slider</td>
        <td>3 minutes<br>1000 Lira base + 100 Lira per correct slider</td>
    </tr>
    <tr>
        <td><strong>Decoding Task</strong></td>
        <td>1.5 minutes<br>No compensation</td>
        <td>&mdash;</td>
    </tr>
</table>
<p class="table-footnote">The chosen worker receives no additional pay for the decoding task.</p>

{% if marketability == 1 %}
<div class="callout">
    Because the decoding task is a valued skill for independent contractors, the chosen worker
    will be considered more desirable and will receive a <strong>better outside offer (i.e., higher pay)</strong>
    based on this experience. If they leave, they will perform the compensated slider task for an additional
    30 seconds in rounds 3 and 4.
</div>
{% endif %}

<p>
    <strong>Your earnings:</strong> 75 Lira per correct slider submitted by your workers (upon successfully
    unscrambling at least 1 word). You will <strong><u>not</u></strong> receive compensation for the chosen
    worker&rsquo;s decoding performance.

</p>

<p class="perf-line">
    <strong>Last round performance:</strong>
    Worker A: {{ slider_a }} correct sliders &nbsp;|&nbsp;
    Worker B: {{ slider_b }} correct sliders
</p>
 {% if promotion == 1 %}
    <div class="callout">
    <strong>Reminder:</strong> You will make a promotion decision in the next round.</div>
    {% endif %}

{% formfields %}

<p style="margin-top: 24px;">Click Next to submit your choice. On the next two pages, you will answer a series of questions about your choice. </p>

{% next_button %}

{% endblock %}