{"id":533,"date":"2026-06-29T01:24:33","date_gmt":"2026-06-29T01:24:33","guid":{"rendered":"http:\/\/uni-trend.local\/?page_id=533"},"modified":"2026-09-01T07:09:42","modified_gmt":"2026-09-01T07:09:42","slug":"login","status":"publish","type":"page","link":"https:\/\/uni-trend.visibleone.dev\/kr-kr\/login\/","title":{"rendered":"Login"},"content":{"rendered":"<div block-name=\"login\" x-data=\"loginComponent()\" x-cloak @ut:open-login.window=\"openLogin($event)\">\n    <div class=\"fixed left-0 top-0 w-full h-full bg-black bg-opacity-75 z-[21] login-register\" x-show=\"showRegister\"\n        x-transition>\n        <div class=\"absolute w-full left-1\/2 top-1\/2 -translate-x-1\/2 -translate-y-1\/2\">\n            <div\n                class=\"relative md:max-w-[560px] max-w-[90%] mx-auto bg-white rounded-[40px] shadow-dcard \">\n                <button type=\"button\" class=\"absolute z-[2] sm:top-5 top-3 sm:right-5 right-2 group close-btn\" @click=\"\n        showRegister = false;\n        showCode = false;\n        showSuccessPopup = false;\n    \" >\n                    <img decoding=\"async\" type=\"button\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/close-black.svg\" alt=\"close\">\n                <\/button>\n                <div class=\"p-10 xl:p-[60px] pr-5 xl:pr-10\" x-show=\"!showForgotPassword\">\n                    <div class=\"pr-5 max-h-[80vh] overflow-y-auto\">\n                        <div class=\"logo-section mb-8\">\n                            <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/logo-uni.svg\" alt=\"logo icon\"\n                                class=\"mx-auto\">\n                        <\/div>\n\n                        <div class=\"card\">\n\n                            <!-- Tabs -->\n                            <div class=\"tabs\">\n                                <div class=\"tab\" :class=\"{ 'active': tab === 'login' }\" @click=\"tab = 'login'\">\n                                    Sign In\n                                <\/div>\n                                <div class=\"tab\" :class=\"{ 'active': tab === 'register' }\" @click=\"tab = 'register'\">\n                                    Register\n                                <\/div>\n                            <\/div>\n\n                            <!-- Form -->\n                            <div x-show=\"tab === 'login'\">\n                                <form class=\"\" @submit.prevent=\"login()\">\n                                    <div class=\"input-group\">\n                                        <label>Email<\/label>\n                                        <input type=\"text\" x-model=\"email\" placeholder=\"Uni-Trend Technology\">\n                                    <\/div>\n\n                                    <div class=\"input-group\" x-data=\"{ showPassword: false }\">\n                                        <label>Password<\/label>\n                                        <div class=\"password-wrapper\">\n                                            <input :type=\"showPassword ? 'text' : 'password'\" x-model=\"password\"\n                                                placeholder=\"********\">\n                                            <span class=\"toggle-eye\" @click=\"showPassword = !showPassword\">\n                                                <img decoding=\"async\" x-show=\"!showPassword\"\n                                                    src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/eye-icon.svg\"\n                                                    alt=\"eye icon\">\n                                                <img decoding=\"async\" x-show=\"showPassword\"\n                                                    src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/eye-open.svg\"\n                                                    alt=\"eye icon\">\n                                            <\/span>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p x-show=\"loginNote\" x-text=\"loginNote\"\n                                        class=\"mt-3 body-sm font-semibold text-[#128807]\"><\/p>\n                                    <p x-show=\"loginError\" x-text=\"loginError\"\n                                        class=\"mt-3 body-sm font-semibold text-primary\"><\/p>\n                                    \n                                    <div class=\"options\">\n                                       <button\n                                            type=\"button\"\n                                            class=\"forgot-password body-md text-c2 underline text-right\"\n                                            @click=\"openForgotPassword()\"\n                                        >\n                                            Forgot password?\n                                        <\/button>\n                                        <div class=\"remember\">\n                                            <input type=\"checkbox\" x-model=\"remember\" id=\"remember\">\n                                            <label for=\"remember\">Remember me<\/label>\n                                        <\/div>\n                                    <\/div>\n                                                                        <button type=\"submit\"\n                                        class=\"w-full bg-primary rounded-[24px] flex gap-2 items-center justify-center mt-[36px] px-6 py-[14px] mx-auto relative px-5 group sign-btn-hover\">\n                                        <span\n                                            class=\"inline-block w-full body font-semibold text-white transition-all duration-300 ease-in-out\">Sign\n                                            In<\/span>\n                                        <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/btn-arrow.svg\"\n                                            class=\"w-2 h-2 lg:w-3 lg:h-4 absolute top-1\/2 right-[25px] -translate-y-1\/2 opacity-0 group-hover:opacity-[100%]\"\n                                            alt=\"arrow icon\">\n                                    <\/button>\n                                <\/form>\n\n                            <\/div>\n\n                            <!-- Register Placeholder -->\n                            <div x-show=\"tab === 'register'\">\n                                <form action=\"\" class=\"\" id=\"registerForm\" @submit.prevent=\"register()\">\n                                    <div class=\"input-group\">\n                                        <label>Email<span class=\"text-primary\">*<\/span><\/label>\n                                        <input type=\"text\" x-model=\"email\" placeholder=\"Uni-Trend Technology\">\n                                    <\/div>\n                                    <div class=\"input-group\">\n                                        <label>Country\/Region<span class=\"text-primary\">*<\/span><\/label>\n                                        <div>\n                                            <div class=\"dropdown\">\n\n                                                <!-- Button -->\n                                                <div class=\"dropdown-btn\" @click=\"countryOpen = !countryOpen\">\n                                                    <span x-text=\"countryLabel\"><\/span>\n                                                    <span class=\"arrow\" :class=\"{ 'rotate': countryOpen }\">\n                                                        <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/dropdown-icon.svg\"\n                                                            alt=\"dropdown icon\">\n                                                    <\/span>\n                                                <\/div>\n\n                                                <!--\n                                                    Rendered server-side rather than through x-for: TranslatePress\n                                                    reads the page markup, so a list built in JavaScript would stay\n                                                    English whatever language the visitor picked.\n                                                -->\n                                                <div class=\"dropdown-menu\" x-show=\"countryOpen\" @click.outside=\"countryOpen = false\"\n                                                    x-transition>\n\n                                                                                                            <div class=\"item\" data-value=\"AF\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'AF' }\">\n                                                            <span>Afghanistan<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"AL\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'AL' }\">\n                                                            <span>Albania<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"DZ\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'DZ' }\">\n                                                            <span>Algeria<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"AS\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'AS' }\">\n                                                            <span>American Samoa<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"AD\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'AD' }\">\n                                                            <span>Andorra<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"AO\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'AO' }\">\n                                                            <span>Angola<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"AI\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'AI' }\">\n                                                            <span>Anguilla<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"AQ\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'AQ' }\">\n                                                            <span>Antarctica<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"AG\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'AG' }\">\n                                                            <span>Antigua and Barbuda<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"AR\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'AR' }\">\n                                                            <span>Argentina<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"AM\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'AM' }\">\n                                                            <span>Armenia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"AW\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'AW' }\">\n                                                            <span>Aruba<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"AU\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'AU' }\">\n                                                            <span>Australia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"AT\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'AT' }\">\n                                                            <span>Austria<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"AZ\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'AZ' }\">\n                                                            <span>Azerbaijan<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BS\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BS' }\">\n                                                            <span>Bahamas<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BH\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BH' }\">\n                                                            <span>Bahrain<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BD\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BD' }\">\n                                                            <span>Bangladesh<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BB\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BB' }\">\n                                                            <span>Barbados<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BY\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BY' }\">\n                                                            <span>Belarus<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BE\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BE' }\">\n                                                            <span>Belgium<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BZ\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BZ' }\">\n                                                            <span>Belize<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BJ\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BJ' }\">\n                                                            <span>Benin<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BM\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BM' }\">\n                                                            <span>Bermuda<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BT\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BT' }\">\n                                                            <span>Bhutan<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BO\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BO' }\">\n                                                            <span>Bolivia, Plurinational State of<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BQ\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BQ' }\">\n                                                            <span>Bonaire, Sint Eustatius and Saba<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BA\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BA' }\">\n                                                            <span>Bosnia and Herzegovina<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BW\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BW' }\">\n                                                            <span>Botswana<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BV\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BV' }\">\n                                                            <span>Bouvet Island<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BR\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BR' }\">\n                                                            <span>Brazil<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"IO\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'IO' }\">\n                                                            <span>British Indian Ocean Territory<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BN\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BN' }\">\n                                                            <span>Brunei Darussalam<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BG\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BG' }\">\n                                                            <span>Bulgaria<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BF\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BF' }\">\n                                                            <span>Burkina Faso<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BI\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BI' }\">\n                                                            <span>Burundi<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"CV\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'CV' }\">\n                                                            <span>Cabo Verde<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"KH\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'KH' }\">\n                                                            <span>Cambodia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"CM\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'CM' }\">\n                                                            <span>Cameroon<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"CA\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'CA' }\">\n                                                            <span>Canada<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"KY\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'KY' }\">\n                                                            <span>Cayman Islands<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"CF\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'CF' }\">\n                                                            <span>Central African Republic<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"TD\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'TD' }\">\n                                                            <span>Chad<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"CL\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'CL' }\">\n                                                            <span>Chile<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"CN\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'CN' }\">\n                                                            <span>China<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"CX\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'CX' }\">\n                                                            <span>Christmas Island<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"CC\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'CC' }\">\n                                                            <span>Cocos (Keeling) Islands<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"CO\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'CO' }\">\n                                                            <span>Colombia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"KM\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'KM' }\">\n                                                            <span>Comoros<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"CG\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'CG' }\">\n                                                            <span>Congo<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"CD\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'CD' }\">\n                                                            <span>Congo, The Democratic Republic of the<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"CK\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'CK' }\">\n                                                            <span>Cook Islands<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"CR\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'CR' }\">\n                                                            <span>Costa Rica<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"HR\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'HR' }\">\n                                                            <span>Croatia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"CU\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'CU' }\">\n                                                            <span>Cuba<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"CW\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'CW' }\">\n                                                            <span>Cura\u00e7ao<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"CY\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'CY' }\">\n                                                            <span>Cyprus<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"CZ\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'CZ' }\">\n                                                            <span>Czechia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"CI\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'CI' }\">\n                                                            <span>C\u00f4te d&#039;Ivoire<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"DK\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'DK' }\">\n                                                            <span>Denmark<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"DJ\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'DJ' }\">\n                                                            <span>Djibouti<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"DM\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'DM' }\">\n                                                            <span>Dominica<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"DO\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'DO' }\">\n                                                            <span>Dominican Republic<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"EC\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'EC' }\">\n                                                            <span>Ecuador<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"EG\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'EG' }\">\n                                                            <span>Egypt<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"SV\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'SV' }\">\n                                                            <span>El Salvador<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"GQ\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'GQ' }\">\n                                                            <span>Equatorial Guinea<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"ER\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'ER' }\">\n                                                            <span>Eritrea<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"EE\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'EE' }\">\n                                                            <span>Estonia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"SZ\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'SZ' }\">\n                                                            <span>Eswatini<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"ET\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'ET' }\">\n                                                            <span>Ethiopia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"FK\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'FK' }\">\n                                                            <span>Falkland Islands (Malvinas)<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"FO\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'FO' }\">\n                                                            <span>Faroe Islands<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"FJ\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'FJ' }\">\n                                                            <span>Fiji<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"FI\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'FI' }\">\n                                                            <span>Finland<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"FR\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'FR' }\">\n                                                            <span>France<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"GF\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'GF' }\">\n                                                            <span>French Guiana<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"PF\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'PF' }\">\n                                                            <span>French Polynesia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"TF\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'TF' }\">\n                                                            <span>French Southern Territories<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"GA\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'GA' }\">\n                                                            <span>Gabon<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"GM\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'GM' }\">\n                                                            <span>Gambia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"GE\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'GE' }\">\n                                                            <span>Georgia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"DE\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'DE' }\">\n                                                            <span>Germany<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"GH\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'GH' }\">\n                                                            <span>Ghana<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"GI\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'GI' }\">\n                                                            <span>Gibraltar<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"GR\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'GR' }\">\n                                                            <span>Greece<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"GL\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'GL' }\">\n                                                            <span>Greenland<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"GD\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'GD' }\">\n                                                            <span>Grenada<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"GP\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'GP' }\">\n                                                            <span>Guadeloupe<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"GU\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'GU' }\">\n                                                            <span>Guam<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"GT\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'GT' }\">\n                                                            <span>Guatemala<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"GG\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'GG' }\">\n                                                            <span>Guernsey<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"GN\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'GN' }\">\n                                                            <span>Guinea<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"GW\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'GW' }\">\n                                                            <span>Guinea-Bissau<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"GY\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'GY' }\">\n                                                            <span>Guyana<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"HT\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'HT' }\">\n                                                            <span>Haiti<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"HM\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'HM' }\">\n                                                            <span>Heard Island and McDonald Islands<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"VA\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'VA' }\">\n                                                            <span>Holy See (Vatican City State)<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"HN\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'HN' }\">\n                                                            <span>Honduras<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"HK\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'HK' }\">\n                                                            <span>Hong Kong<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"HU\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'HU' }\">\n                                                            <span>Hungary<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"IS\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'IS' }\">\n                                                            <span>Iceland<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"IN\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'IN' }\">\n                                                            <span>India<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"ID\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'ID' }\">\n                                                            <span>Indonesia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"IR\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'IR' }\">\n                                                            <span>Iran, Islamic Republic of<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"IQ\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'IQ' }\">\n                                                            <span>Iraq<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"IE\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'IE' }\">\n                                                            <span>Ireland<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"IM\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'IM' }\">\n                                                            <span>Isle of Man<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"IL\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'IL' }\">\n                                                            <span>Israel<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"IT\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'IT' }\">\n                                                            <span>Italy<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"JM\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'JM' }\">\n                                                            <span>Jamaica<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"JP\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'JP' }\">\n                                                            <span>Japan<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"JE\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'JE' }\">\n                                                            <span>Jersey<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"JO\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'JO' }\">\n                                                            <span>Jordan<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"KZ\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'KZ' }\">\n                                                            <span>Kazakhstan<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"KE\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'KE' }\">\n                                                            <span>Kenya<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"KI\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'KI' }\">\n                                                            <span>Kiribati<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"KP\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'KP' }\">\n                                                            <span>Korea, Democratic People&#039;s Republic of<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"KR\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'KR' }\">\n                                                            <span>Korea, Republic of<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"KW\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'KW' }\">\n                                                            <span>Kuwait<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"KG\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'KG' }\">\n                                                            <span>Kyrgyzstan<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"LA\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'LA' }\">\n                                                            <span>Lao People&#039;s Democratic Republic<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"LV\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'LV' }\">\n                                                            <span>Latvia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"LB\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'LB' }\">\n                                                            <span>Lebanon<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"LS\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'LS' }\">\n                                                            <span>Lesotho<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"LR\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'LR' }\">\n                                                            <span>Liberia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"LY\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'LY' }\">\n                                                            <span>Libya<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"LI\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'LI' }\">\n                                                            <span>Liechtenstein<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"LT\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'LT' }\">\n                                                            <span>Lithuania<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"LU\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'LU' }\">\n                                                            <span>Luxembourg<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MO\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MO' }\">\n                                                            <span>Macao<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MG\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MG' }\">\n                                                            <span>Madagascar<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MW\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MW' }\">\n                                                            <span>Malawi<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MY\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MY' }\">\n                                                            <span>Malaysia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MV\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MV' }\">\n                                                            <span>Maldives<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"ML\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'ML' }\">\n                                                            <span>Mali<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MT\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MT' }\">\n                                                            <span>Malta<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MH\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MH' }\">\n                                                            <span>Marshall Islands<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MQ\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MQ' }\">\n                                                            <span>Martinique<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MR\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MR' }\">\n                                                            <span>Mauritania<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MU\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MU' }\">\n                                                            <span>Mauritius<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"YT\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'YT' }\">\n                                                            <span>Mayotte<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MX\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MX' }\">\n                                                            <span>Mexico<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"FM\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'FM' }\">\n                                                            <span>Micronesia, Federated States of<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MD\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MD' }\">\n                                                            <span>Moldova, Republic of<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MC\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MC' }\">\n                                                            <span>Monaco<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MN\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MN' }\">\n                                                            <span>Mongolia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"ME\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'ME' }\">\n                                                            <span>Montenegro<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MS\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MS' }\">\n                                                            <span>Montserrat<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MA\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MA' }\">\n                                                            <span>Morocco<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MZ\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MZ' }\">\n                                                            <span>Mozambique<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MM\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MM' }\">\n                                                            <span>Myanmar<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"NA\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'NA' }\">\n                                                            <span>Namibia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"NR\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'NR' }\">\n                                                            <span>Nauru<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"NP\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'NP' }\">\n                                                            <span>Nepal<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"NL\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'NL' }\">\n                                                            <span>Netherlands<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"NC\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'NC' }\">\n                                                            <span>New Caledonia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"NZ\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'NZ' }\">\n                                                            <span>New Zealand<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"NI\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'NI' }\">\n                                                            <span>Nicaragua<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"NE\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'NE' }\">\n                                                            <span>Niger<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"NG\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'NG' }\">\n                                                            <span>Nigeria<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"NU\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'NU' }\">\n                                                            <span>Niue<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"NF\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'NF' }\">\n                                                            <span>Norfolk Island<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MK\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MK' }\">\n                                                            <span>North Macedonia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MP\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MP' }\">\n                                                            <span>Northern Mariana Islands<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"NO\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'NO' }\">\n                                                            <span>Norway<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"OM\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'OM' }\">\n                                                            <span>Oman<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"PK\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'PK' }\">\n                                                            <span>Pakistan<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"PW\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'PW' }\">\n                                                            <span>Palau<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"PS\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'PS' }\">\n                                                            <span>Palestine, State of<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"PA\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'PA' }\">\n                                                            <span>Panama<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"PG\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'PG' }\">\n                                                            <span>Papua New Guinea<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"PY\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'PY' }\">\n                                                            <span>Paraguay<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"PE\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'PE' }\">\n                                                            <span>Peru<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"PH\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'PH' }\">\n                                                            <span>Philippines<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"PN\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'PN' }\">\n                                                            <span>Pitcairn<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"PL\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'PL' }\">\n                                                            <span>Poland<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"PT\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'PT' }\">\n                                                            <span>Portugal<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"PR\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'PR' }\">\n                                                            <span>Puerto Rico<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"QA\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'QA' }\">\n                                                            <span>Qatar<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"RO\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'RO' }\">\n                                                            <span>Romania<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"RU\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'RU' }\">\n                                                            <span>Russian Federation<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"RW\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'RW' }\">\n                                                            <span>Rwanda<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"RE\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'RE' }\">\n                                                            <span>R\u00e9union<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"BL\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'BL' }\">\n                                                            <span>Saint Barth\u00e9lemy<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"SH\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'SH' }\">\n                                                            <span>Saint Helena, Ascension and Tristan da Cunha<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"KN\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'KN' }\">\n                                                            <span>Saint Kitts and Nevis<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"LC\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'LC' }\">\n                                                            <span>Saint Lucia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"MF\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'MF' }\">\n                                                            <span>Saint Martin (French part)<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"PM\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'PM' }\">\n                                                            <span>Saint Pierre and Miquelon<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"VC\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'VC' }\">\n                                                            <span>Saint Vincent and the Grenadines<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"WS\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'WS' }\">\n                                                            <span>Samoa<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"SM\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'SM' }\">\n                                                            <span>San Marino<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"ST\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'ST' }\">\n                                                            <span>Sao Tome and Principe<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"SA\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'SA' }\">\n                                                            <span>Saudi Arabia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"SN\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'SN' }\">\n                                                            <span>Senegal<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"RS\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'RS' }\">\n                                                            <span>Serbia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"SC\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'SC' }\">\n                                                            <span>Seychelles<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"SL\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'SL' }\">\n                                                            <span>Sierra Leone<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"SG\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'SG' }\">\n                                                            <span>Singapore<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"SX\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'SX' }\">\n                                                            <span>Sint Maarten (Dutch part)<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"SK\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'SK' }\">\n                                                            <span>Slovakia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"SI\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'SI' }\">\n                                                            <span>Slovenia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"SB\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'SB' }\">\n                                                            <span>Solomon Islands<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"SO\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'SO' }\">\n                                                            <span>Somalia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"ZA\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'ZA' }\">\n                                                            <span>South Africa<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"GS\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'GS' }\">\n                                                            <span>South Georgia and the South Sandwich Islands<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"SS\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'SS' }\">\n                                                            <span>South Sudan<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"ES\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'ES' }\">\n                                                            <span>Spain<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"LK\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'LK' }\">\n                                                            <span>Sri Lanka<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"SD\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'SD' }\">\n                                                            <span>Sudan<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"SR\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'SR' }\">\n                                                            <span>Suriname<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"SJ\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'SJ' }\">\n                                                            <span>Svalbard and Jan Mayen<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"SE\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'SE' }\">\n                                                            <span>Sweden<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"CH\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'CH' }\">\n                                                            <span>Switzerland<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"SY\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'SY' }\">\n                                                            <span>Syrian Arab Republic<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"TW\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'TW' }\">\n                                                            <span>Taiwan, Province of China<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"TJ\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'TJ' }\">\n                                                            <span>Tajikistan<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"TZ\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'TZ' }\">\n                                                            <span>Tanzania, United Republic of<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"TH\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'TH' }\">\n                                                            <span>Thailand<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"TL\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'TL' }\">\n                                                            <span>Timor-Leste<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"TG\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'TG' }\">\n                                                            <span>Togo<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"TK\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'TK' }\">\n                                                            <span>Tokelau<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"TO\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'TO' }\">\n                                                            <span>Tonga<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"TT\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'TT' }\">\n                                                            <span>Trinidad and Tobago<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"TN\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'TN' }\">\n                                                            <span>Tunisia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"TM\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'TM' }\">\n                                                            <span>Turkmenistan<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"TC\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'TC' }\">\n                                                            <span>Turks and Caicos Islands<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"TV\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'TV' }\">\n                                                            <span>Tuvalu<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"TR\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'TR' }\">\n                                                            <span>T\u00fcrkiye<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"UG\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'UG' }\">\n                                                            <span>Uganda<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"UA\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'UA' }\">\n                                                            <span>Ukraine<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"AE\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'AE' }\">\n                                                            <span>United Arab Emirates<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"GB\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'GB' }\">\n                                                            <span>United Kingdom<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"US\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'US' }\">\n                                                            <span>United States<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"UM\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'UM' }\">\n                                                            <span>United States Minor Outlying Islands<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"UY\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'UY' }\">\n                                                            <span>Uruguay<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"UZ\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'UZ' }\">\n                                                            <span>Uzbekistan<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"VU\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'VU' }\">\n                                                            <span>Vanuatu<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"VE\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'VE' }\">\n                                                            <span>Venezuela, Bolivarian Republic of<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"VN\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'VN' }\">\n                                                            <span>Viet Nam<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"VG\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'VG' }\">\n                                                            <span>Virgin Islands, British<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"VI\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'VI' }\">\n                                                            <span>Virgin Islands, U.S.<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"WF\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'WF' }\">\n                                                            <span>Wallis and Futuna<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"EH\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'EH' }\">\n                                                            <span>Western Sahara<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"YE\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'YE' }\">\n                                                            <span>Yemen<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"ZM\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'ZM' }\">\n                                                            <span>Zambia<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"ZW\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'ZW' }\">\n                                                            <span>Zimbabwe<\/span>\n                                                        <\/div>\n                                                                                                            <div class=\"item\" data-value=\"AX\"\n                                                            @click=\"selectCountry($el)\"\n                                                            :class=\"{ 'active': country === 'AX' }\">\n                                                            <span>\u00c5land Islands<\/span>\n                                                        <\/div>\n                                                    \n                                                <\/div>\n\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"input-group\" x-data=\"{ showPassword: false }\">\n                                        <label>Password <span class=\"text-primary\">*<\/span><\/label>\n                                        <div class=\"password-wrapper\">\n                                            <input :type=\"showPassword ? 'text' : 'password'\" x-model=\"password\"\n                                                placeholder=\"********\">\n                                            <span class=\"toggle-eye\" @click=\"showPassword = !showPassword\">\n                                                <img decoding=\"async\" x-show=\"!showPassword\"\n                                                    src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/eye-icon.svg\"\n                                                    alt=\"eye icon\">\n                                                <img decoding=\"async\" x-show=\"showPassword\"\n                                                    src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/eye-open.svg\"\n                                                    alt=\"eye icon\">\n                                            <\/span>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"input-group\" x-data=\"{ showPassword: false }\">\n                                        <label>Re-enter Password <span class=\"text-primary\">*<\/span><\/label>\n                                        <div class=\"password-wrapper\">\n                                            <input :type=\"showPassword ? 'text' : 'password'\" x-model=\"password2\"\n                                                placeholder=\"********\">\n                                            <span class=\"toggle-eye\" @click=\"showPassword = !showPassword\">\n                                                <img decoding=\"async\" x-show=\"!showPassword\"\n                                                    src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/eye-icon.svg\"\n                                                    alt=\"eye icon\">\n                                                <img decoding=\"async\" x-show=\"showPassword\"\n                                                    src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/eye-open.svg\"\n                                                    alt=\"eye icon\">\n                                            <\/span>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p x-show=\"registerError\" x-text=\"registerError\"\n                                        class=\"mt-3 body-sm font-semibold text-primary\"><\/p>\n\n                                    \n                                    <button type=\"submit\"\n                                        class=\"w-full bg-primary rounded-[24px] flex gap-2 items-center justify-center mt-[36px] px-6 py-[14px] mx-auto relative px-5 group sign-btn-hover\"\n                                        id=\"registerBtn\">\n                                        <span\n                                            class=\"inline-block w-full body font-semibold text-white transition-all duration-300 ease-in-out\">Register<\/span>\n                                        <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/btn-arrow.svg\"\n                                            class=\"w-2 h-2 lg:w-3 lg:h-4 absolute top-1\/2 right-[25px] -translate-y-1\/2 opacity-0 group-hover:opacity-[100%]\"\n                                            alt=\"arrow icon\">\n                                    <\/button>\n                                    <p class=\"mt-3 text-c2 body-sm tracking-[-0.3px] leading-[160%] text-center\">By signing\n                                        up,\n                                        you agree to UNI-T terms and conditions.<\/p>\n                                <\/form>\n                            <\/div>\n\n                        <\/div>\n                     <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"fixed left-0 top-0 w-full h-full bg-black bg-opacity-75 z-[21] login-register\" x-show=\"showCode\"\n        x-transition>\n        <div class=\"absolute w-full left-1\/2 top-1\/2 -translate-x-1\/2 -translate-y-1\/2\">\n            <div\n                class=\"relative md:max-w-[480px] max-w-[90%] mx-auto bg-white rounded-[40px] shadow-dcard max-h-[600px] overflow-y-auto\">\n                <div class=\"p-10 xl:p-[60px]\">\n                    <div class=\"logo-section mb-8\">\n                        <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/logo-uni.svg\" alt=\"logo icon\"\n                            class=\"mx-auto\">\n                    <\/div>\n                    <div class=\"\">\n                        <p class=\"text-center h6 text-c1 font-semibold leading-[125%] mb-5\">Thanks for signing up!\n                        <\/p>\n                        <p class=\"body-sm text-c2 leading-[160%]\">We&#8217;ve sent a code to your email address. Enter it\n                            below to\n                            verify your account.<\/p>\n\n                    <\/div>\n                    <div class=\"card mt-5\">\n\n                        <!-- Form -->\n                        <form class=\"\" @submit.prevent=\"verify()\">\n                            <div class=\"input-group\">\n                                <label class=\"hidden\">Email<\/label>\t\t\t\t\t\t\t\t\n                                <input type=\"text\" x-model=\"code\" placeholder=\"Please enter a code\">\n\t\t\t\t\t\t\t\t<p x-show=\"verifyError\" x-text=\"verifyError\"\n\t\t\t\t\t\t\t\t    class=\"mt-3 body-sm font-semibold text-primary\"><\/p>\n\t\t\t\t\t\t\t\t<p x-show=\"verifyNote\" x-text=\"verifyNote\"\n\t\t\t\t\t\t\t\t    class=\"mt-3 body-sm text-c2\"><\/p>\n                                <p class=\"mt-3 text-c2 body-sm tracking-[-0.3px] leading-[160%]\">Didn&#8217;t get the verification code? <a href=\"\" class=\"text-primary underline\" @click.prevent=\"resend()\">Resend it<\/a><\/p>\n                            <\/div>\n\n                            <button type=\"submit\"\n                                class=\"w-full bg-primary rounded-[24px] flex gap-2 items-center justify-center mt-[32px] px-6 py-[14px] mx-auto relative px-5 group sign-btn-hover\"\n                                id=\"proceed-btn\">\n                                <span\n                                    class=\"inline-block w-full body font-semibold text-white transition-all duration-300 ease-in-out\">Procced<\/span>\n                                <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/btn-arrow.svg\"\n                                    class=\"w-2 h-2 lg:w-3 lg:h-4 absolute top-1\/2 right-[25px] -translate-y-1\/2 opacity-0 group-hover:opacity-[100%]\"\n                                    alt=\"arrow icon\">\n                            <\/button>\n                            <a href=\"\"\n                                class=\"mt-3 caption-md tracking-[-0.3px] leading-[160%] underline flex items-center justify-center text-[#2D2A3F]\"\n                                @click.prevent=\"backToLogin()\">Back<\/a>\n\n                        <\/form>\n\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"fixed left-0 top-0 w-full h-full bg-black bg-opacity-75 z-[21]\"\n        x-show=\"showSuccessPopup\" x-transition  @click=\"showRegister = false; showCode = false; showSuccessPopup = false\">\n\n        <div class=\"absolute w-full left-1\/2 top-1\/2 -translate-x-1\/2 -translate-y-1\/2\">\n\n            <div\n                class=\"relative max-w-[90%] md:max-w-[600px] mx-auto p-5 md:p-10 lg:p-[48px] bg-white rounded-[16px] shadow-dCard border-t-[6px] border-t-primary\">\n\n                <div class=\"flex flex-col justify-center items-center\">\n\n                    <div class=\"logo-section mb-5 w-[132px] py-[16px]\">\n                        <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/logo-uni.svg\" alt=\"logo icon\"\n                            class=\"mx-auto\">\n                    <\/div>\n\n                    <p class=\"h5 font-bold leading-[135%] text-c1\">\n                        Account Created Successfully!\n                    <\/p>\n\n                    <p\n                        class=\"body-lg font-primary font-normal leading-[150%] text-center text-c2 tracking-[-0.36px] pt-5\">\n                        You&#8217;re all set. You now have full access to the UNI-T portal. Start exploring our technical\n                        resources or view your registered products in your profile.\n                    <\/p>\n\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n    <section block-name=\"forgot-password\"  x-show=\"showForgotPassword\"  x-cloak  >\n        <div class=\"fixed left-0 top-0 w-full h-full bg-black bg-opacity-75 z-[21] login-register\">\n            <div class=\"absolute w-full left-1\/2 top-1\/2 -translate-x-1\/2 -translate-y-1\/2\">\n                <div class=\"relative md:max-w-[560px] max-w-[90%] mx-auto bg-white rounded-[40px] shadow-dcard \">\n                    <button type=\"button\" @click=\"closeAll()\" class=\"absolute z-[2] top-5 right-5  group close-btn p-3\" >\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n                            <path d=\"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z\" fill=\"#1A1A1A\"\/>\n                        <\/svg>\n                    <\/button>\n                    <div class=\"p-10 xl:p-[60px] pr-5 xl:pr-10 forgot-password\">\n                        <div class=\"pr-5 max-h-[80vh] overflow-y-auto\">\n                            <div class=\"logo-section mb-8\">\n                                <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/logo-uni.svg\" alt=\"logo icon\"\n                                    class=\"mx-auto\">\n                            <\/div>\n\n                            <div class=\"card\">\n                                <h4 class=\"h4 text-c1 font-bold text-center\">Forgot Password<\/h4>\n                                <p class=\"mt-3 body-md text-c2 text-center\">Enter your email address and we&#8217;ll send you a link to reset your password.<\/p>\n                                <div class=\"my-8\">\n                                    <form class=\"\" @submit.prevent=\"forgotPassword()\">\n                                        <div class=\"input-group\">\n                                            <label>Email<\/label>\n                                            <input type=\"email\" x-model=\"email\" placeholder=\"eg. name@company.com\">\n                                        <\/div>\n                                        <p x-show=\"forgotError\" x-text=\"forgotError\"\n                                            class=\"mt-3 body-sm font-semibold text-primary\"><\/p>\n                                        <button type=\"submit\" :disabled=\"sendingReset\"\n                                            class=\"w-full bg-primary rounded-[24px] flex gap-2 items-center justify-center mt-[36px] px-6 py-[14px] mx-auto relative px-5 group sign-btn-hover\">\n                                            <span\n                                                class=\"inline-block w-full body font-semibold text-white transition-all duration-300 ease-in-out\"\n                                                x-text=\"sendingReset ? 'Sending\\u2026' : 'Send Reset Link'\"><\/span>\n                                            <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/btn-arrow.svg\"\n                                                class=\"w-2 h-2 lg:w-3 lg:h-4 absolute top-1\/2 right-[25px] -translate-y-1\/2 opacity-0 group-hover:opacity-[100%]\"\n                                                alt=\"arrow icon\">\n                                        <\/button>\n                                    <\/form>\n                                    <div class=\"mt-3 flex justify-center\">\n                                        <button type=\"button\"  @click=\"backToLogin()\" class=\"my-3 text-primary underline body-md text-center\">\n                                            Back to Sign In\n                                        <\/button>\n                                    <\/div>\n                                \n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n<section block-name=\"check-your-mail\" x-show=\"showCheckMail\" x-cloak >\n    <div class=\"fixed left-0 top-0 w-full h-full bg-black bg-opacity-75 z-[21] login-register\">\n        <div class=\"absolute w-full left-1\/2 top-1\/2 -translate-x-1\/2 -translate-y-1\/2\">\n            <div class=\"relative md:max-w-[560px] max-w-[90%] mx-auto bg-white rounded-[40px] shadow-dcard \">\n                <button type=\"button\" @click=\"closeAll()\" class=\"absolute z-[2] top-5 right-5  group close-btn p-3\" >\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n                        <path d=\"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z\" fill=\"#1A1A1A\"\/>\n                    <\/svg>\n                <\/button>\n                <div class=\"p-10 xl:p-[60px] pr-5 xl:pr-10\">\n                    <div class=\"pr-5 max-h-[80vh] overflow-y-auto\">\n                        <div class=\"logo-section mb-8\">\n                            <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/logo-uni.svg\" alt=\"logo icon\"\n                                class=\"mx-auto\">\n                        <\/div>\n\n                        <div class=\"card\">\n                            <h4 class=\"h4 text-c1 font-bold text-center\">Check Your Email<\/h4>\n                            <p class=\"mt-3 body-md text-c2 text-center\">We&#8217;ve sent a password reset link to your email address. Please check your inbox and click the link to reset.<\/p>\n                            <div class=\"my-8\">\n                                <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/email-icon-container.svg\" class=\"mx-auto\" \/>\n                            <\/div>\n                            <p x-show=\"resendNote\" x-text=\"resendNote\"\n                                class=\"mt-3 body-sm font-semibold text-[#128807] text-center\"><\/p>\n                            <p x-show=\"forgotError\" x-text=\"forgotError\"\n                                class=\"mt-3 body-sm font-semibold text-primary text-center\"><\/p>\n                            <button type=\"button\" @click=\"forgotPassword()\" :disabled=\"sendingReset\"\n                                class=\"w-full border border-c3 bg-c4 hover:bg-primary rounded-[24px] flex gap-2 items-center justify-center mt-[36px] px-6 py-[14px] mx-auto relative px-5 group sign-btn-hover disabled:opacity-60\">\n                                <span\n                                    class=\"inline-block w-full body font-semibold text-c1 group-hover:text-white transition-all duration-300 ease-in-out\"\n                                    x-text=\"sendingReset ? 'Sending\\u2026' : 'Resend Email'\"><\/span>\n                                <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/btn-arrow.svg\"\n                                    class=\"w-2 h-2 lg:w-3 lg:h-4 absolute top-1\/2 right-[25px] -translate-y-1\/2 opacity-0 group-hover:opacity-[100%]\"\n                                    alt=\"arrow icon\">\n                            <\/button>\n                            <div class=\"mt-3 flex justify-center\">\n                                <button type=\"button\"  @click=\"backToLogin()\" class=\"my-3 text-primary underline body-md text-center\">\n                                    Back to Sign In\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<section block-name=\"reset-password\" x-show=\"showReset\" x-cloak >\n    <div class=\"fixed left-0 top-0 w-full h-full bg-black bg-opacity-75 z-[21] login-register\">\n        <div class=\"absolute w-full left-1\/2 top-1\/2 -translate-x-1\/2 -translate-y-1\/2\">\n            <div class=\"relative md:max-w-[560px] max-w-[90%] mx-auto bg-white rounded-[40px] shadow-dcard \">\n                <button type=\"button\" @click=\"closeAll()\" class=\"absolute z-[2] top-5 right-5  group close-btn p-3\" >\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\">\n                        <path d=\"M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z\" fill=\"#1A1A1A\"\/>\n                    <\/svg>\n                <\/button>\n                <div class=\"p-10 xl:p-[60px] pr-5 xl:pr-10\">\n                    <div class=\"pr-5 max-h-[80vh] overflow-y-auto\">\n                        <div class=\"logo-section mb-8\">\n                            <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/logo-uni.svg\" alt=\"logo icon\"\n                                class=\"mx-auto\">\n                        <\/div>\n\n                        <div class=\"card\">\n                            <h4 class=\"h4 text-c1 font-bold text-center\">Reset Password<\/h4>\n                            <p class=\"mt-3 body-md text-c2 text-center\">Enter your new password below.<\/p>\n                            <div class=\"my-8\">\n                                <form @submit.prevent=\"resetPassword()\">\n                                     <div class=\"input-group\" x-data=\"{ showPassword: false }\">\n                                        <label>New Password<\/label>\n                                        <div class=\"password-wrapper\">\n                                            <input :type=\"showPassword ? 'text' : 'password'\" x-model=\"password\"\n                                                placeholder=\"********\">\n                                            <span class=\"toggle-eye\" @click=\"showPassword = !showPassword\">\n                                                <img decoding=\"async\" x-show=\"!showPassword\"\n                                                    src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/eye-icon.svg\"\n                                                    alt=\"eye icon\">\n                                                <img decoding=\"async\" x-show=\"showPassword\"\n                                                    src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/eye-open.svg\"\n                                                    alt=\"eye icon\">\n                                            <\/span>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"input-group\" x-data=\"{ showPassword: false }\">\n                                        <label>Confirm Password<\/label>\n                                        <div class=\"password-wrapper\">\n                                            <input :type=\"showPassword ? 'text' : 'password'\" x-model=\"password2\"\n                                                placeholder=\"********\">\n                                            <span class=\"toggle-eye\" @click=\"showPassword = !showPassword\">\n                                                <img decoding=\"async\" x-show=\"!showPassword\"\n                                                    src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/eye-icon.svg\"\n                                                    alt=\"eye icon\">\n                                                <img decoding=\"async\" x-show=\"showPassword\"\n                                                    src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/eye-open.svg\"\n                                                    alt=\"eye icon\">\n                                            <\/span>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p x-show=\"resetError\" x-text=\"resetError\"\n                                        class=\"mt-3 body-sm font-semibold text-primary\"><\/p>\n                                    <button type=\"submit\" :disabled=\"resetting\"\n                                        class=\"w-full bg-primary rounded-[24px] flex gap-2 items-center justify-center mt-[36px] px-6 py-[14px] mx-auto relative px-5 group sign-btn-hover disabled:opacity-60\">\n                                        <span\n                                            class=\"inline-block w-full body font-semibold text-white transition-all duration-300 ease-in-out\"\n                                            x-text=\"resetting ? 'Resetting\\u2026' : 'Reset Password'\"><\/span>\n                                        <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/btn-arrow.svg\"\n                                            class=\"w-2 h-2 lg:w-3 lg:h-4 absolute top-1\/2 right-[25px] -translate-y-1\/2 opacity-0 group-hover:opacity-[100%]\"\n                                            alt=\"arrow icon\">\n                                    <\/button>\n\n                                <\/form>\n                            <\/div>\n                            \n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<section block-name=\"complete-profile\" x-show=\"showCountryStep\" x-cloak>\n    <div class=\"fixed left-0 top-0 w-full h-full bg-black bg-opacity-75 z-[21] login-register\">\n        <div class=\"absolute w-full left-1\/2 top-1\/2 -translate-x-1\/2 -translate-y-1\/2\">\n            <div class=\"relative md:max-w-[560px] max-w-[90%] mx-auto bg-white rounded-[40px] shadow-dcard\">\n                <div class=\"p-10 xl:p-[60px] pr-5 xl:pr-10\">\n                    <div class=\"pr-5 max-h-[80vh] overflow-y-auto\">\n                        <div class=\"logo-section mb-8\">\n                            <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/logo-uni.svg\" alt=\"logo icon\" class=\"mx-auto\">\n                        <\/div>\n                        <div class=\"card\">\n                            <h4 class=\"h4 text-c1 font-bold text-center\">One more thing<\/h4>\n                            <p class=\"mt-3 body-md text-c2 text-center\">Please tell us your country or region to finish setting up your account.<\/p>\n                            <form class=\"mt-8\" @submit.prevent=\"completeProfile()\">\n                                <div class=\"input-group\">\n                                    <label>Country\/Region<span class=\"text-primary\">*<\/span><\/label>\n                                    <select x-model=\"profileCountry\" class=\"w-full p-3 rounded-[8px] border-none body text-c1 bg-c10\">\n                                        <option value=\"\">Select country\/region<\/option>\n                                                                                    <option value=\"AF\">Afghanistan<\/option>\n                                                                                    <option value=\"AL\">Albania<\/option>\n                                                                                    <option value=\"DZ\">Algeria<\/option>\n                                                                                    <option value=\"AS\">American Samoa<\/option>\n                                                                                    <option value=\"AD\">Andorra<\/option>\n                                                                                    <option value=\"AO\">Angola<\/option>\n                                                                                    <option value=\"AI\">Anguilla<\/option>\n                                                                                    <option value=\"AQ\">Antarctica<\/option>\n                                                                                    <option value=\"AG\">Antigua and Barbuda<\/option>\n                                                                                    <option value=\"AR\">Argentina<\/option>\n                                                                                    <option value=\"AM\">Armenia<\/option>\n                                                                                    <option value=\"AW\">Aruba<\/option>\n                                                                                    <option value=\"AU\">Australia<\/option>\n                                                                                    <option value=\"AT\">Austria<\/option>\n                                                                                    <option value=\"AZ\">Azerbaijan<\/option>\n                                                                                    <option value=\"BS\">Bahamas<\/option>\n                                                                                    <option value=\"BH\">Bahrain<\/option>\n                                                                                    <option value=\"BD\">Bangladesh<\/option>\n                                                                                    <option value=\"BB\">Barbados<\/option>\n                                                                                    <option value=\"BY\">Belarus<\/option>\n                                                                                    <option value=\"BE\">Belgium<\/option>\n                                                                                    <option value=\"BZ\">Belize<\/option>\n                                                                                    <option value=\"BJ\">Benin<\/option>\n                                                                                    <option value=\"BM\">Bermuda<\/option>\n                                                                                    <option value=\"BT\">Bhutan<\/option>\n                                                                                    <option value=\"BO\">Bolivia, Plurinational State of<\/option>\n                                                                                    <option value=\"BQ\">Bonaire, Sint Eustatius and Saba<\/option>\n                                                                                    <option value=\"BA\">Bosnia and Herzegovina<\/option>\n                                                                                    <option value=\"BW\">Botswana<\/option>\n                                                                                    <option value=\"BV\">Bouvet Island<\/option>\n                                                                                    <option value=\"BR\">Brazil<\/option>\n                                                                                    <option value=\"IO\">British Indian Ocean Territory<\/option>\n                                                                                    <option value=\"BN\">Brunei Darussalam<\/option>\n                                                                                    <option value=\"BG\">Bulgaria<\/option>\n                                                                                    <option value=\"BF\">Burkina Faso<\/option>\n                                                                                    <option value=\"BI\">Burundi<\/option>\n                                                                                    <option value=\"CV\">Cabo Verde<\/option>\n                                                                                    <option value=\"KH\">Cambodia<\/option>\n                                                                                    <option value=\"CM\">Cameroon<\/option>\n                                                                                    <option value=\"CA\">Canada<\/option>\n                                                                                    <option value=\"KY\">Cayman Islands<\/option>\n                                                                                    <option value=\"CF\">Central African Republic<\/option>\n                                                                                    <option value=\"TD\">Chad<\/option>\n                                                                                    <option value=\"CL\">Chile<\/option>\n                                                                                    <option value=\"CN\">China<\/option>\n                                                                                    <option value=\"CX\">Christmas Island<\/option>\n                                                                                    <option value=\"CC\">Cocos (Keeling) Islands<\/option>\n                                                                                    <option value=\"CO\">Colombia<\/option>\n                                                                                    <option value=\"KM\">Comoros<\/option>\n                                                                                    <option value=\"CG\">Congo<\/option>\n                                                                                    <option value=\"CD\">Congo, The Democratic Republic of the<\/option>\n                                                                                    <option value=\"CK\">Cook Islands<\/option>\n                                                                                    <option value=\"CR\">Costa Rica<\/option>\n                                                                                    <option value=\"HR\">Croatia<\/option>\n                                                                                    <option value=\"CU\">Cuba<\/option>\n                                                                                    <option value=\"CW\">Cura\u00e7ao<\/option>\n                                                                                    <option value=\"CY\">Cyprus<\/option>\n                                                                                    <option value=\"CZ\">Czechia<\/option>\n                                                                                    <option value=\"CI\">C\u00f4te d&#039;Ivoire<\/option>\n                                                                                    <option value=\"DK\">Denmark<\/option>\n                                                                                    <option value=\"DJ\">Djibouti<\/option>\n                                                                                    <option value=\"DM\">Dominica<\/option>\n                                                                                    <option value=\"DO\">Dominican Republic<\/option>\n                                                                                    <option value=\"EC\">Ecuador<\/option>\n                                                                                    <option value=\"EG\">Egypt<\/option>\n                                                                                    <option value=\"SV\">El Salvador<\/option>\n                                                                                    <option value=\"GQ\">Equatorial Guinea<\/option>\n                                                                                    <option value=\"ER\">Eritrea<\/option>\n                                                                                    <option value=\"EE\">Estonia<\/option>\n                                                                                    <option value=\"SZ\">Eswatini<\/option>\n                                                                                    <option value=\"ET\">Ethiopia<\/option>\n                                                                                    <option value=\"FK\">Falkland Islands (Malvinas)<\/option>\n                                                                                    <option value=\"FO\">Faroe Islands<\/option>\n                                                                                    <option value=\"FJ\">Fiji<\/option>\n                                                                                    <option value=\"FI\">Finland<\/option>\n                                                                                    <option value=\"FR\">France<\/option>\n                                                                                    <option value=\"GF\">French Guiana<\/option>\n                                                                                    <option value=\"PF\">French Polynesia<\/option>\n                                                                                    <option value=\"TF\">French Southern Territories<\/option>\n                                                                                    <option value=\"GA\">Gabon<\/option>\n                                                                                    <option value=\"GM\">Gambia<\/option>\n                                                                                    <option value=\"GE\">Georgia<\/option>\n                                                                                    <option value=\"DE\">Germany<\/option>\n                                                                                    <option value=\"GH\">Ghana<\/option>\n                                                                                    <option value=\"GI\">Gibraltar<\/option>\n                                                                                    <option value=\"GR\">Greece<\/option>\n                                                                                    <option value=\"GL\">Greenland<\/option>\n                                                                                    <option value=\"GD\">Grenada<\/option>\n                                                                                    <option value=\"GP\">Guadeloupe<\/option>\n                                                                                    <option value=\"GU\">Guam<\/option>\n                                                                                    <option value=\"GT\">Guatemala<\/option>\n                                                                                    <option value=\"GG\">Guernsey<\/option>\n                                                                                    <option value=\"GN\">Guinea<\/option>\n                                                                                    <option value=\"GW\">Guinea-Bissau<\/option>\n                                                                                    <option value=\"GY\">Guyana<\/option>\n                                                                                    <option value=\"HT\">Haiti<\/option>\n                                                                                    <option value=\"HM\">Heard Island and McDonald Islands<\/option>\n                                                                                    <option value=\"VA\">Holy See (Vatican City State)<\/option>\n                                                                                    <option value=\"HN\">Honduras<\/option>\n                                                                                    <option value=\"HK\">Hong Kong<\/option>\n                                                                                    <option value=\"HU\">Hungary<\/option>\n                                                                                    <option value=\"IS\">Iceland<\/option>\n                                                                                    <option value=\"IN\">India<\/option>\n                                                                                    <option value=\"ID\">Indonesia<\/option>\n                                                                                    <option value=\"IR\">Iran, Islamic Republic of<\/option>\n                                                                                    <option value=\"IQ\">Iraq<\/option>\n                                                                                    <option value=\"IE\">Ireland<\/option>\n                                                                                    <option value=\"IM\">Isle of Man<\/option>\n                                                                                    <option value=\"IL\">Israel<\/option>\n                                                                                    <option value=\"IT\">Italy<\/option>\n                                                                                    <option value=\"JM\">Jamaica<\/option>\n                                                                                    <option value=\"JP\">Japan<\/option>\n                                                                                    <option value=\"JE\">Jersey<\/option>\n                                                                                    <option value=\"JO\">Jordan<\/option>\n                                                                                    <option value=\"KZ\">Kazakhstan<\/option>\n                                                                                    <option value=\"KE\">Kenya<\/option>\n                                                                                    <option value=\"KI\">Kiribati<\/option>\n                                                                                    <option value=\"KP\">Korea, Democratic People&#039;s Republic of<\/option>\n                                                                                    <option value=\"KR\">Korea, Republic of<\/option>\n                                                                                    <option value=\"KW\">Kuwait<\/option>\n                                                                                    <option value=\"KG\">Kyrgyzstan<\/option>\n                                                                                    <option value=\"LA\">Lao People&#039;s Democratic Republic<\/option>\n                                                                                    <option value=\"LV\">Latvia<\/option>\n                                                                                    <option value=\"LB\">Lebanon<\/option>\n                                                                                    <option value=\"LS\">Lesotho<\/option>\n                                                                                    <option value=\"LR\">Liberia<\/option>\n                                                                                    <option value=\"LY\">Libya<\/option>\n                                                                                    <option value=\"LI\">Liechtenstein<\/option>\n                                                                                    <option value=\"LT\">Lithuania<\/option>\n                                                                                    <option value=\"LU\">Luxembourg<\/option>\n                                                                                    <option value=\"MO\">Macao<\/option>\n                                                                                    <option value=\"MG\">Madagascar<\/option>\n                                                                                    <option value=\"MW\">Malawi<\/option>\n                                                                                    <option value=\"MY\">Malaysia<\/option>\n                                                                                    <option value=\"MV\">Maldives<\/option>\n                                                                                    <option value=\"ML\">Mali<\/option>\n                                                                                    <option value=\"MT\">Malta<\/option>\n                                                                                    <option value=\"MH\">Marshall Islands<\/option>\n                                                                                    <option value=\"MQ\">Martinique<\/option>\n                                                                                    <option value=\"MR\">Mauritania<\/option>\n                                                                                    <option value=\"MU\">Mauritius<\/option>\n                                                                                    <option value=\"YT\">Mayotte<\/option>\n                                                                                    <option value=\"MX\">Mexico<\/option>\n                                                                                    <option value=\"FM\">Micronesia, Federated States of<\/option>\n                                                                                    <option value=\"MD\">Moldova, Republic of<\/option>\n                                                                                    <option value=\"MC\">Monaco<\/option>\n                                                                                    <option value=\"MN\">Mongolia<\/option>\n                                                                                    <option value=\"ME\">Montenegro<\/option>\n                                                                                    <option value=\"MS\">Montserrat<\/option>\n                                                                                    <option value=\"MA\">Morocco<\/option>\n                                                                                    <option value=\"MZ\">Mozambique<\/option>\n                                                                                    <option value=\"MM\">Myanmar<\/option>\n                                                                                    <option value=\"NA\">Namibia<\/option>\n                                                                                    <option value=\"NR\">Nauru<\/option>\n                                                                                    <option value=\"NP\">Nepal<\/option>\n                                                                                    <option value=\"NL\">Netherlands<\/option>\n                                                                                    <option value=\"NC\">New Caledonia<\/option>\n                                                                                    <option value=\"NZ\">New Zealand<\/option>\n                                                                                    <option value=\"NI\">Nicaragua<\/option>\n                                                                                    <option value=\"NE\">Niger<\/option>\n                                                                                    <option value=\"NG\">Nigeria<\/option>\n                                                                                    <option value=\"NU\">Niue<\/option>\n                                                                                    <option value=\"NF\">Norfolk Island<\/option>\n                                                                                    <option value=\"MK\">North Macedonia<\/option>\n                                                                                    <option value=\"MP\">Northern Mariana Islands<\/option>\n                                                                                    <option value=\"NO\">Norway<\/option>\n                                                                                    <option value=\"OM\">Oman<\/option>\n                                                                                    <option value=\"PK\">Pakistan<\/option>\n                                                                                    <option value=\"PW\">Palau<\/option>\n                                                                                    <option value=\"PS\">Palestine, State of<\/option>\n                                                                                    <option value=\"PA\">Panama<\/option>\n                                                                                    <option value=\"PG\">Papua New Guinea<\/option>\n                                                                                    <option value=\"PY\">Paraguay<\/option>\n                                                                                    <option value=\"PE\">Peru<\/option>\n                                                                                    <option value=\"PH\">Philippines<\/option>\n                                                                                    <option value=\"PN\">Pitcairn<\/option>\n                                                                                    <option value=\"PL\">Poland<\/option>\n                                                                                    <option value=\"PT\">Portugal<\/option>\n                                                                                    <option value=\"PR\">Puerto Rico<\/option>\n                                                                                    <option value=\"QA\">Qatar<\/option>\n                                                                                    <option value=\"RO\">Romania<\/option>\n                                                                                    <option value=\"RU\">Russian Federation<\/option>\n                                                                                    <option value=\"RW\">Rwanda<\/option>\n                                                                                    <option value=\"RE\">R\u00e9union<\/option>\n                                                                                    <option value=\"BL\">Saint Barth\u00e9lemy<\/option>\n                                                                                    <option value=\"SH\">Saint Helena, Ascension and Tristan da Cunha<\/option>\n                                                                                    <option value=\"KN\">Saint Kitts and Nevis<\/option>\n                                                                                    <option value=\"LC\">Saint Lucia<\/option>\n                                                                                    <option value=\"MF\">Saint Martin (French part)<\/option>\n                                                                                    <option value=\"PM\">Saint Pierre and Miquelon<\/option>\n                                                                                    <option value=\"VC\">Saint Vincent and the Grenadines<\/option>\n                                                                                    <option value=\"WS\">Samoa<\/option>\n                                                                                    <option value=\"SM\">San Marino<\/option>\n                                                                                    <option value=\"ST\">Sao Tome and Principe<\/option>\n                                                                                    <option value=\"SA\">Saudi Arabia<\/option>\n                                                                                    <option value=\"SN\">Senegal<\/option>\n                                                                                    <option value=\"RS\">Serbia<\/option>\n                                                                                    <option value=\"SC\">Seychelles<\/option>\n                                                                                    <option value=\"SL\">Sierra Leone<\/option>\n                                                                                    <option value=\"SG\">Singapore<\/option>\n                                                                                    <option value=\"SX\">Sint Maarten (Dutch part)<\/option>\n                                                                                    <option value=\"SK\">Slovakia<\/option>\n                                                                                    <option value=\"SI\">Slovenia<\/option>\n                                                                                    <option value=\"SB\">Solomon Islands<\/option>\n                                                                                    <option value=\"SO\">Somalia<\/option>\n                                                                                    <option value=\"ZA\">South Africa<\/option>\n                                                                                    <option value=\"GS\">South Georgia and the South Sandwich Islands<\/option>\n                                                                                    <option value=\"SS\">South Sudan<\/option>\n                                                                                    <option value=\"ES\">Spain<\/option>\n                                                                                    <option value=\"LK\">Sri Lanka<\/option>\n                                                                                    <option value=\"SD\">Sudan<\/option>\n                                                                                    <option value=\"SR\">Suriname<\/option>\n                                                                                    <option value=\"SJ\">Svalbard and Jan Mayen<\/option>\n                                                                                    <option value=\"SE\">Sweden<\/option>\n                                                                                    <option value=\"CH\">Switzerland<\/option>\n                                                                                    <option value=\"SY\">Syrian Arab Republic<\/option>\n                                                                                    <option value=\"TW\">Taiwan, Province of China<\/option>\n                                                                                    <option value=\"TJ\">Tajikistan<\/option>\n                                                                                    <option value=\"TZ\">Tanzania, United Republic of<\/option>\n                                                                                    <option value=\"TH\">Thailand<\/option>\n                                                                                    <option value=\"TL\">Timor-Leste<\/option>\n                                                                                    <option value=\"TG\">Togo<\/option>\n                                                                                    <option value=\"TK\">Tokelau<\/option>\n                                                                                    <option value=\"TO\">Tonga<\/option>\n                                                                                    <option value=\"TT\">Trinidad and Tobago<\/option>\n                                                                                    <option value=\"TN\">Tunisia<\/option>\n                                                                                    <option value=\"TM\">Turkmenistan<\/option>\n                                                                                    <option value=\"TC\">Turks and Caicos Islands<\/option>\n                                                                                    <option value=\"TV\">Tuvalu<\/option>\n                                                                                    <option value=\"TR\">T\u00fcrkiye<\/option>\n                                                                                    <option value=\"UG\">Uganda<\/option>\n                                                                                    <option value=\"UA\">Ukraine<\/option>\n                                                                                    <option value=\"AE\">United Arab Emirates<\/option>\n                                                                                    <option value=\"GB\">United Kingdom<\/option>\n                                                                                    <option value=\"US\">United States<\/option>\n                                                                                    <option value=\"UM\">United States Minor Outlying Islands<\/option>\n                                                                                    <option value=\"UY\">Uruguay<\/option>\n                                                                                    <option value=\"UZ\">Uzbekistan<\/option>\n                                                                                    <option value=\"VU\">Vanuatu<\/option>\n                                                                                    <option value=\"VE\">Venezuela, Bolivarian Republic of<\/option>\n                                                                                    <option value=\"VN\">Viet Nam<\/option>\n                                                                                    <option value=\"VG\">Virgin Islands, British<\/option>\n                                                                                    <option value=\"VI\">Virgin Islands, U.S.<\/option>\n                                                                                    <option value=\"WF\">Wallis and Futuna<\/option>\n                                                                                    <option value=\"EH\">Western Sahara<\/option>\n                                                                                    <option value=\"YE\">Yemen<\/option>\n                                                                                    <option value=\"ZM\">Zambia<\/option>\n                                                                                    <option value=\"ZW\">Zimbabwe<\/option>\n                                                                                    <option value=\"AX\">\u00c5land Islands<\/option>\n                                                                            <\/select>\n                                <\/div>\n                                <p x-show=\"profileError\" x-text=\"profileError\" class=\"mt-3 body-sm font-semibold text-primary\"><\/p>\n                                <button type=\"submit\" :disabled=\"savingProfile\"\n                                    class=\"w-full bg-primary rounded-[24px] flex gap-2 items-center justify-center mt-[36px] px-6 py-[14px] mx-auto relative px-5 group sign-btn-hover disabled:opacity-60\">\n                                    <span class=\"inline-block w-full body font-semibold text-white\" x-text=\"savingProfile ? 'Saving\\u2026' : 'Continue'\"><\/span>\n                                <\/button>\n                            <\/form>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n<\/div>\n\n<script>\n    function loginComponent() {\n        return {\n            tab: 'login',\n            returnTo: '',\n            email: '',\n            password: '',\n            password2: '',\n            remember: false,\n            code: '',\n            \/\/ Country\/Region picker. The options are server-rendered so\n            \/\/ TranslatePress can reach them; this holds only the selection.\n            country: '',\n            countryLabel: 'Select country\/region',\n            countryOpen: false,\n            \/\/ Country step for a customer who arrived through a provider.\n            showCountryStep: false,\n            profileCountry: '',\n            profileError: '',\n            savingProfile: false,\n            showRegister: false,\n            showCode: false,\n            showSuccessPopup: false,\t\n            showForgotPassword: false,\n            showCheckMail: false,\n            showReset: false,\n            resetLogin: '',\n            resetKey: '',\n            forgotError: '',\n            resetError: '',\n            resendNote: '',\n            loginNote: '',\n            sendingReset: false,\n            resetting: false,\n            pendingEmail: '',\n\t\t\tloginError: '',\n\t\t\tregisterError: '',\n\t\t\tverifyError: '',\n\t\t\tverifyNote: '',\t\t\tasync login() {\n\t\t\t\tthis.loginError = '';\n\t\t\t\tthis.verifyNote = '';\n\t\t\t\tif (!window.utAuth) return;\n                const fd = new FormData();\n                fd.append('action', 'ut_login');\n                if (this.returnTo) fd.append('redirect_to', this.returnTo);\n                fd.append('nonce', window.utAuth.nonce);\n                fd.append('email', this.email);\n                fd.append('password', this.password);\n                fd.append('remember', this.remember ? '1' : '0');\n                try {\n                    const res = await fetch(window.utAuth.ajaxUrl, {\n                        method: 'POST',\n                        credentials: 'same-origin',\n                        body: fd\n                    });\n                    const data = await res.json();\n                    if (this.authExpired(data)) { this.loginError = this.expiredMessage; return; }\n                    if (data.success) {\n                        window.location.href = data.data.redirect;\n                        return;\n                    }\n                    if (data.data && data.data.code === 'pending_verification') {\n                        this.pendingEmail = this.email;\n                        this.code = '';\n                        this.verifyError = '';\n                        this.verifyNote = data.data.message || '';\n                        this.showRegister = false;\n                        this.showCode = true;\n                        return;\n                    }\n                    this.loginError = (data.data && data.data.message) ? data.data.message : 'Unable to sign in. Please try again.';\n                } catch (e) {\n                    this.loginError = 'Unable to sign in. Please try again.';\n                }\n            },\t\t\tasync register() {\n\t\t\t\tthis.registerError = '';\n\t\t\t\tthis.verifyNote = '';\n\t\t\t\tif (!window.utAuth) return;\n                const fd = new FormData();\n                fd.append('action', 'ut_register');\n                fd.append('nonce', window.utAuth.nonce);\n                fd.append('email', this.email);\n                fd.append('country', this.country);\n                fd.append('password', this.password);\n                fd.append('confirm_password', this.password2);\n                try {\n                    const res = await fetch(window.utAuth.ajaxUrl, {\n                        method: 'POST',\n                        credentials: 'same-origin',\n                        body: fd\n                    });\n                    const data = await res.json();\n                    if (this.authExpired(data)) { this.registerError = this.expiredMessage; return; }\n                    if (data.success) {\n                        this.pendingEmail = this.email;\n                        this.code = '';\n                        this.verifyError = '';\n                        this.loginError = '';\n                        this.registerError = '';\n                        this.showRegister = false;\n                        this.showCode = true;\n                        this.showSuccessPopup = false;\n                        this.verifyNote = data.data.mail_failed\n                            ? \"We couldn't send your email just now. Use Resend below, or contact support if it keeps failing.\"\n                            : '';\n                        return;\n                    }\n                    this.registerError = (data.data && data.data.message) ? data.data.message : 'Unable to register. Please try again.';\n                } catch (e) {\n                    this.registerError = 'Unable to register. Please try again.';\n                }\n            },\t\t\tasync verify() {\n\t\t\t\tthis.verifyError = '';\n\t\t\t\tthis.verifyNote = '';\n\t\t\t\tif (!window.utAuth || !this.pendingEmail) return;\n                const fd = new FormData();\n                fd.append('action', 'ut_verify_code');\n                if (this.returnTo) fd.append('redirect_to', this.returnTo);\n                fd.append('nonce', window.utAuth.nonce);\n                fd.append('email', this.pendingEmail);\n                fd.append('code', this.code);\n                try {\n                    const res = await fetch(window.utAuth.ajaxUrl, {\n                        method: 'POST',\n                        credentials: 'same-origin',\n                        body: fd\n                    });\n                    const data = await res.json();\n                    if (this.authExpired(data)) { this.verifyError = this.expiredMessage; return; }\n                    if (data.success) {\n                        this.showCode = false;\n                        this.showSuccessPopup = true;\n                        setTimeout(() => {\n                            window.location.href = data.data.redirect;\n                        }, 2500);\n                        return;\n                    }\n                    this.verifyError = (data.data && data.data.message) ? data.data.message : 'Verification failed. Please try again.';\n                } catch (e) {\n                    this.verifyError = 'Verification failed. Please try again.';\n                }\n            },\t\t\tasync resend() {\n\t\t\t\tthis.verifyError = '';\n\t\t\t\tthis.verifyNote = '';\n\t\t\t\tif (!window.utAuth || !this.pendingEmail) return;\n                const fd = new FormData();\n                fd.append('action', 'ut_resend_code');\n                fd.append('nonce', window.utAuth.nonce);\n                fd.append('email', this.pendingEmail);\n                try {\n                    const res = await fetch(window.utAuth.ajaxUrl, {\n                        method: 'POST',\n                        credentials: 'same-origin',\n                        body: fd\n                    });\n                    const data = await res.json();\n\t\t\t\t\tif (this.authExpired(data)) { this.verifyError = this.expiredMessage; return; }\n\t\t\t\t\tif (data.success) {\n\t\t\t\t\t\tthis.code = '';\n\t\t\t\t\t\tthis.verifyNote = 'A new code has been sent to your email.';\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.verifyError = (data.data && data.data.message) ? data.data.message : 'Unable to resend. Please try again.';\n\t\t\t\t\t}\n                } catch (e) {\n                    this.verifyError = 'Unable to resend. Please try again.';\n                }\n            },\n\n            \/**\n             * admin-ajax answers a rejected nonce with a bare -1 and an unknown\n             * action with 0 \u2014 neither carries a message, so every one of them used\n             * to surface as the generic \"please try again\". The usual cause is a\n             * page served from cache with an expired nonce, and the only cure the\n             * visitor has is a reload, so say that plainly.\n             *\/\n            authExpired(data) {\n                return data === -1 || data === 0 || data === '-1' || data === '0';\n            },\n\n            expiredMessage: 'Your session has expired. Please refresh the page and try again.',\n\n            \/**\n             * Email a reset link, then move to the Check Your Email card.\n             *\n             * Also backs the \"Resend Email\" button on that card, which is why a\n             * success while it is already showing only leaves a note rather than\n             * re-entering the screen. The server answers the same way for an\n             * address with no account, so nothing here can report one.\n             *\/\n            async forgotPassword() {\n                this.forgotError = '';\n                this.resendNote = '';\n                if (!window.utAuth || this.sendingReset) return;\n                if (!this.email) {\n                    this.forgotError = 'Please enter your email address.';\n                    return;\n                }\n                this.sendingReset = true;\n                const fd = new FormData();\n                fd.append('action', 'ut_forgot_password');\n                fd.append('nonce', window.utAuth.nonce);\n                fd.append('email', this.email);\n                \/\/ The emailed link is built on this, so the card opens over the\n                \/\/ page they asked from instead of a bare login page.\n                fd.append('origin', this.returnTo || window.location.href);\n                try {\n                    const res = await fetch(window.utAuth.ajaxUrl, {\n                        method: 'POST',\n                        credentials: 'same-origin',\n                        body: fd\n                    });\n                    const data = await res.json();\n                    if (this.authExpired(data)) { this.forgotError = this.expiredMessage; return; }\n                    if (data.success) {\n                        if (this.showCheckMail) {\n                            this.resendNote = 'Reset link sent. Please check your inbox.';\n                        } else {\n                            this.showForgotPassword = false;\n                            this.showCheckMail = true;\n                        }\n                    } else {\n                        this.forgotError = (data.data && data.data.message) ? data.data.message : 'Unable to send the reset link. Please try again.';\n                    }\n                } catch (e) {\n                    this.forgotError = 'Unable to send the reset link. Please try again.';\n                } finally {\n                    this.sendingReset = false;\n                }\n            },\n\n            \/**\n             * Set the new password against the emailed key, then hand the\n             * visitor the sign-in card rather than signing them in silently.\n             *\/\n            async resetPassword() {\n                this.resetError = '';\n                if (!window.utAuth || this.resetting) return;\n                if (this.password.length < 8) {\n                    this.resetError = 'Password must be at least 8 characters.';\n                    return;\n                }\n                if (this.password !== this.password2) {\n                    this.resetError = 'Passwords do not match.';\n                    return;\n                }\n                this.resetting = true;\n                const fd = new FormData();\n                fd.append('action', 'ut_reset_password');\n                fd.append('nonce', window.utAuth.nonce);\n                fd.append('login', this.resetLogin);\n                fd.append('key', this.resetKey);\n                fd.append('password', this.password);\n                fd.append('confirm_password', this.password2);\n                try {\n                    const res = await fetch(window.utAuth.ajaxUrl, {\n                        method: 'POST',\n                        credentials: 'same-origin',\n                        body: fd\n                    });\n                    const data = await res.json();\n                    if (this.authExpired(data)) { this.resetError = this.expiredMessage; return; }\n                    if (data.success) {\n                        this.password = '';\n                        this.password2 = '';\n                        this.resetKey = '';\n                        this.resetLogin = '';\n                        this.stripResetArgs();\n                        this.showReset = false;\n                        this.tab = 'login';\n                        this.showRegister = true;\n                        this.loginNote = (data.data &#038;&#038; data.data.message) ? data.data.message : 'Your password has been reset. Please sign in.';\n                    } else {\n                        this.resetError = (data.data &#038;&#038; data.data.message) ? data.data.message : 'Unable to reset your password. Please try again.';\n                    }\n                } catch (e) {\n                    this.resetError = 'Unable to reset your password. Please try again.';\n                } finally {\n                    this.resetting = false;\n                }\n            },\n\n            \/**\n             * reset_password() clears the stored key, so the one in the address\n             * bar is spent. Drop it, or a refresh reopens the card only to fail\n             * against a key that no longer exists.\n             *\/\n            urlWithoutResetArgs() {\n                try {\n                    const url = new URL(window.location.href);\n                    url.searchParams.delete('ut_reset_key');\n                    url.searchParams.delete('ut_reset_login');\n                    return url.toString();\n                } catch (e) {\n                    return window.location.href;\n                }\n            },\n\n            stripResetArgs() {\n                if (!window.history || !window.history.replaceState) return;\n                try {\n                    window.history.replaceState({}, '', this.urlWithoutResetArgs());\n                } catch (e) {\n                    \/\/ An address bar we cannot rewrite is not worth failing the reset over.\n                }\n            },\n\n            closeAll() {\n                this.showRegister = false;\n                this.showCode = false;\n                this.showSuccessPopup = false;\n                this.showForgotPassword = false;\n                this.showCheckMail = false;\n                this.showReset = false;\n                this.forgotError = '';\n                this.resetError = '';\n                this.resendNote = '';\n            },\n\n            backToLogin() {\n                this.showCode = false;\n                this.showSuccessPopup = false;\n                this.showForgotPassword = false;\n                this.showCheckMail = false;\n                this.showReset = false;\n                this.forgotError = '';\n                this.resetError = '';\n                this.resendNote = '';\n                this.showRegister = true;\n            },\n\n            init() {\n            this.$watch(\n                () => this.showRegister || this.showCode || this.showSuccessPopup || this.showForgotPassword || this.showCheckMail || this.showReset || this.showCountryStep,\n                (isOpen) => {\n                    document.body.style.overflow = isOpen ? 'hidden' : '';\n                }\n            );\n\n            \/\/ Arrived from a reset link: open straight onto the Reset Password\n            \/\/ card. The key is only proven server-side, so an expired or forged\n            \/\/ one simply fails on submit.\n            if (this.resetKey && this.resetLogin) {\n                \/\/ The reset hands back the Sign In card; signing in there should\n                \/\/ leave the visitor on this page rather than bouncing them to My\n                \/\/ Account.\n                this.returnTo = this.urlWithoutResetArgs();\n                this.showReset = true;\n            }\n\n            \/\/ Bounced back from a provider: reopen the card so the message is\n            \/\/ seen rather than sitting behind a closed modal.\n            if (false) {\n                this.tab = 'login';\n                this.showRegister = true;\n            }\n\n            if ('country' === '') {\n                this.showCountryStep = true;\n            }\n        },\n\n            \/\/ Callers that need the visitor back where they started dispatch\n            \/\/ ut:open-login with { returnTo }. Everything else (the header\n            \/\/ account button) leaves it empty and lands on My Account.\n            openLogin(ev) {\n                this.returnTo = (ev && ev.detail && ev.detail.returnTo) ? ev.detail.returnTo : '';\n                this.tab = 'login';\n                this.email = '';\n                this.password = '';\n                this.password2 = '';\n                this.code = '';\n                this.country = '';\n                this.countryLabel = 'Select country\/region';\n                this.countryOpen = false;\n                this.pendingEmail = '';\n                this.loginError = '';\n                this.registerError = '';\n                this.verifyError = '';\n                this.verifyNote = '';\n                this.showCode = false;\n                this.showSuccessPopup = false;\n                this.showForgotPassword = false;\n                this.showCheckMail = false;\n                this.showReset = false;\n                this.forgotError = '';\n                this.resetError = '';\n                this.resendNote = '';\n                this.loginNote = '';\n                this.showRegister = true;\n            },\n\n            async completeProfile() {\n                this.profileError = '';\n                if (!window.utAuth || this.savingProfile) return;\n                if (!this.profileCountry) {\n                    this.profileError = 'Please select your country\/region.';\n                    return;\n                }\n                this.savingProfile = true;\n                const fd = new FormData();\n                fd.append('action', 'ut_complete_profile');\n                fd.append('nonce', window.utAuth.nonce);\n                fd.append('country', this.profileCountry);\n                try {\n                    const res = await fetch(window.utAuth.ajaxUrl, {\n                        method: 'POST',\n                        credentials: 'same-origin',\n                        body: fd\n                    });\n                    const data = await res.json();\n                    if (this.authExpired(data)) { this.profileError = this.expiredMessage; return; }\n                    if (data.success) {\n                        this.showCountryStep = false;\n                        \/\/ Drop the argument so a refresh does not reopen a step\n                        \/\/ that is already done.\n                        if (window.history && window.history.replaceState) {\n                            const url = new URL(window.location.href);\n                            url.searchParams.delete('ut_profile');\n                            window.history.replaceState({}, '', url.toString());\n                        }\n                    } else {\n                        this.profileError = (data.data && data.data.message) ? data.data.message : 'Unable to save. Please try again.';\n                    }\n                } catch (e) {\n                    this.profileError = 'Unable to save. Please try again.';\n                } finally {\n                    this.savingProfile = false;\n                }\n            },\n\n            selectCountry(el) {\n                this.country = el.dataset.value;\n                this.countryLabel = el.textContent.trim();\n                this.countryOpen = false;\n            },\n\n            openForgotPassword() {\n                this.showForgotPassword = true;\n                this.showRegister = false;\n                this.showCheckMail = false;\n                this.showReset = false;\n                this.forgotError = '';\n                this.resendNote = '';\n            },\n        }\n    }\n\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-533","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/uni-trend.visibleone.dev\/kr-kr\/wp-json\/wp\/v2\/pages\/533","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uni-trend.visibleone.dev\/kr-kr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uni-trend.visibleone.dev\/kr-kr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uni-trend.visibleone.dev\/kr-kr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uni-trend.visibleone.dev\/kr-kr\/wp-json\/wp\/v2\/comments?post=533"}],"version-history":[{"count":1,"href":"https:\/\/uni-trend.visibleone.dev\/kr-kr\/wp-json\/wp\/v2\/pages\/533\/revisions"}],"predecessor-version":[{"id":1371,"href":"https:\/\/uni-trend.visibleone.dev\/kr-kr\/wp-json\/wp\/v2\/pages\/533\/revisions\/1371"}],"wp:attachment":[{"href":"https:\/\/uni-trend.visibleone.dev\/kr-kr\/wp-json\/wp\/v2\/media?parent=533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}