@extends('user.layouts.master')
@section('breadcrumb')
@include('user.components.breadcrumb',['breadcrumbs' => [
[
'name' => __("Dashboard"),
'url' => setRoute("user.dashboard"),
]
], 'active' => __("2FA Security")])
@endsection
@section('content')
<div class="body-wrapper">
<div class="tow-fa-security">
<div class="row mb-20-none">
<div class="col-xl-6 col-lg-6 mb-20">
<div class="two-authentic mt-10">
<div class="dashboard-header-wrapper">
<h4 class="title">{{ __("Two Factor Authenticator") }}</h4>
</div>
<div class="card-body">
<form class="card-form">
<div class="row">
<div class="col-xl-12 col-lg-12 form-group">
<label>{{ __("Address") }}<span>*</span></label>
<div class="input-group">
<input type="text" class="form--control" id="referralURL" value="{{ auth()->user()->two_factor_secret }}" readonly>
<div class="input-group-text textCopy"><i class="las la-copy"></i></div>
</div>
</div>
<div class="col-xl-12 col-lg-12 form-group">
<div class="qr-code-thumb text-center">
<img class="mx-auto" style="width:300px;height:300px" src="{{ $qr_code }}">
</div>
</div>
</div>
<div class="col-xl-12 col-lg-12">
@if (auth()->user()->two_factor_status)
<button type="button" class="btn--base bg--warning w-100 active-deactive-btn">{{ __("Disable") }}</button>
<br>
<div class="text--danger mt-3">{{ __("Don't forget to add this application in your google authentication app. Otherwise you can't login in your account.") }}</div>
@else
<button type="button" class="btn--base w-100 active-deactive-btn"><span class="w-100">{{ __("Enable") }}</span></button>
@endif
</div>
</form>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 mb-20">
<div class="two-authentic mt-10">
<div class="dashboard-header-wrapper">
<h4 class="title">{{ __("Google Authenticator") }}</h4>
</div>
<div class="card-body">
<h4 class="mb-3">{{ __("Download Google Authenticator App") }}</h4>
<p>{{ __("Google Authenticator adds an extra layer of security to your online accounts by adding a second step of verification when you sign in. This means that in addition to your password, you'll also need to enter a code that is generated by the Google Authenticator app on your phone.") }}<a
href="https://support.google.com/accounts/answer/1066447?hl=en&co=GENIE.Platform=Android"
class="text--base" target="_blank">{{ __("How to Setup?") }}</a> </p>
<div class="play-store-thumb text-center mb-20">
<img class="mx-auto" src="{{ asset('public/frontend') }}/images/element/google-authenticator.webp" alt="img">
</div>
<div class="2fa-btn pt-3">
<a href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2"
class="btn--base mt-10 w-100" target="_blank"><i class="fab fa-google-play ms-1"></i>
{{ __("Download For Android") }}</a>
<a href="https://apps.apple.com/us/app/google-authenticator/id388497605"
class="btn--base mt-10 w-100" target="_blank"><i class="fab fa-apple ms-1"></i> {{ __("Download For IOS") }}</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@push('script')
<script>
$(".active-deactive-btn").click(function(){
var actionRoute = "{{ setRoute('user.security.google.2fa.status.update') }}";
var target = 1;
var btnText = $(this).text();
var message = `{{ __("Are you sure to") }} <strong>${btnText}</strong> {{ __("2 factor authentication (Powered by google)?") }}`;
openAlertModal(actionRoute,target,message,btnText,"POST");
});
// copy text
$('.textCopy').on('click',function(){
var copyText = document.getElementById("referralURL");
copyText.select();
copyText.setSelectionRange(0, 99999);
document.execCommand("copy");
throwMessage('success',["Copied: " + copyText.value]);
});
</script>
@endpush