{{ block title }}
    Assign page
{{ endblock }}

{{ block content }}
<style>

    .table.table-striped th:nth-child(4) {

        padding-right: 180px;

    }

    .table.table-striped th:nth-child(2) {
        padding-right: 70px;


    }

       .table.table-striped th:nth-child(3) {
        padding-right: 70px;


    }

</style>
<table class="table">
      <caption style="caption-side:top"><strong>Current Assignments</strong></caption>
    <tr>
        <th></th>

    </tr>

    {{ for p in players }}
    <tr>
        <td>{{ p.role }}</td>
         <td>{{ p.participant.task }}</td>


    </tr>
    {{ endfor }}
     </table>

 <table class="table">
     <caption style="caption-side:top"><strong>Individual Scores</strong></caption>
        <tr>
            <th>Score per minute per module</th>
            <th>Numerical</th>
            <th>Analogical</th>
            <th>Spatial</th>
             <th>Comp ID</th>

        </tr>
        {{ for p in players }}
        <tr>
            <td>{{ p.role }}</td>
            <td>{{ p.participant.pre_score1 }}</td>
            <td>{{ p.participant.pre_score2 }}</td>
            <td>{{ p.participant.pre_score3 }}</td>
             <td>{{ p.participant.CID2 }}</td>
        </tr>
        {{ endfor }}
 </table>


 <table class="table table-striped">
    <tr>
        <th></th>
        <th>Numerical</th>
        <th>Analogical</th>
        <th>Spatial</th>
    </tr>
    {{ for field in form }}
    <tr>
        <th>{{ field.label }}</th>
        {{ for option in field }}
        <td>{{ option }}</td>
        {{ endfor }}
    </tr>
    {{ endfor }}
</table>

    {{ next_button }}
{{ endblock }}