{{ block title }}
    Instructions (1/2): Tasks
{{ endblock }}

{{ block content }}
<style>
.table  {
  border-collapse: collapse;
}

.table ,  th, td {
  border: 1px solid black;
}

.table, th, td {
  padding: 8px;
  text-align: center;
}

</style>
<ul style="font-size:18px">

    <ul>
        <li>We ran a previous study to measure the social abilities of workers.</li>
    <ul>

        <li>A worker is one of two types: Low or High on their abilities.</li>

        <li>The workers are US citizens, currently living in the US.</li>
    </ul>

    <li>We ran another study where managers offer wages to the workers.</li>
    <ul>
        <li>Some managers were informed about the race of workers (race-aware) and others were not (race-blind).</li>
        <li>Beliefs about the workers' types (Low or High) were <b>the exact same</b> between the race-aware managers and race-blind managers.</li>
        <ul>
            <li><span style="color:red"> Therefore, any difference in wages <b>must</b> be due to the workers' race, and <b>NOT</b> their abilities.</span> </li>
        </ul>
    </ul>

    <br>
    <li> You will be assigned one worker, chosen at random.</li>
    <li>You will report your beliefs that a worker is High Type and decide a new wage for that worker.</li>
    <li>You will have the following information: </li>
        <ul style="font-size:18px">


    <li>The average wages offered to workers of the same race as this worker.</li>
    <ul>
    <li>You will see the average wages from the race-aware managers and the race-blind managers.</li>

    </ul>

    </ul>


</ul>
    </ul>

<br>

<span style="font-size:18px"><b>Comprehension Check</b></span>
    <ul>
        <li> Which one of the following is <span style="color:green"><b>True</b></span>? <br>
            <input type="radio" name="compG1" value="1" id="comp_c" oninput="checkComp(this);"/>
            <label for="comp_c">You will be shown the wages that this one specific worker received.</label><br>
            <input type="radio" name="compG1" value="2" id="comp_c2" oninput="checkComp(this);">
            <label for="comp_c2"> Any difference between the race-blind and race-aware managers in wages is due to the workers' race.</label> <br>
            <p id="errorC"></p>
        </li>
    </ul>
<script>
    function ShowAndHideM() {
    var x = document.getElementById('taskM');
    if (x.style.display == 'block') {
        x.style.display = 'none';
    } else {
        x.style.display = 'block';
    }
    }

    function CheckLogM() {
        var y = document.getElementById('Mcheck');
        y.value = 1;
    }

    function ShowAndHideS() {
    var x = document.getElementById('taskS');

    if (x.style.display == 'block') {
        x.style.display = 'none';
    } else {
        x.style.display = 'block';
    }
    }

    function CheckLogS() {
        var y = document.getElementById('Scheck');
        y.value = 1;
    }

    function ShowAndHideC() {
    var x = document.getElementById('taskC');

    if (x.style.display == 'block') {
        x.style.display = 'none';
    } else {
        x.style.display = 'block';
    }
    }

    function CheckLogC() {
        var y = document.getElementById('Ccheck');
        y.value = 1;
    }

    function checkComp(field) {
    if (field.value === '1' ) {
        document.getElementById("errorC").innerText = "False! You will be given the average wages offered to workers of the same race as this worker.";
        document.getElementById("errorC").style.color = "red";
    } else if (field.value === '2') {
        document.getElementById("errorC").innerText = "True! The race-blind and race-aware managers had the same beliefs about the worker's ability.\n Thus, any difference is due to the worker's abilities. ";
        document.getElementById("errorC").style.color = "green";
    }
}
</script>
{{ next_button }}
{{ endblock }}