]> BookStack Code Mirror - bookstack/blob - resources/views/mfa/totp-generate.blade.php
Added more complexity in an attempt to make ldap host failover fit
[bookstack] / resources / views / mfa / totp-generate.blade.php
1 @extends('layouts.simple')
2
3 @section('body')
4
5     <div class="container very-small py-xl">
6         <div class="card content-wrap auto-height">
7             <h1 class="list-heading">{{ trans('auth.mfa_gen_totp_title') }}</h1>
8             <p>{{ trans('auth.mfa_gen_totp_desc') }}</p>
9             <p>{{ trans('auth.mfa_gen_totp_scan') }}</p>
10
11             <div class="text-center">
12                 <div class="block inline">
13                     {!! $svg !!}
14                 </div>
15                 <div class="code-base small text-muted px-s py-xs my-xs" style="overflow-x: scroll; white-space: nowrap;">
16                     {{ $url }}
17                 </div>
18             </div>
19
20             <h2 class="list-heading">{{ trans('auth.mfa_gen_totp_verify_setup') }}</h2>
21             <p id="totp-verify-input-details" class="mb-s">{{ trans('auth.mfa_gen_totp_verify_setup_desc') }}</p>
22             <form action="{{ url('/mfa/totp/confirm') }}" method="POST">
23                 {{ csrf_field() }}
24                 <input type="text"
25                        name="code"
26                        aria-labelledby="totp-verify-input-details"
27                        placeholder="{{ trans('auth.mfa_gen_totp_provide_code_here') }}"
28                        class="input-fill-width {{ $errors->has('code') ? 'neg' : '' }}">
29                 @if($errors->has('code'))
30                     <div class="text-neg text-small px-xs">{{ $errors->first('code') }}</div>
31                 @endif
32                 <div class="mt-s text-right">
33                     <a href="{{ url('/mfa/setup') }}" class="button outline">{{ trans('common.cancel') }}</a>
34                     <button class="button">{{ trans('auth.mfa_gen_confirm_and_enable') }}</button>
35                 </div>
36             </form>
37         </div>
38     </div>
39
40 @stop