{# Single-select drop-down list.

   Args:
       items (list): Selectable values, in display order. Each entry is a
           string. The participant's selection is stored verbatim.
       width (int, optional): Pixel width of the select element. Defaults to
           the project's DEFAULT_FIELD_WIDTH config value.

   Example:
       {
           "questiontype": "drop_down",
           "id": "new_drop_down",
           "instructions": "",
           "items": ["Option A", "Option B", "Option C"]
       }
#}
<select class="bofs-form-control"
        name="{{ question.id }}"
        id="{{ question.id }}"
        style="width: {{ question.width if question.width else config['DEFAULT_FIELD_WIDTH'] }}px; height: 36px;"
        {{ "required" if question.required }}>
    <option value="" disabled {% if question.value not in question["items"] %}selected{% endif %}>Select an option</option>
    {% for item in question["items"] %}
    <option {% if question.value == item %}selected{% endif %}>{{ item }}</option>
    {% endfor %}
</select>