{{ block title }}
{{ endblock }}

{{ block content }}
<style xmlns="http://www.w3.org/1999/html">
    table {
        width: 100%;
        border: 1px solid black;
        border-inline-color: black;
        padding: 10%;
        margin-bottom: 5px;
    }
    td, th {
        width: auto;
        border: 1px solid black;
        padding: 10px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;

    }
</style>

<table>
    <thead>
    <tr>
        <th> Aussage </th>
        {{ for choice in form.nachhaltiger_impact_1 }}
        <th> {{choice.label}} </th>
        {{ endfor }}
    </tr>
    </thead>
    <tr>
        <td> {{form.nachhaltiger_impact_1.label}} </td>
         {{ for choice in form.nachhaltiger_impact_1 }}
        <td> {{choice}} </td>
         {{ endfor }}
    </tr>
    <tr>
        <td> {{form.nachhaltiger_impact_2.label}} </td>
         {{ for choice in form.nachhaltiger_impact_2 }}
        <td> {{choice}} </td>
         {{ endfor }}
    </tr>
    <tr>
        <td> {{form.nachhaltiger_impact_3.label}} </td>
         {{ for choice in form.nachhaltiger_impact_3 }}
        <td> {{choice}} </td>
         {{ endfor }}
    </tr>
    <tr>
        <td> {{form.nachhaltiger_impact_4.label}} </td>
         {{ for choice in form.nachhaltiger_impact_4 }}
        <td> {{choice}} </td>
         {{ endfor }}
    </tr>
 </table>

<br>
<br>

    {{ next_button }}

{{ endblock }}