{{ extends "global/Page.html" }}

{{ block title }}
Survey
{{ endblock }}

{{ block content }}
<div class="multiple-choice-form-container">
    {{ include 'MultipleChoiceField.html' with field=multiple_choice_questions.0 }}
    {{ formfield 'questions_clear_text' }}
    {{ if had_comm_partner }}
    <hr>
    {{ include 'MultipleChoiceField.html' with field=multiple_choice_questions.1 }}
    {{ formfield 'conversation_smooth_text' }}
    {{ endif }}
</div>

{{ next_button }}

{{ endblock }}

{{ block scripts }}
<script src="{{ static  'MultipleChoiceForm.js' }}"></script>
{{ endblock }}

{{ block styles }}
<style>
    .multiple-choice-form-container input {
        margin-right: 8px;
    }

    .multiple-choice-form-container label {
        margin: 3px;
    }

    .col-form-label {
        display: none;
    }
</style>
{{ endblock }}