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

{{ block content }}

<br/>
<p style="line-height:1.75;margin-bottom:25px;"> <strong>Here's the performance report for: {{ group.employee_name }}</strong></p>

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

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

<table width="110%">
    <tr>
        <th width="10%">Round</th>
        <th width="10%">Assignment #</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.StageIII_hard_period1_count > 0 }}
   <tr>
        <td scope="row">1</td>
        <td scope="row">1</td>
        <td scope="row">{{ answer1 }}</td>
        <td scope="row">{{ C.StageIII_hard1 }}</td>
        <td scope="row">{{ group.letters_StageIII_hard1 }}</td>
        <td scope="row">{{ RT1 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIII_hard_period1_count > 1 }}
    <tr>
        <td scope="row">1</td>
        <td scope="row">2</td>
        <td scope="row">{{ answer2 }}</td>
        <td scope="row">{{ C.StageIII_hard2 }}</td>
        <td scope="row">{{ group.letters_StageIII_hard2 }}</td>
        <td scope="row">{{ RT2 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIII_hard_period1_count > 2 }}
    <tr>
        <td scope="row">1</td>
        <td scope="row">3</td>
        <td scope="row">{{ answer3 }}</td>
        <td scope="row">{{ C.StageIII_hard3 }}</td>
        <td scope="row">{{ group.letters_StageIII_hard3 }}</td>
        <td scope="row">{{ RT3 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIII_hard_period1_count > 3 }}
    <tr>
        <td scope="row">1</td>
        <td scope="row">4</td>
        <td scope="row">{{ answer4 }}</td>
        <td scope="row">{{ C.StageIII_hard4 }}</td>
        <td scope="row">{{ group.letters_StageIII_hard4 }}</td>
        <td scope="row">{{ RT4 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIII_hard_period1_count > 4 }}
    <tr>
        <td scope="row">1</td>
        <td scope="row">5</td>
        <td scope="row">{{ answer5 }}</td>
        <td scope="row">{{ C.StageIII_hard5 }}</td>
        <td scope="row">{{ group.letters_StageIII_hard5 }}</td>
        <td scope="row">{{ RT5 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIII_hard_period1_count > 5 }}
    <tr>
        <td scope="row">1</td>
        <td scope="row">6</td>
        <td scope="row">{{ answer6 }}</td>
        <td scope="row">{{ C.StageIII_hard6 }}</td>
        <td scope="row">{{ group.letters_StageIII_hard6 }}</td>
        <td scope="row">{{ RT6 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIII_hard_period1_count > 6 }}
    <tr>
        <td scope="row">1</td>
        <td scope="row">7</td>
        <td scope="row">{{ answer7 }}</td>
        <td scope="row">{{ C.StageIII_hard7 }}</td>
        <td scope="row">{{ group.letters_StageIII_hard7 }}</td>
        <td scope="row">{{ RT7 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIII_hard_period1_count > 7 }}
    <tr>
        <td scope="row">1</td>
        <td scope="row">8</td>
        <td scope="row">{{ answer8 }}</td>
        <td scope="row">{{ C.StageIII_hard8 }}</td>
        <td scope="row">{{ group.letters_StageIII_hard8 }}</td>
        <td scope="row">{{ RT8 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIII_hard_period1_count > 8 }}
    <tr>
        <td scope="row">1</td>
        <td scope="row">9</td>
        <td scope="row">{{ answer9 }}</td>
        <td scope="row">{{ C.StageIII_hard9 }}</td>
        <td scope="row">{{ group.letters_StageIII_hard9 }}</td>
        <td scope="row">{{ RT9 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIII_hard_period1_count > 9 }}
    <tr>
        <td scope="row">1</td>
        <td scope="row">10</td>
        <td scope="row">{{ answer10 }}</td>
        <td scope="row">{{ C.StageIII_hard10 }}</td>
        <td scope="row">{{ group.letters_StageIII_hard10 }}</td>
        <td scope="row">{{ RT10 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIII_hard_period1_count > 10 }}
    <tr>
        <td scope="row">1</td>
        <td scope="row">11</td>
        <td scope="row">{{ answer11 }}</td>
        <td scope="row">{{ C.StageIII_hard11 }}</td>
        <td scope="row">{{ group.letters_StageIII_hard11 }}</td>
        <td scope="row">{{ RT11 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIII_hard_period1_count > 11 }}
    <tr>
        <td scope="row">1</td>
        <td scope="row">12</td>
        <td scope="row">{{ answer12 }}</td>
        <td scope="row">{{ C.StageIII_hard12 }}</td>
        <td scope="row">{{ group.letters_StageIII_hard12 }}</td>
        <td scope="row">{{ RT12 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIII_hard_period1_count > 12 }}
    <tr>
        <td scope="row">1</td>
        <td scope="row">13</td>
        <td scope="row">{{ answer13 }}</td>
        <td scope="row">{{ C.StageIII_hard13 }}</td>
        <td scope="row">{{ group.letters_StageIII_hard13 }}</td>
        <td scope="row">{{ RT13 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIII_hard_period1_count > 13 }}
    <tr>
        <td scope="row">1</td>
        <td scope="row">14</td>
        <td scope="row">{{ answer14 }}</td>
        <td scope="row">{{ C.StageIII_hard14 }}</td>
        <td scope="row">{{ group.letters_StageIII_hard14 }}</td>
        <td scope="row">{{ RT14 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
    {{ if group.StageIII_hard_period1_count > 14 }}
    <tr>
        <td scope="row">1</td>
        <td scope="row">15</td>
        <td scope="row">{{ answer15 }}</td>
        <td scope="row">{{ C.StageIII_hard15 }}</td>
        <td scope="row">{{ group.letters_StageIII_hard15 }}</td>
        <td scope="row">{{ RT15 }} s</td>
    </tr>
    {{ else }}
    {{ endif }}
</table>
    </div>
<br/>

<p style="line-height:1.75;margin-bottom:10px;">Total number of correctly transcribed letters: {{ group.total_correct_StageIII_p1 }} </p>
<p style="line-height:1.75;margin-bottom:10px;">Total number of fully correct transcriptions: {{ group.total_perfect_StageIII_p1 }} </p>
<p style="line-height:1.75;margin-bottom:35px;">Experiment currency units earned by each group member in this round: {{ group.Total_payment_StageIII_R1 }} ECUs</p>

<br/>

<p style="line-height:1.75;margin-bottom:25px;"><strong>Please select the feedback you would like to send to {{ group.employee_name }} for round 1</strong></p>

<body onload="test()">
      <select id="Message_StageIII_H_R1_part1" name="Message_StageIII_H_R1_part1" style="font-size: 16px; border-radius: 5px; border: 1.75px solid #ccc; height:35px; width:600px" required value="">
        <option value="{{ Message1a }}">{{ Message1a }}</option>
        <option value="{{ Message1b }}">{{ Message1b }}</option>
          <option value="{{ Message1c }}">{{ Message1c }}</option>
      </select>
          <p></p>
      <select id="Message_StageIII_H_R1_part2" name="Message_StageIII_H_R1_part2" style="font-size: 16px; border-radius: 5px; border: 1.75px solid #ccc; height:35px; width:450px" required value="">
          {{ if Message2a != ' ' }}
          <option value="{{ Message2a }}">{{ Message2a }}</option>
          {{ else }}
          <option value="{{ Message2a }}">[---Send a blank message---]</option>
          {{ endif }}

          {{ if Message2b != ' ' }}
          <option value="{{ Message2b }}">{{ Message2b }}</option>
          {{ else }}
          <option value="{{ Message2b }}">[---Send a blank message---]</option>
          {{ endif }}

          {{ if Message2c != ' ' }}
          <option value="{{ Message2c }}">{{ Message2c }}</option>
          {{ else }}
          <option value="{{ Message2c }}">[---Send a blank message---]</option>
          {{ endif }}
      </select>

    <script>
    function test()
    {
        var x1 = document.getElementById("Message_StageIII_H_R1_part1");
        var x2 = document.getElementById("Message_StageIII_H_R1_part2");
        x1.selectedIndex = -1;
        x2.selectedIndex = -1;
    }
    </script>

    {{ formfield_errors 'Message_StageIII_H_R1_part1' }}
    {{ formfield_errors 'Message_StageIII_H_R1_part2' }}
</body>

<p style="line-height:1.75;margin-top:25px;">* Note that you need to select a message from each box</p>

<div align="center">
<br/>
    {{ next_button }} </div>


{{ endblock }}