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

{{ block content }}
<style>
    .table.top th,
    .table.top td {
        width: 33%; /* Set equal width for each column */
    }


    .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;


    }


    .table.striped th:nth-child(2),
    .table.striped td:nth-child(2),
    .table.striped th:nth-child(3),
    .table.striped td:nth-child(3),
    .table.striped th:nth-child(4),
    .table.striped td:nth-child(4) {
        width: 33%; /* Set equal width for each column */
    }
</style>

<p>We will now practice assigning modules </p>
<p>Practice assigning:</p>
<ul style="list-style-type: disc;margin-left:26px;">
       <li><span>the team member on your right to the Analogical module</span></li>
       <li><span>the Spatial module to yourself</span></li>
       <li><span>the team member on your left to the Numerical module </span></li>


    </ul>

    <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 }}