1 @extends('simple-layout')
4 <div class="container small py-xl">
6 <div class="card content-wrap auto-height">
7 <h1 class="list-heading">Setup Multi-Factor Authentication</h1>
9 Setup multi-factor authentication as an extra layer of security
10 for your user account.
13 <div class="setting-list">
14 <div class="grid half gap-xl">
16 <div class="setting-list-label">Mobile App</div>
18 To use multi-factor authentication you'll need a mobile application
19 that supports TOTP such as Google Authenticator, Authy or Microsoft Authenticator.
23 @if($userMethods->has('totp'))
24 <div class="text-pos">
28 <a href="{{ url('/mfa/totp/generate') }}" class="button outline small">Reconfigure</a>
29 <div component="dropdown" class="inline relative">
30 <button type="button" refs="dropdown@toggle" class="button outline small">Remove</button>
31 <div refs="dropdown@menu" class="dropdown-menu">
32 <p class="text-neg small px-m mb-xs">Are you sure you want to remove this multi-factor authentication method?</p>
33 <form action="{{ url('/mfa/remove/totp') }}" method="post">
35 {{ method_field('delete') }}
36 <button class="text-primary small delete">{{ trans('common.confirm') }}</button>
41 <a href="{{ url('/mfa/totp/generate') }}" class="button outline">Setup</a>
46 <div class="grid half gap-xl">
48 <div class="setting-list-label">Backup Codes</div>
50 Securely store a set of one-time-use backup codes
51 which you can enter to verify your identity.
55 @if($userMethods->has('backup_codes'))
56 <div class="text-pos">
60 <a href="{{ url('/mfa/backup_codes/generate') }}" class="button outline small">Reconfigure</a>
61 <div component="dropdown" class="inline relative">
62 <button type="button" refs="dropdown@toggle" class="button outline small">Remove</button>
63 <div refs="dropdown@menu" class="dropdown-menu">
64 <p class="text-neg small px-m mb-xs">Are you sure you want to remove this multi-factor authentication method?</p>
65 <form action="{{ url('/mfa/remove/backup_codes') }}" method="post">
67 {{ method_field('delete') }}
68 <button class="text-primary small delete">{{ trans('common.confirm') }}</button>
73 <a href="{{ url('/mfa/backup_codes/generate') }}" class="button outline">Setup</a>