{{ 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.vertrauen_1 }}
        <th> {{choice.label}} </th>
        {{ endfor }}
    </tr>
    </thead>
    <tr>
        <td> {{form.vertrauen_1.label}} </td>
         {{ for choice in form.vertrauen_1 }}
        <td> {{choice}} </td>
         {{ endfor }}
    </tr>
    <tr>
        <td> {{form.vertrauen_2.label}} </td>
         {{ for choice in form.vertrauen_2 }}
        <td> {{choice}} </td>
         {{ endfor }}
    </tr>
    <tr>
        <td> {{form.vertrauen_3.label}} </td>
         {{ for choice in form.vertrauen_3 }}
        <td> {{choice}} </td>
         {{ endfor }}
    </tr>
    <tr>
        <td> {{form.vertrauen_4.label}} </td>
         {{ for choice in form.vertrauen_4 }}
        <td> {{choice}} </td>
         {{ endfor }}
    </tr>
    <tr>
        <td> {{form.vertrauen_5.label}} </td>
         {{ for choice in form.vertrauen_5 }}
        <td> {{choice}} </td>
         {{ endfor }}
    </tr>
 </table>
<br>
<br>
<table>
    <tr>
        <td>{{form.marketing_trick.label}}</td>
         {{ for choice in form.marketing_trick }}
        <td> {{choice}} {{choice.label}} </td>
         {{ endfor }}
    </tr>
</table>
<br>
<br>

    {{ next_button }}

{{ endblock }}