{% extends "survey/question" %}
{% block question %}
<!--{% ifequal question.extension.style "CL" %}<br><br>{% endifequal %}-->
{% ifnotequal question.extension.style "I" %}<br><br>{% endifnotequal %}
<div style="padding-left: 3em;">
    {% for choice in question.extension.get_choice_list %}
    <span style="white-space: nowrap; padding-right: 1em">
<input id="{{ question.base.qtype|slugify }}.{{ question.base.id }}.{{ choice.id }}"
       type="radio"
       class="vRadioField required"
       style="margin: 5px"
       value="{{ choice }}"
       name="{{ question.base.id }}"/>{{ choice|escape }}
       {% ifequal question.extension.style "RL" %}<br>{% endifequal %}
    </span>
    {% endfor %}
{% if question.extension.na %}
    <span style="white-space: nowrap; padding-right: 1em">
<input id="{{ question.base.qtype|slugify }}.{{ question.base.id }}.na"
       type="radio"
       class="vRadioField required"
       style="margin: 5px"
       value=""
       name="{{ question.base.id }}"/>N/A
       {% ifequal question.extension.style "RL" %}<br>{% endifequal %}
    </span>
{% endif %}
{% if question.extension.other %}
    <span style="white-space: nowrap;">
<input id="{{ question.base.qtype|slugify }}.{{ question.base.id }}.other"
       type="radio"
       class="vRadioField required"
       style="margin: 5px"
       value=""
       name="{{ question.base.id }}"/>Other:
       <input id="{{ question.base.qtype|slugify }}.{{ question.base.id }}.other.data"
                           type="text"
                           class="vTextField required"
                           name="{{ question.base.id }}"
                           size="30"
                           value=""
                           maxlength="50" />
    </span>
{% endif %}
</div>
{% endblock %}