<label class="form-check-inline {{#error}}has-danger{{/error}} fitem {{#advanced}}advanced{{/advanced}} {{{element.extraclasses}}}">
    <div class="form-check d-flex custom-control custom-switch">
    {{^element.hardfrozen}}
        {{^element.frozen}}
            <input type="hidden" name="{{element.name}}" value="{{element.deselectedvalue}}">
        {{/element.frozen}}
        {{#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 custom-control-input {{element.extraclasses}}"
        id="{{element.id}}"
        {{#element.selectedvalue}}
            value="{{element.selectedvalue}}"
        {{/element.selectedvalue}}
        {{#element.checked}}checked{{/element.checked}}
        {{#error}}
            autofocus aria-describedby="{{element.iderror}}"
        {{/error}}
        {{#element.frozen}}
            disabled
        {{/element.frozen}}
        {{{element.attributes}}} >
         <label class="custom-control-label" for="{{element.id}}"></label>
        {{{label}}}
    </div>
</label>
{{#text}}
    <em>{{{.}}}</em>
{{/text}}
{{{helpbutton}}}
<div class="form-control-feedback invalid-feedback" id="{{element.iderror}}" {{#error}} style="display: block;"{{/error}}>
    {{{error}}}
</div>
{{^element.frozen}}
{{#js}}
require(['theme_universe/form-display-errors'], function(module) {
    module.enhance({{#quote}}{{element.id}}{{/quote}});
});
{{/js}}
{{/element.frozen}}
