{{ block title }}
<div align="center"> StageIV</div>
{{ endblock }}

{{ block content }}

<p style="line-height:1.75"> Here's the performance report of {{ group.employee_name }} for the round 2.</p>

{{ if group.task_choice == 1 }}
<p style="line-height:1.75"><strong>Task summary [Easy]</strong></p>

<div style="padding-left:5%; text-align:center";>

<table width="100%">
    <tr>
        <th width="10%">Task #</th>
        <th width="20%">{{ group.employee_name }}'s Entry</th>
        <th width="15%">The Solution</th>
        <th width="15%"># Correct Letters</th>
        <th width="10%">Time Spent</th>
    </tr>
    {{ if group.StageIV_easy_period2_count > 0 }}
   <tr>
        <td scope="row">1</td>
        <td scope="row">{{ answer1 }}</td>
        <td scope="row">{{ C.StageIV_easy21 }}</td>
        <td scope="row">{{ group.letters_StageIV_easy21 }}</td>
        <td scope="row">{{ RT1 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_easy_period2_count > 1 }}
    <tr>
        <td scope="row">2</td>
        <td scope="row">{{ answer2 }}</td>
        <td scope="row">{{ C.StageIV_easy22 }}</td>
        <td scope="row">{{ group.letters_StageIV_easy22 }}</td>
        <td scope="row">{{ RT2 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_easy_period2_count > 2 }}
    <tr>
        <td scope="row">3</td>
        <td scope="row">{{ answer3 }}</td>
        <td scope="row">{{ C.StageIV_easy23 }}</td>
        <td scope="row">{{ group.letters_StageIV_easy23 }}</td>
        <td scope="row">{{ RT3 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_easy_period2_count > 3 }}
    <tr>
        <td scope="row">4</td>
        <td scope="row">{{ answer4 }}</td>
        <td scope="row">{{ C.StageIV_easy24 }}</td>
        <td scope="row">{{ group.letters_StageIV_easy24 }}</td>
        <td scope="row">{{ RT4 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_easy_period2_count > 4 }}
    <tr>
        <td scope="row">5</td>
        <td scope="row">{{ answer5 }}</td>
        <td scope="row">{{ C.StageIV_easy25 }}</td>
        <td scope="row">{{ group.letters_StageIV_easy25 }}</td>
        <td scope="row">{{ RT5 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_easy_period2_count > 5 }}
    <tr>
        <td scope="row">6</td>
        <td scope="row">{{ answer6 }}</td>
        <td scope="row">{{ C.StageIV_easy26 }}</td>
        <td scope="row">{{ group.letters_StageIV_easy26 }}</td>
        <td scope="row">{{ RT6 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_easy_period2_count > 6 }}
    <tr>
        <td scope="row">7</td>
        <td scope="row">{{ answer7 }}</td>
        <td scope="row">{{ C.StageIV_easy27 }}</td>
        <td scope="row">{{ group.letters_StageIV_easy27 }}</td>
        <td scope="row">{{ RT7 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_easy_period2_count > 7 }}
    <tr>
        <td scope="row">8</td>
        <td scope="row">{{ answer8 }}</td>
        <td scope="row">{{ C.StageIV_easy28 }}</td>
        <td scope="row">{{ group.letters_StageIV_easy28 }}</td>
        <td scope="row">{{ RT8 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_easy_period2_count > 8 }}
    <tr>
        <td scope="row">9</td>
        <td scope="row">{{ answer9 }}</td>
        <td scope="row">{{ C.StageIV_easy29 }}</td>
        <td scope="row">{{ group.letters_StageIV_easy29 }}</td>
        <td scope="row">{{ RT9 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_easy_period2_count > 9 }}
    <tr>
        <td scope="row">10</td>
        <td scope="row">{{ answer10 }}</td>
        <td scope="row">{{ C.StageIV_easy30 }}</td>
        <td scope="row">{{ group.letters_StageIV_easy30 }}</td>
        <td scope="row">{{ RT10 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_easy_period2_count > 10 }}
        <tr>
        <td scope="row">11</td>
        <td scope="row">{{ answer11 }}</td>
        <td scope="row">{{ C.StageIV_easy31 }}</td>
        <td scope="row">{{ group.letters_StageIV_easy31 }}</td>
        <td scope="row">{{ RT11 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_easy_period2_count > 11 }}
        <tr>
        <td scope="row">12</td>
        <td scope="row">{{ answer12 }}</td>
        <td scope="row">{{ C.StageIV_easy32 }}</td>
        <td scope="row">{{ group.letters_StageIV_easy32 }}</td>
        <td scope="row">{{ RT12 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_easy_period2_count > 12 }}
    <tr>
        <td scope="row">13</td>
        <td scope="row">{{ answer13 }}</td>
        <td scope="row">{{ C.StageIV_easy33 }}</td>
        <td scope="row">{{ group.letters_StageIV_easy33 }}</td>
        <td scope="row">{{ RT13 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_easy_period2_count > 13 }}
    <tr>
        <td scope="row">14</td>
        <td scope="row">{{ answer14 }}</td>
        <td scope="row">{{ C.StageIV_easy34 }}</td>
        <td scope="row">{{ group.letters_StageIV_easy34 }}</td>
        <td scope="row">{{ RT14 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_easy_period2_count > 14 }}
    <tr>
        <td scope="row">15</td>
        <td scope="row">{{ answer15 }}</td>
        <td scope="row">{{ C.StageIV_easy35 }}</td>
        <td scope="row">{{ group.letters_StageIV_easy35 }}</td>
        <td scope="row">{{ RT15 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_easy_period2_count > 15 }}
    <tr>
        <td scope="row">16</td>
        <td scope="row">{{ answer16 }}</td>
        <td scope="row">{{ C.StageIV_easy36 }}</td>
        <td scope="row">{{ group.letters_StageIV_easy36 }}</td>
        <td scope="row">{{ RT16 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_easy_period2_count > 16 }}
    <tr>
        <td scope="row">17</td>
        <td scope="row">{{ answer17 }}</td>
        <td scope="row">{{ C.StageIV_easy37 }}</td>
        <td scope="row">{{ group.letters_StageIV_easy37 }}</td>
        <td scope="row">{{ RT17 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_easy_period2_count > 17 }}
    <tr>
        <td scope="row">18</td>
        <td scope="row">{{ answer18 }}</td>
        <td scope="row">{{ C.StageIV_easy38 }}</td>
        <td scope="row">{{ group.letters_StageIV_easy38 }}</td>
        <td scope="row">{{ RT18 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_easy_period2_count > 18 }}
    <tr>
        <td scope="row">19</td>
        <td scope="row">{{ answer19 }}</td>
        <td scope="row">{{ C.StageIV_easy39 }}</td>
        <td scope="row">{{ group.letters_StageIV_easy39 }}</td>
        <td scope="row">{{ RT19 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_easy_period2_count > 19 }}
    <tr>
        <td scope="row">20</td>
        <td scope="row">{{ answer20 }}</td>
        <td scope="row">{{ C.StageIV_easy40 }}</td>
        <td scope="row">{{ group.letters_StageIV_easy40 }}</td>
        <td scope="row">{{ RT20 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
</table>
    </div>
<br/>
<br/>
{{ else }}

<p style="line-height:1.75"><strong>Task summary [Hard]</strong></p>

<div style="padding-left:5%; text-align:center";>

<table width="100%">
    <tr>
        <th width="10%">Task #</th>
        <th width="20%">{{ group.employee_name }}'s Entry</th>
        <th width="15%">The Solution</th>
        <th width="15%"># Correct Letters</th>
        <th width="10%">Time Spent</th>
    </tr>
    {{ if group.StageIV_hard_period2_count > 0 }}
   <tr>
        <td scope="row">1</td>
        <td scope="row">{{ answer1 }}</td>
        <td scope="row">{{ C.StageIV_hard21 }}</td>
        <td scope="row">{{ group.letters_StageIV_hard21 }}</td>
        <td scope="row">{{ RT1 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_hard_period2_count > 1 }}
    <tr>
        <td scope="row">2</td>
        <td scope="row">{{ answer2 }}</td>
        <td scope="row">{{ C.StageIV_hard22 }}</td>
        <td scope="row">{{ group.letters_StageIV_hard22 }}</td>
        <td scope="row">{{ RT2 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_hard_period2_count > 2 }}
    <tr>
        <td scope="row">3</td>
        <td scope="row">{{ answer3 }}</td>
        <td scope="row">{{ C.StageIV_hard23 }}</td>
        <td scope="row">{{ group.letters_StageIV_hard23 }}</td>
        <td scope="row">{{ RT3 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_hard_period2_count > 3 }}
    <tr>
        <td scope="row">4</td>
        <td scope="row">{{ answer4 }}</td>
        <td scope="row">{{ C.StageIV_hard24 }}</td>
        <td scope="row">{{ group.letters_StageIV_hard24 }}</td>
        <td scope="row">{{ RT4 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_hard_period2_count > 4 }}
    <tr>
        <td scope="row">5</td>
        <td scope="row">{{ answer5 }}</td>
        <td scope="row">{{ C.StageIV_hard25 }}</td>
        <td scope="row">{{ group.letters_StageIV_hard25 }}</td>
        <td scope="row">{{ RT5 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_hard_period2_count > 5 }}
    <tr>
        <td scope="row">6</td>
        <td scope="row">{{ answer6 }}</td>
        <td scope="row">{{ C.StageIV_hard26 }}</td>
        <td scope="row">{{ group.letters_StageIV_hard26 }}</td>
        <td scope="row">{{ RT6 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_hard_period2_count > 6 }}
    <tr>
        <td scope="row">7</td>
        <td scope="row">{{ answer7 }}</td>
        <td scope="row">{{ C.StageIV_hard27 }}</td>
        <td scope="row">{{ group.letters_StageIV_hard27 }}</td>
        <td scope="row">{{ RT7 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_hard_period2_count > 7 }}
    <tr>
        <td scope="row">8</td>
        <td scope="row">{{ answer8 }}</td>
        <td scope="row">{{ C.StageIV_hard28 }}</td>
        <td scope="row">{{ group.letters_StageIV_hard28 }}</td>
        <td scope="row">{{ RT8 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_hard_period2_count > 8 }}
    <tr>
        <td scope="row">9</td>
        <td scope="row">{{ answer9 }}</td>
        <td scope="row">{{ C.StageIV_hard29 }}</td>
        <td scope="row">{{ group.letters_StageIV_hard29 }}</td>
        <td scope="row">{{ RT9 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_hard_period2_count > 9 }}
    <tr>
        <td scope="row">10</td>
        <td scope="row">{{ answer10 }}</td>
        <td scope="row">{{ C.StageIV_hard30 }}</td>
        <td scope="row">{{ group.letters_StageIV_hard30 }}</td>
        <td scope="row">{{ RT10 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_hard_period2_count > 10 }}
    <tr>
        <td scope="row">11</td>
        <td scope="row">{{ answer11 }}</td>
        <td scope="row">{{ C.StageIV_hard31 }}</td>
        <td scope="row">{{ group.letters_StageIV_hard31 }}</td>
        <td scope="row">{{ RT11 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_hard_period2_count > 11 }}
        <tr>
        <td scope="row">12</td>
        <td scope="row">{{ answer12 }}</td>
        <td scope="row">{{ C.StageIV_hard32 }}</td>
        <td scope="row">{{ group.letters_StageIV_hard32 }}</td>
        <td scope="row">{{ RT12 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_hard_period2_count > 12 }}
        <tr>
        <td scope="row">13</td>
        <td scope="row">{{ answer13 }}</td>
        <td scope="row">{{ C.StageIV_hard33 }}</td>
        <td scope="row">{{ group.letters_StageIV_hard33 }}</td>
        <td scope="row">{{ RT13 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_hard_period2_count > 13 }}
        <tr>
        <td scope="row">14</td>
        <td scope="row">{{ answer14 }}</td>
        <td scope="row">{{ C.StageIV_hard34 }}</td>
        <td scope="row">{{ group.letters_StageIV_hard34 }}</td>
        <td scope="row">{{ RT14 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_hard_period2_count > 14 }}
    <tr>
        <td scope="row">15</td>
        <td scope="row">{{ answer15 }}</td>
        <td scope="row">{{ C.StageIV_hard35 }}</td>
        <td scope="row">{{ group.letters_StageIV_hard35 }}</td>
        <td scope="row">{{ RT15 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_hard_period2_count > 15 }}
    <tr>
        <td scope="row">16</td>
        <td scope="row">{{ answer16 }}</td>
        <td scope="row">{{ C.StageIV_hard36 }}</td>
        <td scope="row">{{ group.letters_StageIV_hard36 }}</td>
        <td scope="row">{{ RT16 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_hard_period2_count > 16 }}
    <tr>
        <td scope="row">17</td>
        <td scope="row">{{ answer17 }}</td>
        <td scope="row">{{ C.StageIV_hard37 }}</td>
        <td scope="row">{{ group.letters_StageIV_hard37 }}</td>
        <td scope="row">{{ RT17 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_hard_period2_count > 17 }}
    <tr>
        <td scope="row">18</td>
        <td scope="row">{{ answer18 }}</td>
        <td scope="row">{{ C.StageIV_hard38 }}</td>
        <td scope="row">{{ group.letters_StageIV_hard38 }}</td>
        <td scope="row">{{ RT18 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_hard_period2_count > 18 }}
    <tr>
        <td scope="row">19</td>
        <td scope="row">{{ answer19 }}</td>
        <td scope="row">{{ C.StageIV_hard39 }}</td>
        <td scope="row">{{ group.letters_StageIV_hard39 }}</td>
        <td scope="row">{{ RT19 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIV_hard_period2_count > 19 }}
    <tr>
        <td scope="row">20</td>
        <td scope="row">{{ answer20 }}</td>
        <td scope="row">{{ C.StageIV_hard40 }}</td>
        <td scope="row">{{ group.letters_StageIV_hard40 }}</td>
        <td scope="row">{{ RT20 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
</table>
    </div>
<br/>
<br/>

{{ endif }}


<p style="line-height:1.75"><strong>Please select from the list below as the feedback to {{ group.employee_name }} for round 2</strong></p>
<br/>

{{ if group.task_choice == 1 }}
<div align="center" style="padding-left:15%">
    <table width="100%">
    <tr>
        <th width="30%"><button name="Message_StageIV_E_R2" value = 'Feedback 1' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 1</strong></button></th>
        <th width="30%"><button name="Message_StageIV_E_R2" value = 'Feedback 2' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 2</strong></button></th>
        <th width="30%"><button name="Message_StageIV_E_R2" value = 'Feedback 3' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 3</strong></button></th>
    </tr>
    <tr>
        <th width="30%" height="30px"></th>
        <th width="30%" height="30px"></th>
        <th width="30%" height="30px"></th>
    </tr>
    <tr>
        <td><button name="Message_StageIV_E_R2" value = 'Feedback 4' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 4</strong></button></td>
        <td><button name="Message_StageIV_E_R2" value = 'Feedback 5' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 5</strong></button></td>
        <td><button name="Message_StageIV_E_R2" value = 'Feedback 6' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 6</strong></button></td>
    </tr>
    <tr>
        <th width="30%" height="30px"></th>
        <th width="30%" height="30px"></th>
        <th width="30%" height="30px"></th>
    </tr>
    <tr>
        <td><button name="Message_StageIV_E_R2" value = 'Feedback 7' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 7</strong></button></td>
        <td><button name="Message_StageIV_E_R2" value = 'Feedback 8' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 8</strong></button></td>
        <td><button name="Message_StageIV_E_R2" value = 'Feedback 9' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 9</strong></button></td>
    </tr>
    <tr>
        <th width="30%" height="30px"></th>
        <th width="30%" height="30px"></th>
        <th width="30%" height="30px"></th>
    </tr>
    <tr>
        <td><button name="Message_StageIV_E_R2" value = 'Feedback 10' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 10</strong></button></td>
        <td><button name="Message_StageIV_E_R2" value = 'Feedback 11' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 11</strong></button></td>
        <td><button name="Message_StageIV_E_R2" value = 'Feedback 12' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 12</strong></button></td>
    </tr>
    </table>
</div>

{{ else }}
<div align="center" style="padding-left:15%">
    <table width="100%">
    <tr>
        <th width="30%"><button name="Message_StageIV_H_R2" value = 'Feedback 1' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 1</strong></button></th>
        <th width="30%"><button name="Message_StageIV_H_R2" value = 'Feedback 2' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 2</strong></button></th>
        <th width="30%"><button name="Message_StageIV_H_R2" value = 'Feedback 3' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 3</strong></button></th>
    </tr>
    <tr>
        <th width="30%" height="30px"></th>
        <th width="30%" height="30px"></th>
        <th width="30%" height="30px"></th>
    </tr>
    <tr>
        <td><button name="Message_StageIV_H_R2" value = 'Feedback 4' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 4</strong></button></td>
        <td><button name="Message_StageIV_H_R2" value = 'Feedback 5' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 5</strong></button></td>
        <td><button name="Message_StageIV_H_R2" value = 'Feedback 6' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 6</strong></button></td>
    </tr>
    <tr>
        <th width="30%" height="30px"></th>
        <th width="30%" height="30px"></th>
        <th width="30%" height="30px"></th>
    </tr>
    <tr>
        <td><button name="Message_StageIV_H_R2" value = 'Feedback 7' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 7</strong></button></td>
        <td><button name="Message_StageIV_H_R2" value = 'Feedback 8' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 8</strong></button></td>
        <td><button name="Message_StageIV_H_R2" value = 'Feedback 9' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 9</strong></button></td>
    </tr>
    <tr>
        <th width="30%" height="30px"></th>
        <th width="30%" height="30px"></th>
        <th width="30%" height="30px"></th>
    </tr>
    <tr>
        <td><button name="Message_StageIV_H_R2" value = 'Feedback 10' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 10</strong></button></td>
        <td><button name="Message_StageIV_H_R2" value = 'Feedback 11' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 11</strong></button></td>
        <td><button name="Message_StageIV_H_R2" value = 'Feedback 12' style="border-radius: 10px;background-color: #FDF5E6; height:40px; width:200px"> <strong>Feedback 12</strong></button></td>
    </tr>
    </table>
</div>
{{ endif }}

{{ endblock }}