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

{{ block content }}

<br/>
<p style="line-height:1.75"><strong> Round 1 | Transcription Task-Easy</strong></p>

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

<table width="100%">
    <tr>
        <th width="20%">Task #</th>
        <th width="80%">The Image to be transcribed</th>
    </tr>
    <tr>
        <td scope="row">1</td>
        <td scope="row"><img src="{{ static 'Transcription_E_StageIII_1.jpg' }}" width="150px"/></td>
    </tr>
    <tr>
        <td scope="row">2</td>
        <td scope="row"><img src="{{ static 'Transcription_E_StageIII_2.jpg' }}" width="150px"/></td>
    </tr>
    <tr>
        <td scope="row">3</td>
        <td scope="row"></td>
    </tr>
    <tr>
        <td scope="row">4</td>
        <td scope="row"></td>
    </tr>
    <tr>
        <td scope="row">5</td>
        <td scope="row"></td>
    </tr>
    <tr>
        <td scope="row">6</td>
        <td scope="row"></td>
    </tr>
    <tr>
        <td scope="row">7</td>
        <td scope="row"></td>
    </tr>
    <tr>
        <td scope="row">8</td>
        <td scope="row"></td>
    </tr>
    <tr>
        <td scope="row">9</td>
        <td scope="row"></td>
    </tr>
    <tr>
        <td scope="row">10</td>
        <td scope="row"></td>
    </tr>
        <tr>
        <td scope="row">11</td>
        <td scope="row"></td>
    </tr>
        <tr>
        <td scope="row">12</td>
        <td scope="row"></td>
    </tr>
        <tr>
        <td scope="row">13</td>
        <td scope="row"></td>
    </tr>
        <tr>
        <td scope="row">14</td>
        <td scope="row"></td>
    </tr>
        <tr>
        <td scope="row">15</td>
        <td scope="row"></td>
    </tr>
        <tr>
        <td scope="row">16</td>
        <td scope="row"></td>
    </tr>
        <tr>
        <td scope="row">17</td>
        <td scope="row"></td>
    </tr>
        <tr>
        <td scope="row">18</td>
        <td scope="row"></td>
    </tr>
        <tr>
        <td scope="row">19</td>
        <td scope="row"></td>
    </tr>
        <tr>
        <td scope="row">20</td>
        <td scope="row"></td>
    </tr>
</table>
    </div>
<br/>
<br/>

<p> Please rate the overall difficulty of the assignments in round 1 </p>

<div style="padding-left:45%">

{{ formfield player.Rating_StageIII_R1 label="" }}

</div>
    <br/>
    <br/>

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

{{ endblock }}