{{ block title }}
Questionnaire
{{ endblock }}
{{ block content }}
<style>
table {
    border:none;
    border-collapse: collapse;
}

table td {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

table {
  border-collapse: collapse;
  width: 100%;
}

tr {
  border-bottom: 1pt solid black;
}

tr:nth-child(even) {background-color: #CCC;}
</style>

    <p>
        The following statements refer to <strong>{{ if country == 'nl' }} the Netherlands{{ else }} Turkey{{ endif }}
        as a whole</strong>. Please indicate how much you agree with the following statements.
        Note that the statements sometimes refer to "social norms,” which are standards
        for behavior that are generally unwritten. </p>

<table class="table">
    <thead>
    <tr>
        <th></th>
        <th style='text-align:center; vertical-align:middle'>Strongly <br> disagree</th>
        <th style='text-align:center; vertical-align:middle'>Slightly <br> disagree</th>
        <th style='text-align:center; vertical-align:middle'>Neutral</th>
        <th style='text-align:center; vertical-align:middle'>Slightly <br> agree</th>
        <th style='text-align:center; vertical-align:middle'>Strongly <br> agree</th>
    </tr>
    </thead>
    {{ for field in form }}
    <tr>
        <td>{{ field.label }}</td>
        {{ for choice in field }}
        <td style='text-align:center; vertical-align:middle; font-size: 22px;'>{{ choice }}</td>
        {{ endfor }}
    </tr>
    {{ endfor }}
</table>

<div>
    <center><button type="submit" class="btn btn-primary btn-large"><strong>NEXT</strong></button></center>
</div>

{{ endblock }}