<div data-fieldtype="checkbox" class="d-inline-flex form-check {{#error}}has-danger{{/error}} fitem {{#advanced}}advanced{{/advanced}} {{{element.extraclasses}}}">
    {{^element.hardfrozen}}
    {{#element.frozen}}
        <input type="hidden" name="{{element.name}}" value="{{element.frozenvalue}}">
    {{/element.frozen}}
    {{/element.hardfrozen}}
    <div class="custom-control custom-switch mx-0">
        <input type="checkbox"
            class="custom-control-input {{element.extraclasses}}"
            name="{{element.name}}"
            {{#element.selectedvalue}}
            value="{{element.selectedvalue}}"
            {{/element.selectedvalue}}
            id="{{element.id}}" {{#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>
</div>
{{#text}}
    <span class="small mt-2 mb-3 w-100">{{{.}}}</span>
{{/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}}
