BookStack Code Mirror - bookstack/blob - 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