]> BookStack Code Mirror - bookstack/blob - resources/views/mfa/totp-generate.blade.php
2ed2677d1b48508c380e3fb35c806507276e8d4d
[bookstack] / resources / views / mfa / totp-generate.blade.php
1 @extends('simple-layout')
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">Mobile App Setup</h1>
8             <p>
9                 To use multi-factor authentication you'll need a mobile application
10                 that supports TOTP such as Google Authenticator, Authy or Microsoft Authenticator.
11             </p>
12             <p>
13                 Scan the QR code below using your preferred authentication app to get started.
14             </p>
15
16             <div class="text-center">
17                 <div class="block inline">
18                     {!! $svg !!}
19                 </div>
20             </div>
21
22             <h2 class="list-heading">Verify Setup</h2>
23             <p id="totp-verify-input-details" class="mb-s">
24                 Verify that all is working by entering a code, generated within your
25                 authentication app, in the input box below:
26             </p>
27             <form action="{{ url('/mfa/totp/confirm') }}" method="POST">
28                 {{ csrf_field() }}
29                 <input type="text"
30                        name="code"
31                        aria-labelledby="totp-verify-input-details"
32                        placeholder="Provide your app generated code here"
33                        class="input-fill-width {{ $errors->has('code') ? 'neg' : '' }}">
34                 @if($errors->has('code'))
35                     <div class="text-neg text-small px-xs">{{ $errors->first('code') }}</div>
36                 @endif
37                 <div class="mt-s text-right">
38                     <a href="{{ url('/mfa/setup') }}" class="button outline">{{ trans('common.cancel') }}</a>
39                     <button class="button">Confirm and Enable</button>
40                 </div>
41             </form>
42         </div>
43     </div>
44
45 @stop