{{!
    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_form/element-passwordunmask

    Moodle passwordunmask form element template.

    The purpose of this template is to render a passwordunmask form element.

    Classes required for JS:
    * none

    Data attributes required for JS:
    * none

    Context variables required for this template:
    * element
        * id
        * name
        * value
        * size

    Example context (json):
    {
        "element": {
            "id": "example_password_unmask",
            "name": "example",
            "value": "Password1!",
            "size": 40
        }
    }

}}
{{< core_form/element-template }}
    {{$ element }}
        <div class="totara_passwordunmask">
            <div class="wrap"><input type="text" id="{{element.id}}" {{#element.frozen}}readonly data-{{/element.frozen}}name="{{element.name}}" value="{{element.value}}" autocomplete="off" spellcheck="false" autocapitalize="none" autocorrect="off" {{#element.required}}required{{/element.required}} class="passwordinput" /></div>
            <div class="unmask-password-option"><input id="{{element.id}}unmask" type="checkbox"><label for="{{element.id}}unmask">{{#str}}unmaskpassword,form{{/str}}</label></div>
        </div>
    {{/ element }}
{{/ core_form/element-template }}
{{# js }}
require(['core_form/passwordunmask'], function(PasswordUnmask) {
    new PasswordUnmask("{{ element.id }}");
});
{{/ js }}
