{% extends "survey/question" %}
{% block question %}
<br><br>{% if mobile %}<br>{% endif %}
<ol style="list-style-type:
        {% ifequal question.extension.style "A" %}upper-alpha{% else %}
        {% ifequal question.extension.style "D" %}decimal{% else %}
        none{% endifequal %}{% endifequal %}">
    {% for index in "123"|make_list %}
    <li style="padding: 0px 0px; margin: 0px 0px;">
{% if question.extension.remote %}
    <select size="1"
            id="{{ question.base.qtype|slugify }}.{{ question.base.id }}"
            name="{{ question.base.id }}">
        <option value=""></option>
    {% for choice in question.extension.get_remote_choice_list %}
        <option value="{{ choice }}">{{ choice|escape }}</option>
    {% endfor %}
    </select>
{% else %}
        <input id="{{ question.base.qtype|slugify }}.{{ question.base.id }}.{{index}}"
                           type="text"
                           class="vTextField required"
                           name="{{ question.base.id }}.{{ index }}"
                           {% if mobile %}size="50"{% else %}size="80"{% endif %}
                           value=""
                           maxlength="80" />
{% endif %}
    </li>
    {% endfor %}
</ol>
{% endblock %}