{{ extends 'global/Page.html' }}
{{ load static }}
{{ block title }}<strong><center>YOUR FIRST DECISION (CONTINUED)</center></strong>{{ endblock }}

{{ block content }}

<link rel="stylesheet" type="text/css" href="{{ static 'HLMM/styles.css' }}">

<p>
    Below are 7 selectable participants from the first session.
    To maintain anonymity, we use random colors as their name.
    You can find their performance on the three <strong>screening tasks</strong>
    as well as the <strong>average performance</strong> across the three screening tasks in the table below.
    <strong>The higher the score, the better the performance.</strong>
</p>
<p>
    <strong>Recall:</strong>
    <br>Participants’ performance on the three screening tasks
    <strong>is provided to give some context for their possible performance on the word search task.</strong>
    Only participants’ performance on the <strong>word search task</strong>
    will affect your additional monetary compensation if you hire them for the firm - you will learn how the
    employees performed on the word search task after making your hiring decision.
</p>
<p>
    Please select 4 participants to add to your firm <strong>(The higher the score, the better the performance):</strong>
</p>
<p>
    <form role="form" method="post">
    <table border="1">
        <thead>
            <tr>
                <th>Employee</th>
                <th>Screening Task #1: <br>Letter count Task</th>
                <th>Screening Task #2: <br>Word Jumble Task</th>
                <th>Screening Task #3: <br>Synonym Task</th>
                <th>Average Performance <br>(Across 3 Tasks)</th>
                <th>Please select 4 Participants to add to your firm:</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td><strong>Green</strong></td>
                <td>5</td>
                <td>10</td>
                <td>9</td>
                <td>8</td>
                <td>{{ form.GreenChosen }}</td>
            </tr>
            <tr>
                <td><strong>Purple</strong></td>
                <td>4</td>
                <td>10</td>
                <td>9</td>
                <td>7.67</td>
                <td>{{ form.PurpleChosen }}</td>
            </tr>
            <tr>
                <td><strong>Maroon</strong></td>
                <td>5</td>
                <td>9</td>
                <td>9</td>
                <td>7.67</td>
                <td>{{ form.MaroonChosen }}</td>
            </tr>
            <tr>
                <td><strong>Indigo</strong></td>
                <td>4</td>
                <td>7</td>
                <td>8</td>
                <td>6.33</td>
                <td>{{ form.IndigoChosen }}</td>
            </tr>
            <tr>
                <td><strong>Violet</strong></td>
                <td>5</td>
                <td>4</td>
                <td>9</td>
                <td>6</td>
                <td>{{ form.VioletChosen }}</td>
            </tr>
            <tr>
                <td><strong>Lime</strong></td>
                <td>5</td>
                <td>5</td>
                <td>7</td>
                <td>5.67</td>
                <td>{{ form.LimeChosen }}</td>
            </tr>
            <tr>
                <td><strong>Teal</strong></td>
                <td>5</td>
                <td>3</td>
                <td>7</td>
                <td>5</td>
                <td>{{ form.TealChosen }}</td>
            </tr>

        </tbody>
    </table>
    <br>

</form>

<hr>

<div class="point-allocation-container">
    <p>Please allocate 100 points to the below four categories. The <strong>more points</strong> you allocate to a
        certain category, the <strong>greater the influence</strong> that category had on your hiring decisions:</p>

    <div class="task-container">
        <div class="task-item">
            <label><strong>{{ form.letter_count_task_points.label }}</strong></label>
            {{ form.letter_count_task_points }}
        </div>
        <div class="task-item">
            <label><strong>{{ form.word_jumble_task_points.label }}</strong></label>
            {{ form.word_jumble_task_points }}
        </div>
        <div class="task-item">
            <label><strong>{{ form.synonym_task_points.label }}</strong></label>
            {{ form.synonym_task_points }}
        </div>
        <div class="task-item">
            <label><strong>{{ form.average_performance_points.label }}</strong></label>
            {{ form.average_performance_points }}
        </div>
    </div><br>

    <p>* Note: The total points allocated to all four categories must add up to 100 points.</p>
</div>




{% next_button %}

{{ endblock }}