<p class="field-data field-series">
    {% for option in field.options() %}
        <input type="radio" name="{{ field.name }}" id="{{ option.id }}" tabindex="1"
               value="{{ option.value }}"
                {{ 'checked' if option.checked }} {{ 'disabled' if field.disabled }}
               class="form-control"
        >
        <label for="{{ option.id }}"> {{ option.label }} </label>
    {% endfor %}
    {% if field.subform_field and field.display_subform %}
        <div id="{{ field.subform_field.name }}">
            {% with adapter_form=field.subform_field.form %}
                {% include 'form_fields/form_field.html' %}
            {% endwith %}
        </div>
        <script type="text/javascript">
            $(document).ready(function () {
                $('input[name^="{{ field.name }}"]').change(function () {
                    refreshSubform(this, '{{ field.subform_field.form.get_subform_key() }}',
                        '{{ field.subform_field.name }}', '{{ field.session_key }}', '{{ field.label }}')
                });
                setEventsOnFormFields('{{ field.subform_field.form.get_subform_key() }}', '{{ field.subform_field.name }}');
            });
        </script>
    {% endif %}
</p>
