Default page

Your IP: 216.73.216.152
Server IP: 13.200.189.69
Server: Linux ip-172-31-46-210 5.15.0-1084-aws #91~20.04.1-Ubuntu SMP Fri May 2 06:59:36 UTC 2025 x86_64
Server Software: Apache/2.4.41 (Ubuntu)
PHP Version: 7.4.3-4ubuntu2.29
Buat File | Buat Folder

Dir : ~/home/ubuntu/storage/framework/views/

Edit File: d0166e99201fe58657b7313be90cc1d5b053a895.php

<!DOCTYPE html>
<html>

<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>OTP Validation</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.2/css/bootstrap.min.css">
    <script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
    <style>
        #email-card .card {
            width: 100%;
            border: none !important;
            z-index: 1;
            display: flex;
            justify-content: center;
            align-items: center
        }

#email-card .card h6 {
            color: red;
            font-size: 20px
        }

#email-card .inputs input {
            width: 40px;
            border: 0;
            border-bottom: 2px solid #9f9f9f;
            height: 40px;
            border-radius: 0 !important;
        }

#email-card .inputs input:focus {
            border: 0;
            border-bottom: 2px solid red;
        }

#email-card input[type=number]::-webkit-inner-spin-button,
        #email-card input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            margin: 0
        }

#email-card .card-2 {
            background-color: #fff;
            padding: 10px;
            height: 100px;
            bottom: -50px;
            left: 20px;
            position: absolute;
            border-radius: 5px
        }

#email-card .card-2 .content {
            margin-top: 50px
        }

#email-card .card-2 .content a {
            color: red
        }

#email-card .form-control:focus {
            box-shadow: none;
            border: 2px solid red
        }

#email-card .validate {
            border-radius: 10px;
            background-color: red;
            border: 1px solid red;
            padding: 12px 20px;
            font-size: 20px;
        }

#email-card .validate:hover {
            background-color: #000000;
            border: 1px solid #000000;
        }

#email-card .bottom-text {
            margin-top: 30px;
        }

@media (max-width:300px) {
            #email-card .inputs input {
                width: 20px;
                height: 30px
            }
        }
    </style>
</head>

<body>
    <div class="container d-flex justify-content-center align-items-center" id="email-card">
        <div class="position-relative">
            <div class="card p-2 text-center">
                <h2>Please enter the One-Time password to verify your account</h2>
                <div> <span>A One-Time password has been sent to Your Email </span></div>
                <input type="hidden" class="customer" value="<?php echo e($customer); ?>">
                <div id="otp" class="inputs d-flex flex-row justify-content-center mt-2"> <input class="m-2 text-center form-control rounded" type="text" id="first" maxlength="1" /> <input class="m-2 text-center form-control rounded" type="text" id="second" maxlength="1" /> <input class="m-2 text-center form-control rounded"
                        type="text" id="third" maxlength="1" /> <input class="m-2 text-center form-control rounded" type="text" id="fourth" maxlength="1" /> <input class="m-2 text-center form-control rounded" type="text" id="fifth" maxlength="1" /> <input
                        class="m-2 text-center form-control rounded" type="text" id="sixth" maxlength="1" /> </div>
                <div class="mt-4"> <button class="btn btn-danger px-5 validate">Validate</button> </div>
                
            </div>
        </div>
    </div>
    <script>
        document.addEventListener("DOMContentLoaded", function(event) {

$('body').on('click', '.validate', function(e) {

var otp_val = '';
            var customer = $('.customer').val();
        $('.rounded').each(function() {
            var thisvalue = $(this).val();
            otp_val = otp_val + thisvalue;
        });

if (otp_val != '') {
           // $('.validate').attr('disabled', 'disabled');
            $.ajax({
                type: 'post',
                url: '<?php echo e(url("/register_otp_verify")); ?>',
                data: {
                    '_token': '<?php echo e(csrf_token()); ?>',
                    'otp': otp_val,
                    'customer': customer,
                },
                async: false,
                success: function(data) {
                    $('.validate').removeAttr('disabled');
                    if (data.statusCode == 301) {
                    alert(data.message);
                    $('.rounded').val('');
                    }
                    if (data.statusCode == 201) {
                        alert(data.message)
                        setTimeout(function() {
                            window.location.href = '/';
                        }, 1000);
                    }
                }
            });
        } else {
            error='Please enter a valid otp';
            alert('Please enter the OTP');
        }
        });
    </script>
</body>

</html><?php /**PATH /var/www/omnimart_live/core/resources/views/emails/verify.blade.php ENDPATH**/ ?>