{{ block styles }}
    <style>
        .table-likert  > :not(caption) > * {
            border-width: 0;
        }
        .table-likert th:first-child, .table-likert th:last-child,
        .table-likert td:first-child, .table-likert td:last-child {
            border-width: 0;
        }
        .table-likert th:first-child {
            white-space: nowrap;
        }
        .table-likert > tbody > tr:hover {
            --bs-table-accent-bg: rgba(11, 219, 216, 0.075);
            color: var(--bs-table-hover-color);
        }

    </style>
{{ endblock }}

{{ block title }}
    Questionnaire (Page 4 of 4)
{{ endblock }}

{{ block content }}

    <p>I feel that Summit Corporation is...</p>

    <table class="table table-bordered table-striped table-hover table-likert mb-4">
        <thead>
            <tr>
                <th></th>
                {{ for label in Constants.likert_labels }}
                    <th class="text-center">{{ label }}</th>
                {{ endfor }}
            </tr>
        </thead>
        {{ for field in form }}
            <tr>
                <th>{{ field.label }}</th>
                {{ for choice in field }}
                    <td class="text-center">{{ choice }}</td>
                {{ endfor }}
            </tr>
        {{ endfor }}
    </table>

    <p>Thank you for your responses!</p>

    {{ next_button }}

{{ endblock }}