{# One question's input(s). Expects q (SurveyQuestion), errors (set of str id),
   values (submitted form for re-render). #}
{% set fid = 'q' ~ q.id %}
{% set val = values.get(fid) if values else '' %}
<div class="survey-q{{ ' survey-q--error' if (q.id|string) in errors else '' }}">
    <label class="survey-q__label" for="{{ fid }}">{{ q.prompt }}{% if q.required %} <span class="survey-q__req" aria-hidden="true">*</span>{% endif %}</label>
    {% if q.help %}<p class="survey-q__help">{{ q.help }}</p>{% endif %}

    {% if q.type == 'scale' %}
    {% set lo = q.options.get('min', 0) %}{% set hi = q.options.get('max', 5) %}
    <div class="survey-scale">
        {% if q.options.get('min_label') %}<span class="survey-scale__end">{{ q.options.min_label }}</span>{% endif %}
        <div class="survey-scale__opts">
            {% for n in range(lo, hi + 1) %}
            <label class="survey-scale__opt">
                <input type="radio" name="{{ fid }}" value="{{ n }}" {{ 'required' if q.required else '' }} {{ 'checked' if val == (n|string) else '' }}>
                <span>{{ n }}</span>
            </label>
            {% endfor %}
        </div>
        {% if q.options.get('max_label') %}<span class="survey-scale__end">{{ q.options.max_label }}</span>{% endif %}
    </div>

    {% elif q.type == 'yesno' %}
    <div class="survey-choices">
        <label class="survey-choice"><input type="radio" name="{{ fid }}" value="{{ _('Yes') }}" {{ 'required' if q.required else '' }} {{ 'checked' if val == _('Yes') else '' }}> {{ _('Yes') }}</label>
        <label class="survey-choice"><input type="radio" name="{{ fid }}" value="{{ _('No') }}" {{ 'checked' if val == _('No') else '' }}> {{ _('No') }}</label>
    </div>

    {% elif q.type in ('single', 'multiple') %}
    <div class="survey-choices survey-choices--stack">
        {% for c in q.options.get('choices', []) %}
        <label class="survey-choice">
            <input type="{{ 'radio' if q.type == 'single' else 'checkbox' }}" name="{{ fid }}" value="{{ c }}" {{ 'required' if (q.required and q.type == 'single') else '' }}>
            {{ c }}
        </label>
        {% endfor %}
    </div>

    {% elif q.type == 'textarea' %}
    <textarea class="survey-input" id="{{ fid }}" name="{{ fid }}" rows="4" {{ 'required' if q.required else '' }}>{{ val }}</textarea>

    {% else %}
    <input class="survey-input" id="{{ fid }}" name="{{ fid }}" type="{{ 'email' if q.type == 'email' else 'text' }}" value="{{ val }}" {{ 'required' if q.required else '' }}>
    {% endif %}
</div>