




<?php $__env->startSection('meta_title'); ?>
    <?php echo e('2FA Secure Your Account - AryanIct.com'); ?>

<?php $__env->stopSection(); ?>


<?php $__env->startSection('title'); ?>
    <span>Two-Factor Authentication - AryanIct.com</span>
<?php $__env->stopSection(); ?>


<?php $__env->startSection('description'); ?>
    <p>
       Please enter the code generated by your mobile application:
    </p>
<?php $__env->stopSection(); ?>



<?php $__env->startSection('content'); ?>
    <div class="row g-0 justify-content-center">
        <div class="col-sm-8 col-xl-5">
            <form class="js-validation-reminder" action="<?php echo e(route('registeration.google2fa.check.secretkey')); ?>" id="otp-screen" method="POST">
                <?php echo csrf_field(); ?>
                <div class="mb-4">
                    
                     <div class="form-floating mb-2">
                      <input type="text" class="form-control" id="example-text-input-floating" name="secret" placeholder="Code">
                      <label for="example-text-input-floating">Code</label>
                    </div>

                    <!--<div id="otp" class="inputs d-flex flex-row justify-content-center mt-2"> -->
                    <!--  <input class="m-2 text-center form-control rounded" name="s_1" placeholder="*" type="text" id="first" maxlength="1" /> -->
                    <!--  <input class="m-2 text-center form-control rounded" name="s_2" placeholder="*" type="text" id="second" maxlength="1" /> -->
                    <!--  <input class="m-2 text-center form-control rounded" name="s_3" placeholder="*" type="text" id="third" maxlength="1" /> -->
                    <!--  <input class="m-2 text-center form-control rounded" name="s_4" placeholder="*" type="text" id="fourth" maxlength="1" /> -->
                    <!--  <input class="m-2 text-center form-control rounded" name="s_5" placeholder="*" type="text" id="fifth" maxlength="1" /> -->
                    <!--  <input class="m-2 text-center form-control rounded" name="s_6" placeholder="*" type="text" id="sixth" maxlength="1" /> -->
                    <!--</div>-->



                <?php if(Session::has('success_message')): ?>
                    <div style="color:green;font-size: .875rem;margin-top: .375rem;width:100%">
                        <?php echo e(Session::get('success_message')); ?></div>
                <?php endif; ?>

                <?php $__errorArgs = ['secret'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?>
                <div style="color:#dc2626;font-size: .875rem;width:100%">
                    <?php echo e($message); ?></div>
                <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>


                </div>




                <div class="text-center">


                    <button type="submit" class="btn btn-lg btn-alt-primary">
                        Confirm
                    </button>

                </div>
            </form>
        </div>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('script'); ?>
    <script>
        document.addEventListener("DOMContentLoaded", function(event) {

            function OTPInput() {
                const editor = document.getElementById('first');
                editor.onpaste = pasteOTP;

                const inputs = document.querySelectorAll('#otp > *[id]');
                for (let i = 0; i < inputs.length; i++) {
                    inputs[i].addEventListener('input', function(event) {
                        if (!event.target.value || event.target.value == '') {
                            if (event.target.previousSibling.previousSibling) {
                                event.target.previousSibling.previousSibling.focus();
                            }

                        } else {
                            if (event.target.nextSibling.nextSibling) {
                                event.target.nextSibling.nextSibling.focus();
                            }
                        }
                    });
                }
            }
            OTPInput();
        });

        function pasteOTP(event) {
            event.preventDefault();
            let elm = event.target;
            let pasteVal = event.clipboardData.getData('text').split("");
            if (pasteVal.length > 0) {
                while (elm) {
                    elm.value = pasteVal.shift();
                    elm = elm.nextSibling.nextSibling;
                }
            }
        }
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('Dashboard.auth_master_page', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/leaparyanict/aict.leap.aryanict.com/resources/views/Dashboard/User/SecretKey.blade.php ENDPATH**/ ?>