<div class="form-group row no-gutters {{#error}}has-danger{{/error}} fitem {{#advanced}}advanced{{/advanced}} {{{element.extraclasses}}}">
    <div class="col-sm-12 col-md-3">
        {{#text}}
            <label for="{{element.id}}">
                {{{label}}}
            </label>
        {{/text}}
    </div>
    <div class="col-sm-12 col-md-9 checkbox">
        <div class="form-check form-checkbox defaultsnext custom-controls-stacked">
            <label class="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="ios-switch-control-input form-check-input {{element.extraclasses}}"
                {{#element.value}}
                    value="{{element.value}}"
                {{/element.value}}
                {{^element.value}}
                    value="1"
                {{/element.value}}
                id="{{element.id}}" {{#element.checked}}checked{{/element.checked}}
                {{#error}}
                    autofocus aria-describedby="{{element.iderror}}"
                {{/error}}
                {{#element.frozen}}
                    disabled
                {{/element.frozen}}
                {{{element.attributes}}} >
                
                <span class="ios-switch-control-indicator"></span>
                <span class="text">
                {{#text}}
                    {{{.}}}
                {{/text}}
                {{^text}}
                    {{{label}}}
                {{/text}}
                </span>
            </label>
            <span class="text-nowrap">
                {{#advanced}}<abbr class="initialism text-info" title="{{#str}}advanced{{/str}}">!</abbr>{{/advanced}}
                {{{helpbutton}}}
            </span>
        </div>
        {{#error}}
        <div class="form-control-feedback invalid-feedback" id="{{element.iderror}}" {{#error}} style="display: block;"{{/error}}>
            {{{error}}}
        </div>
        {{/error}}
    </div>
</div>
{{^element.frozen}}
{{#js}}
require(['theme_alpha/form-display-errors'], function(module) {
    module.enhance({{#quote}}{{element.id}}{{/quote}});
});
{{/js}}
{{/element.frozen}}
