We have exciting news for all snack lovers: our brand new webshop is live! At Noyez Snacks, we want to make it as easy as possible for you to order your favourite snacks wherever you are. If no account yet,, create your account !!!
<form>
<sheet>
<div class="o_auth_totp_enable_2FA container">
<div class="mb-3 w-100">
<h3 class="fw-bold">Authenticator App Setup</h3>
<ul>
<div class="d-md-none d-block">
<li>
<field class="text-wrap" name="url" widget="url" options="{'website_path': True}" text="Click on this link to open your authenticator app"/></li>
</div>
<li>
<div class="d-flex align-items-center flex-wrap">
<span class="d-md-none d-block">Or install an authenticator app</span>
<span class="d-none d-md-block">Install an authenticator app on your mobile device</span>
<div class="d-block d-md-none">
<a href="https://play.google.com/store/search?q=authenticator&c=apps" class="mx-2" target="blank">
<img alt="On Google Play" style="width: 24px;" src="/base_setup/static/src/img/logo_google_play.png"/>
</a>
<a href="http://appstore.com/2fa" class="mx-2" target="blank">
<img alt="On Apple Store" style="width: 24px;" src="/base_setup/static/src/img/logo_apple_store.png"/>
</a>
</div>
</div>
</li>
<span class="text-muted">Popular ones include Authy, Google Authenticator or the Microsoft Authenticator.</span>
<li>Look for an "Add an account" button</li>
<li>
<span class="d-none d-md-block">When requested to do so, scan the barcode below</span>
<span class="d-block d-md-none">When requested to do so, copy the key below</span>
</li>
</ul>
<!-- Desktop version -->
<div class="text-center d-none d-md-block">
<field name="qrcode" readonly="True" widget="image" options="{'no_reload': true }"/>
<h3 class="fw-bold"><a data-bs-toggle="collapse" href="#collapseTotpSecret" role="button" aria-expanded="false" aria-controls="collapseTotpSecret">Cannot scan it?</a></h3>
<div class="collapse" id="collapseTotpSecret">
<field name="secret" widget="CopyClipboardChar" readonly="1" class="mb-3 ps-3"/>
</div>
</div>
<!-- Mobile Version -->
<div class="text-center d-block d-md-none">
<field name="secret" widget="CopyClipboardChar" readonly="1" class="mb-3 ps-3"/>
</div>
<h3 class="fw-bold">Enter your six-digit code below</h3>
<div class="mt-2">
<label for="code" class="px-0">Verification Code</label>
<div class="d-flex align-items-center">
<field required="True" name="code" autocomplete="off" class="o_field_highlight px-0 me-2" placeholder="e.g. 123456"/>
</div>
</div>
</div>
</div>
</sheet>
<footer>
<button type="object" name="enable" class="btn btn-primary" string="Activate" data-hotkey="q"/>
<button string="Cancel" special="cancel" data-hotkey="z"/>
</footer>
</form>