<div tal:replace="nothing">
<!--

camcops_server/templates/deform/mfa_secret.pt

===============================================================================

    Copyright (C) 2012, University of Cambridge, Department of Psychiatry.
    Created by Rudolf Cardinal (rnc1001@cam.ac.uk).

    This file is part of CamCOPS.

    CamCOPS 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.

    CamCOPS 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 CamCOPS. If not, see <https://www.gnu.org/licenses/>.

===============================================================================
-->
</div>
<ol>
<li>${open_app}</li>
<li>${scan_qr_code}
<div class="qr_container">
<span tal:replace="structure qr_code">
</span>
</div>
</li>
<li>${enter_key}
<span tal:define="name name|field.name;
                  css_class css_class|field.widget.css_class;
                  oid oid|field.oid;
                  mask mask|field.widget.mask;
                  mask_placeholder mask_placeholder|field.widget.mask_placeholder;
                  style style|field.widget.style;
                  autofocus autofocus|field.autofocus"
      tal:omit-tag="">
    <input type="text" name="${name}" value="${cstruct}" readonly
           tal:attributes="class string: form-control ${css_class or ''};
                           style style;
                           autofocus autofocus;
                           attributes|field.widget.attributes|{};"
           id="${oid}"/>
    <script tal:condition="mask" type="text/javascript">
      deform.addCallback(
         '${oid}',
         function (oid) {
            $("#" + oid).mask("${mask}",
                 {placeholder:"${mask_placeholder}"});
         });
    </script>
</span>
</li>
<li>${enter_code}</li>
</ol>
