{{!
@template theme_universe/core_form/element-radio-online

   Example context (json):
   {
    "element": {
        "id": "id_test_radio0",
        "name": "test_radio_button"
      }
   }

}}
<label class="form-check-inline form-check-label {{#error}}has-danger{{/error}} fitem {{#advanced}}advanced{{/advanced}} {{{element.extraclasses}}}">
{{^element.hardfrozen}}{{#element.frozen}}{{#element.checked}}
    <input type="hidden" name="{{element.name}}" value="{{element.value}}">
{{/element.checked}}{{/element.frozen}}{{/element.hardfrozen}}
<div class="custom-control custom-radio custom-control-inline">
    <input type="radio" class="form-check-input custom-control-input" {{^element.frozen}}name="{{element.name}}"{{/element.frozen}}
        id="{{element.id}}" value="{{element.value}}"
        {{#element.checked}}checked{{/element.checked}}
        {{#element.frozen}}disabled{{/element.frozen}}
        {{#error}}
            autofocus aria-describedby="{{element.iderror}}"
        {{/error}}
        {{{element.attributes}}} >
        <label class="custom-control-label ml-1" for="{{element.id}}">
            {{{label}}}
        </label>
</div>

</label>
{{#text}}
    <em>{{{.}}}</em>
{{/text}}
{{{helpbutton}}}
{{#error}}
<span class="form-control-feedback invalid-feedback" id="{{element.iderror}}" {{#error}} style="display: block;"{{/error}}>
    {{{error}}}
</span>
{{/error}}
{{^element.frozen}}
{{#js}}
require(['theme_universe/form-display-errors'], function(module) {
    module.enhance({{#quote}}{{element.id}}{{/quote}});
});
{{/js}}
{{/element.frozen}}
