102 lines
4.5 KiB
PHP
102 lines
4.5 KiB
PHP
<div>
|
|
<h1>Profile</h1>
|
|
<div class="subtitle ">Your user profile settings.</div>
|
|
<form wire:submit='submit' class="flex flex-col">
|
|
<div class="flex items-center gap-2">
|
|
<h2>General</h2>
|
|
<x-forms.button type="submit" label="Save">Save</x-forms.button>
|
|
</div>
|
|
<div class="flex flex-col gap-2 lg:flex-row">
|
|
<x-forms.input id="name" label="Name" required />
|
|
<x-forms.input id="email" label="Email" readonly />
|
|
</div>
|
|
</form>
|
|
<form wire:submit='resetPassword' class="flex flex-col max-w-xl pt-4">
|
|
<div class="flex items-center gap-2">
|
|
<h2>Change Password</h2>
|
|
<x-forms.button type="submit" label="Save">Save</x-forms.button>
|
|
</div>
|
|
<div class="flex flex-col gap-2">
|
|
<x-forms.input id="current_password" label="Current Password" required type="password" />
|
|
<x-forms.input id="new_password" label="New Password" required type="password" />
|
|
<x-forms.input id="new_password_confirmation" label="New Password Again" required type="password" />
|
|
</div>
|
|
</form>
|
|
<h2 class="py-4">Two-factor Authentication</h2>
|
|
@if (session('status') == 'two-factor-authentication-enabled')
|
|
<div class="mb-4 font-medium">
|
|
Please finish configuring two factor authentication below. Read the QR code or enter the secret key
|
|
manually.
|
|
</div>
|
|
<div class="flex flex-col gap-2">
|
|
<form action="/user/confirmed-two-factor-authentication" method="POST" class="flex items-end gap-2">
|
|
@csrf
|
|
<x-forms.input type="number" id="code" label="One-time code" required />
|
|
<x-forms.button type="submit">Validate 2FA</x-forms.button>
|
|
</form>
|
|
<div>
|
|
<div>{!! request()->user()->twoFactorQrCodeSvg() !!}</div>
|
|
<div x-data="{ showCode: false }" class="py-2">
|
|
<template x-if="showCode">
|
|
<div class="py-2 ">{!! decrypt(request()->user()->two_factor_secret) !!}</div>
|
|
</template>
|
|
<x-forms.button x-on:click="showCode = !showCode">Show secret key to manually
|
|
enter</x-forms.button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@elseif(session('status') == 'two-factor-authentication-confirmed')
|
|
<div class="mb-4 ">
|
|
Two factor authentication confirmed and enabled successfully.
|
|
</div>
|
|
<div>
|
|
<div class="pb-6 ">Here are the recovery codes for your account. Please store them in a secure
|
|
location.
|
|
</div>
|
|
<div class="text-white">
|
|
@foreach (request()->user()->recoveryCodes() as $code)
|
|
<div>{{ $code }}</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
@else
|
|
@if (request()->user()->two_factor_confirmed_at)
|
|
<div class="pb-4 "> Two factor authentication is <span class="text-helper">enabled</span>.</div>
|
|
<div class="flex gap-2">
|
|
<form action="/user/two-factor-authentication" method="POST">
|
|
@csrf
|
|
@method ('DELETE')
|
|
<x-forms.button type="submit">Disable</x-forms.button>
|
|
</form>
|
|
<form action="/user/two-factor-recovery-codes" method="POST">
|
|
@csrf
|
|
<x-forms.button type="submit">Regenerate Recovery Codes</x-forms.button>
|
|
</form>
|
|
</div>
|
|
@if (session('status') == 'recovery-codes-generated')
|
|
<div>
|
|
<div class="py-6 ">Here are the recovery codes for your account. Please store them in a
|
|
secure
|
|
location.
|
|
</div>
|
|
<div class="text-white">
|
|
@foreach (request()->user()->recoveryCodes() as $code)
|
|
<div>{{ $code }}</div>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
@endif
|
|
@else
|
|
<form action="/user/two-factor-authentication" method="POST">
|
|
@csrf
|
|
<x-forms.button type="submit">Configure 2FA</x-forms.button>
|
|
</form>
|
|
@endif
|
|
@endif
|
|
@if (session()->has('errors'))
|
|
<div class="text-error">
|
|
Something went wrong. Please try again.
|
|
</div>
|
|
@endif
|
|
</div>
|