Developer
<?php $__env->startSection('content'); ?>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Start Account
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<section class="verification-otp ptb-80">
<div class="container">
<div class="row justify-content-center">
<div class=" col-xl-6 col-lg-8 col-md-10 col-sm-12">
<div class="verification-otp-area">
<div class="account-wrapper otp-verification">
<div class="account-logo text-center">
<a href="<?php echo e(setRoute('frontend.index')); ?>" class="site-logo">
<img src="<?php echo e(get_logo()); ?>" alt="logo">
</a>
</div>
<div class="verification-otp-content pt-3">
<h4 class="title text-center"><?php echo e(__("Two Factor Authorization")); ?></h4>
<p class="d-block text-center"><?php echo e(__("Please enter your authorization code to access dashboard.")); ?></p>
</div>
<form method="POST" class="account-form" action="<?php echo e(setRoute('user.authorize.google.2fa.submit')); ?>">
<?php echo csrf_field(); ?>
<div class="row ml-b-20">
<div class="col-lg-12 form-group text-center">
<input class="otp" type="text" name="code[]" oninput="digitValidate(this)" onkeyup="tabChange(1)" maxlength="1" required="">
<input class="otp" type="text" name="code[]" oninput="digitValidate(this)" onkeyup="tabChange(2)" maxlength="2" required="">
<input class="otp" type="text" name="code[]" oninput="digitValidate(this)" onkeyup="tabChange(3)" maxlength="1" required="">
<input class="otp" type="text" name="code[]" oninput="digitValidate(this)" onkeyup="tabChange(4)" maxlength="1" required="">
<input class="otp" type="text" name="code[]" oninput="digitValidate(this)" onkeyup="tabChange(5)" maxlength="1" required="">
<input class="otp" type="text" name="code[]" oninput="digitValidate(this)" onkeyup="tabChange(6)" maxlength="1" required="">
</div>
<div class="col-lg-12 form-group text-center">
<button type="submit" class="btn--base w-100 btn-loading"><?php echo e(__("Verify 2FA")); ?></button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
End Account
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<?php $__env->stopSection(); ?>
<?php $__env->startPush('script'); ?>
<script>
let digitValidate = function (ele) {
ele.value = ele.value.replace(/[^0-9]/g, '');
}
let tabChange = function (val) {
let ele = document.querySelectorAll('.otp');
if (ele[val - 1].value != '') {
ele[val].focus()
} else if (ele[val - 1].value == '') {
ele[val - 2].focus()
}
}
</script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('frontend.layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/kueuepay/public_html/resources/views/user/auth/authorize/verify-google-2fa.blade.php ENDPATH**/ ?>
Developer
To ensure a smooth integration process and optimal performance, follow these best practices: