<fieldset>

<legend class=" control-label valtype" for="{{ name }}" data-valtype="label">
  {% include elements/label.html %}
</legend>
<div class="field-container valtype" data-valtype="radios">
  {% for option in options %}
    <label class="radio">
      {% include elements/annotation.html  annotation=option.annotation %}
      <input type="radio" value="{{ option.label  }}" name="{{ name }}"
      {% if option.checked %} checked="checked"{% endif %}
      {% if option.shows %} data-shows="{{ option.shows }}"{% endif %}
      {% if option.hides %} data-hides="{{ option.hides }}"{% endif %}
      {% unless optional %} required="required"{% endunless %}
      {% if error %}
        data-error="{{ error }}"
      {% else %}
        data-error="You must select an option."
      {% endif %}>
      <span class="inline-label">{{ option.label | markdownify | remove: '<p>' | remove: '</p>' | improve }}</span>
    </label>
  {% endfor %}
  {% if other %}
    <label class="other-label radio">
      <input type="radio" value="Other" name="{{ name }}">
      <span class="inline-label">Other</span>
    </label>
    <div class="other-input">
      <label for="{{ name }}-other">Write more information here</label>
      <input type="text">
    </div>
  {% endif %}

  {% include elements/helptext.html %}
</div>

</fieldset>