{{!
    This file is part of Moodle - http://moodle.org/

    Moodle is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Moodle is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
}}
{{!
    @template core/toggle

    Template for toggle element

    Example context (json):
    {
        "id": "reality-toggle-3",
        "checked": true,
        "disabled": false,
        "dataattributes": [{
            "name": "action",
            "value": "toggle-reality"
        }],
        "title": "Title example",
        "label": "Enable/disable reality",
        "labelclasses": "sr-only"
    }
}}

<div class="custom-control custom-switch {{$extraclasses}}{{extraclasses}}{{/extraclasses}}">
    <input type="checkbox" class="custom-control-input" id="{{$id}}{{id}}{{/id}}"
        {{$attributes}}
            {{#dataattributes}}data-{{name}}="{{value}}" {{/dataattributes}}
            {{#checked}}checked{{/checked}}
            {{#disabled}}disabled{{/disabled}}
        {{/attributes}}>
    {{$labelmarkup}}
        <label class="custom-control-label" for="{{$id}}{{id}}{{/id}}" {{#title}}data-toggle="tooltip" data-placement="top" title="{{title}}"{{/title}}>
            <span class="{{$labelclasses}}{{labelclasses}}{{/labelclasses}}">{{$label}}{{label}}{{/label}}</span>
        </label>
    {{/labelmarkup}}
</div>