{% if context == 'angular' %}

<ul{{ this.getAttribs(context)|attribs }}>
    {% if this.placeholder %}
    <li>
        <label for="{{ this.fullyQualifiedId }}_placeholder">
            <input cf-form-element type="radio" ng-model="{{ this.fullyQualifiedAngularModel }}" name="{{ this.fullyQualifiedName }}" id="{{ this.fullyQualifiedId }}_placeholder" value="" />
            {{ this.placeholder|raw }}
        </label>
    </li>
    {% endif %}
{% for value, item in this.possibleValues %}
    <li>
        <label for="{{ this.fullyQualifiedId }}_{{ value }}">
            <input cf-form-element type="radio" ng-model="{{ this.fullyQualifiedAngularModel }}" name="{{ this.name }}" id="{{ this.fullyQualifiedId }}_{{ value }}" value="{{ value }}"{% if item.attribs %}{{ item.attribs|attribs }}{% endif %} />
            {% if item.label %}{{ item.label }}{% else %}{{ item }}{% endif %}
        </label>
    </li>
{% endfor %}
</ul>

{% else %}

<input type="hidden" name="{{ this.fullyQualifiedName }}" value="" />
{% if this.possibleValues %}
<ul{{ this.getAttribs(context)|attribs }}>
    {% if this.placeholder %}
    <li>
        <label for="{{ this.fullyQualifiedId }}_placeholder">
            <input type="radio" name="{{ this.fullyQualifiedName }}" id="{{ this.fullyQualifiedId }}_placeholder" value=""{% if this.value is sameas(null) %} checked="checked"{% endif %} />
            {{ this.placeholder|raw }}
        </label>
    </li>
    {% endif %}
{% for value, item in this.possibleValues %}
    <li>
        <label for="{{ this.fullyQualifiedId }}_{{ value }}">
            <input type="radio" name="{{ this.fullyQualifiedName }}" id="{{ this.fullyQualifiedId }}_{{ value }}" value="{{ value }}"{% if item.attribs %}{{ item.attribs|attribs }}{% endif %}{% if value == this.value and this.value is not sameas(null) %} checked="checked"{% endif %} />
            <span>{% if item.label %}{{ item.label }}{% else %}{{ item }}{% endif %}</span>
        </label>
    </li>
{% endfor %}
</ul>
{% endif %}

{% endif %}