<label class="form-check {{#error}}has-danger{{/error}} fitem {{#advanced}}advanced{{/advanced}} {{{element.extraclasses}}}">
    <label class="d-inline-flex custom-control ios-switch">
    {{^element.hardfrozen}}
        {{#element.frozen}}
            <input type="hidden" name="{{element.name}}" value="{{element.frozenvalue}}">
        {{/element.frozen}}
    {{/element.hardfrozen}}
    <input type="checkbox" name="{{element.name}}" class="form-check-input ios-switch-control-input {{element.extraclasses}}"
        id="{{element.id}}"
        {{#element.value}}
            value="{{element.value}}"
        {{/element.value}}
        {{^element.value}}
            value="1"
        {{/element.value}}
        {{#element.checked}}checked{{/element.checked}}
        size="{{element.size}}"
        {{#error}}
            autofocus aria-describedby="{{element.iderror}}"
        {{/error}}
        {{#element.frozen}}
            disabled
        {{/element.frozen}}
        {{{element.attributes}}} >

        <span class="ios-switch-control-indicator"></span>  
        <span>{{{label}}}</span>
    </label>
</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_space/form-display-errors'], function(module) {
    module.enhance({{#quote}}{{element.id}}{{/quote}});
});
{{/js}}
{{/element.frozen}}
