{"id":12772,"date":"2020-07-21T15:13:37","date_gmt":"2020-07-21T15:13:37","guid":{"rendered":"https:\/\/demo1.mycartheme.com\/?page_id=12772"},"modified":"2023-01-06T13:45:47","modified_gmt":"2023-01-06T11:45:47","slug":"login-register","status":"publish","type":"page","link":"https:\/\/www.autobahn.co.za\/login-register\/","title":{"rendered":"Login \/ Register"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12772\" class=\"elementor elementor-12772\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1dc243a elementor-section-stretched vehica-login-register-page elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1dc243a\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8a3a0d5\" data-id=\"8a3a0d5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-17bfa30 elementor-widget elementor-widget-vehica_login_general_widget\" data-id=\"17bfa30\" data-element_type=\"widget\" data-widget_type=\"vehica_login_general_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div\r\n            class=\"vehica-app vehica-panel\"\r\n    >\r\n            <vehica-login-tabs>\r\n            <div slot-scope=\"props\" class=\"vehica-login-register-wide-container\">\r\n\r\n                                    <div class=\"vehica-login-register-tabs-wrapper\">\r\n                        <div class=\"vehica-login-register-tabs\">\r\n                            <div\r\n                                    @click=\"props.setTab('login')\"\r\n                                    class=\"vehica-login-register-tabs__login\"\r\n                                    :class=\"{'vehica-active': props.currentTab === 'login'}\"\r\n                            >\r\n                                Login                            <\/div>\r\n\r\n                            <div\r\n                                    @click=\"props.setTab('register')\"\r\n                                    class=\"vehica-login-register-tabs__register\"\r\n                                    :class=\"{'vehica-active': props.currentTab === 'register'}\"\r\n                            >\r\n                                Register                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                \r\n                <div class=\"vehica-panel-login-register\">\r\n                    <div class=\"vehica-login\" :class=\"{'vehica-active': props.currentTab === 'login'}\">\r\n                        <div class=\"vehica-login__inner\">\r\n                            <h2>Log in to your account<\/h2>\r\n\r\n                            <h3>Welcome back! Sign in to your account<\/h3>\r\n\r\n                            <vehica-login\r\n        request-url=\"https:\/\/www.autobahn.co.za\/wp-admin\/admin-post.php?action=vehica_login\"\r\n        vehica-nonce=\"5eff940778\"\r\n        redirect-url=\"https:\/\/www.autobahn.co.za\/panel\/?action=list\"\r\n        :is-admin=\"false\"\r\n            :re-captcha=\"true\"\r\n        re-captcha-key=\"6LeZ7NMjAAAAAPJNV7eCvDQO8gg8zOLduV5GEXE8\"\r\n    >\r\n    <div slot-scope=\"form\">\r\n        <form @submit.prevent=\"form.onLogin\">\r\n            <template>\r\n                <div\r\n                        v-if=\"form.message && form.message !== ''\"\r\n                        class=\"vehica-register-login-notice\"\r\n                >\r\n                    {{ form.message }}\r\n                <\/div>\r\n\r\n                <div\r\n                        v-if=\"form.confirmationRequired\"\r\n                        class=\"vehica-register-login-notice vehica-register-login-notice--resend-email\"\r\n                >\r\n                    <div>\r\n                        Your Account is not confirmed.                    <\/div>\r\n\r\n                    <div>\r\n                        Please check your email for confirmation link.                    <\/div>\r\n\r\n                    <a href=\"https:\/\/www.autobahn.co.za\/login-register\/?action=send_confirmation\">\r\n                        <i class=\"fas fa-envelope\"><\/i> Resend confirmation email                    <\/a>\r\n                <\/div>\r\n            <\/template>\r\n\r\n            \r\n            <div class=\"vehica-fields\">\r\n                <div\r\n                        class=\"vehica-field\"\r\n                        :class=\"{'vehica-field--validation-required': form.showLoginError}\"\r\n                >\r\n                    <input\r\n                            id=\"login\"\r\n                            name=\"login\"\r\n                            placeholder=\"Email or Username\"\r\n                            @input=\"form.setLogin($event.target.value)\"\r\n                            :value=\"form.login\"\r\n                            type=\"text\"\r\n                    >\r\n\r\n                    <template>\r\n                        <div v-if=\"form.showErrors\" class=\"vehica-field--validation-required__tip\">\r\n                            <div v-if=\"!form.errors.login.required\"\r\n                                 class=\"vehica-field--validation-required__tip__text\">\r\n                                Field is required                            <\/div>\r\n                            <div v-if=\"!form.errors.login.minLength\"\r\n                                 class=\"vehica-field--validation-required__tip__text\">\r\n                                Username must have at least 4 letters.                            <\/div>\r\n                        <\/div>\r\n                    <\/template>\r\n                <\/div>\r\n\r\n                <div\r\n                        class=\"vehica-field\"\r\n                        :class=\"{'vehica-field--validation-required': form.showPasswordError}\"\r\n                >\r\n                    <input\r\n                            id=\"vehica-login-password\"\r\n                            name=\"password\"\r\n                            @input=\"form.setPassword($event.target.value)\"\r\n                            placeholder=\"Password\"\r\n                            :value=\"form.password\"\r\n                            type=\"password\"\r\n                    >\r\n\r\n                    <template>\r\n                        <div v-if=\"form.showErrors\" class=\"vehica-field--validation-required__tip\">\r\n                            <div v-if=\"!form.errors.password.required\"\r\n                                 class=\"vehica-field--validation-required__tip__text\">\r\n                                Field is required                            <\/div>\r\n\r\n                            <div v-if=\"!form.errors.password.minLength\"\r\n                                 class=\"vehica-field--validation-required__tip__text\">\r\n                                Password must have at least 6 letters.                            <\/div>\r\n                        <\/div>\r\n                    <\/template>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"vehica-login__below-fields\">\r\n                <div class=\"vehica-login__remember\">\r\n                    <div class=\"vehica-checkbox\">\r\n                        <input\r\n                                @change.prevent=\"form.setRemember\"\r\n                                id=\"remember\"\r\n                                name=\"remember\"\r\n                                type=\"checkbox\"\r\n                                :checked=\"form.remember\"\r\n                        >\r\n\r\n                        <label for=\"remember\">\r\n                            Remember                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"vehica-login__forgotten-password\">\r\n                    <a href=\"https:\/\/www.autobahn.co.za\/login-register\/?action=reset_password\">\r\n                        Forgotten password?                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <button\r\n                    class=\"vehica-button vehica-button--login vehica-button--with-progress-animation\"\r\n                    :class=\"{'vehica-button--with-progress-animation--active': form.inProgress}\"\r\n                    :disabled=\"form.inProgress\"\r\n            >\r\n                <template>\r\n                    <svg\r\n                            v-if=\"form.inProgress\"\r\n                            width=\"120\"\r\n                            height=\"30\"\r\n                            wviewBox=\"0 0 120 30\"\r\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                            fill=\"#fff\"\r\n                    >\r\n                        <circle cx=\"15\" cy=\"15\" r=\"15\">\r\n                            <animate attributeName=\"r\" from=\"15\" to=\"15\"\r\n                                     begin=\"0s\" dur=\"0.8s\"\r\n                                     values=\"15;9;15\" calcMode=\"linear\"\r\n                                     repeatCount=\"indefinite\"\/>\r\n                            <animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\"\r\n                                     begin=\"0s\" dur=\"0.8s\"\r\n                                     values=\"1;.5;1\" calcMode=\"linear\"\r\n                                     repeatCount=\"indefinite\"\/>\r\n                        <\/circle>\r\n                        <circle cx=\"60\" cy=\"15\" r=\"9\" fill-opacity=\"0.3\">\r\n                            <animate attributeName=\"r\" from=\"9\" to=\"9\"\r\n                                     begin=\"0s\" dur=\"0.8s\"\r\n                                     values=\"9;15;9\" calcMode=\"linear\"\r\n                                     repeatCount=\"indefinite\"\/>\r\n                            <animate attributeName=\"fill-opacity\" from=\"0.5\" to=\"0.5\"\r\n                                     begin=\"0s\" dur=\"0.8s\"\r\n                                     values=\".5;1;.5\" calcMode=\"linear\"\r\n                                     repeatCount=\"indefinite\"\/>\r\n                        <\/circle>\r\n                        <circle cx=\"105\" cy=\"15\" r=\"15\">\r\n                            <animate attributeName=\"r\" from=\"15\" to=\"15\"\r\n                                     begin=\"0s\" dur=\"0.8s\"\r\n                                     values=\"15;9;15\" calcMode=\"linear\"\r\n                                     repeatCount=\"indefinite\"\/>\r\n                            <animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\"\r\n                                     begin=\"0s\" dur=\"0.8s\"\r\n                                     values=\"1;.5;1\" calcMode=\"linear\"\r\n                                     repeatCount=\"indefinite\"\/>\r\n                        <\/circle>\r\n                    <\/svg>\r\n                <\/template>\r\n\r\n                <span>Login<\/span>\r\n            <\/button>\r\n        <\/form>\r\n    <\/div>\r\n<\/vehica-login>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                                                                        <div class=\"vehica-panel-login-register__or\">\r\n                                or                            <\/div>\r\n                        \r\n                        <div class=\"vehica-register\" :class=\"{'vehica-active': props.currentTab === 'register'}\">\r\n                            <div class=\"vehica-register__inner\">\r\n                                <h2>Register<\/h2>\r\n\r\n                                <h3>Create new account today.<\/h3>\r\n\r\n                                <vehica-register\r\n        vehica-nonce=\"fe464bee5c\"\r\n        request-url=\"https:\/\/www.autobahn.co.za\/wp-admin\/admin-post.php?action=vehica_register\"\r\n        panel-page=\"https:\/\/www.autobahn.co.za\/panel\/?action=list\"\r\n        :accept-policy=\"true\"\r\n        :is-admin=\"false\"\r\n        :phone-required=\"false\"\r\n            :re-captcha=\"true\"\r\n        re-captcha-key=\"6LeZ7NMjAAAAAPJNV7eCvDQO8gg8zOLduV5GEXE8\"\r\n    >\r\n    <div slot-scope=\"registerForm\">\r\n        <form @submit.prevent=\"registerForm.onRegister\">\r\n\r\n            <template v-if=\"registerForm.message && registerForm.message !== ''\">\r\n                <div>\r\n                    {{ registerForm.message }}\r\n                <\/div>\r\n            <\/template>\r\n\r\n            \r\n            <template>\r\n                <div v-if=\"registerForm.showErrors\">\r\n                    <div v-if=\"!registerForm.errors.termsAccept.sameAs\" class=\"vehica-register-login-notice\">\r\n                        You must accept the privacy policy                    <\/div>\r\n                <\/div>\r\n            <\/template>\r\n\r\n            <div class=\"vehica-fields\">\r\n                <div\r\n                        class=\"vehica-field\"\r\n                        :class=\"{'vehica-field--validation-required': registerForm.showNameError}\"\r\n                >\r\n                    <input\r\n                            id=\"name\"\r\n                            name=\"name\"\r\n                            @input=\"registerForm.setName($event.target.value)\"\r\n                            :value=\"registerForm.name\"\r\n                            type=\"text\"\r\n                            placeholder=\"Username*\"\r\n                            required\r\n                    >\r\n\r\n                    <template>\r\n                        <div\r\n                                v-if=\"registerForm.showErrors\"\r\n                                class=\"vehica-field--validation-required__tip\"\r\n                        >\r\n                            <div\r\n                                    v-if=\"!registerForm.errors.name.required\"\r\n                                    class=\"vehica-field--validation-required__tip__text\"\r\n                            >\r\n                                Field is required                            <\/div>\r\n\r\n                            <div\r\n                                    v-if=\"!registerForm.errors.name.minLength\"\r\n                                    class=\"vehica-field--validation-required__tip__text\"\r\n                            >\r\n                                Username must have at least 4 letters.                            <\/div>\r\n                        <\/div>\r\n                    <\/template>\r\n                <\/div>\r\n\r\n                <div\r\n                        class=\"vehica-field\"\r\n                        :class=\"{'vehica-field--validation-required': registerForm.showEmailError}\"\r\n                >\r\n                    <input\r\n                            id=\"email\"\r\n                            name=\"email\"\r\n                            @input=\"registerForm.setMail($event.target.value)\"\r\n                            :value=\"registerForm.email\"\r\n                            type=\"text\"\r\n                            placeholder=\"Email*\"\r\n                            required\r\n                    >\r\n\r\n                    <template>\r\n                        <div\r\n                                v-if=\"registerForm.showErrors\"\r\n                                class=\"vehica-field--validation-required__tip\"\r\n                        >\r\n                            <div\r\n                                    v-if=\"!registerForm.errors.email.required\"\r\n                                    class=\"vehica-field--validation-required__tip__text\"\r\n                            >\r\n                                Field is required                            <\/div>\r\n\r\n                            <div\r\n                                    v-if=\"!registerForm.errors.email.email\"\r\n                                    class=\"vehica-field--validation-required__tip__text\"\r\n                            >\r\n                                Invalid email format.                            <\/div>\r\n                        <\/div>\r\n                    <\/template>\r\n                <\/div>\r\n\r\n                                    <div\r\n                            class=\"vehica-field\"\r\n                            :class=\"{'vehica-field--validation-required': registerForm.showPhoneError}\"\r\n                    >\r\n                        <input\r\n                                id=\"phone\"\r\n                                name=\"phone\"\r\n                                @input=\"registerForm.setPhone($event.target.value)\"\r\n                                :value=\"registerForm.phone\"\r\n                                type=\"text\"\r\n                                                            placeholder=\"Phone\"\r\n                                                    >\r\n\r\n                        <template>\r\n                            <div\r\n                                    v-if=\"registerForm.showErrors\"\r\n                                    class=\"vehica-field--validation-required__tip\"\r\n                            >\r\n                                <div\r\n                                        v-if=\"!registerForm.errors.phone.isPhone\"\r\n                                        class=\"vehica-field--validation-required__tip__text\"\r\n                                >\r\n                                    Only allow numbers, hyphens, and parentheses                                <\/div>\r\n\r\n                                                            <\/div>\r\n                        <\/template>\r\n                    <\/div>\r\n                \r\n                <div\r\n                        class=\"vehica-field\"\r\n                        :class=\"{'vehica-field--validation-required': registerForm.showPasswordError}\"\r\n                >\r\n                    <input\r\n                            id=\"vehica-register-password\"\r\n                            name=\"password\"\r\n                            @input=\"registerForm.setPassword($event.target.value)\"\r\n                            :value=\"registerForm.password\"\r\n                            type=\"password\"\r\n                            placeholder=\"Password*\"\r\n                            required\r\n                    >\r\n\r\n                    <template>\r\n                        <div\r\n                                v-if=\"registerForm.showErrors\"\r\n                                class=\"vehica-field--validation-required__tip\"\r\n                        >\r\n                            <div\r\n                                    v-if=\"!registerForm.errors.password.required\"\r\n                                    class=\"vehica-field--validation-required__tip__text\"\r\n                            >\r\n                                Field is required                            <\/div>\r\n\r\n                            <div\r\n                                    v-if=\"!registerForm.errors.password.minLength\"\r\n                                    class=\"vehica-field--validation-required__tip__text\"\r\n                            >\r\n                                Password must have at least 6 letters.                            <\/div>\r\n                        <\/div>\r\n                    <\/template>\r\n                <\/div>\r\n            <\/div>\r\n\r\n                            <div class=\"vehica-register__select-user-role\">\r\n                    <div class=\"vehica-register__user-role\">\r\n                        <div class=\"vehica-radio\">\r\n                            <input\r\n                                    id=\"role_private\"\r\n                                    type=\"radio\"\r\n                                    value=\"private\"\r\n                                    name=\"role\"\r\n                                    @change.prevent=\"registerForm.setRole('private')\"\r\n                                    :checked=\"registerForm.role === 'private'\"\r\n                            >\r\n\r\n                            <label for=\"role_private\">\r\n                                Private seller                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"vehica-register__user-role\">\r\n                        <div class=\"vehica-radio\">\r\n                            <input\r\n                                    id=\"role_business\"\r\n                                    type=\"radio\"\r\n                                    value=\"business\"\r\n                                    name=\"role\"\r\n                                    @change.prevent=\"registerForm.setRole('business')\"\r\n                                    :checked=\"registerForm.role === 'business'\"\r\n                            >\r\n\r\n                            <label for=\"role_business\">\r\n                                Business seller                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            \r\n                            <div class=\"vehica-register__terms\">\r\n                    <div class=\"vehica-checkbox\">\r\n                        <input\r\n                                :checked=\"registerForm.termsAccept\"\r\n                                @change=\"registerForm.setTermsAccept\"\r\n                                type=\"checkbox\"\r\n                                id=\"checkbox_terms\"\r\n                        >\r\n\r\n                        <label for=\"checkbox_terms\">\r\n                            I accept the <a href=\"https:\/\/www.autobahn.co.za\/privacy-policy\/\">privacy policy<\/a>                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n            \r\n            <button\r\n                    class=\"vehica-button vehica-button--register vehica-button--with-progress-animation\"\r\n                    :class=\"{'vehica-button--with-progress-animation--active': registerForm.inProgress}\"\r\n                    :disabled=\"registerForm.inProgress\"\r\n            >\r\n                <template>\r\n                    <svg\r\n                            v-if=\"registerForm.inProgress\"\r\n                            width=\"120\"\r\n                            height=\"30\"\r\n                            viewBox=\"0 0 120 30\"\r\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                            fill=\"#fff\"\r\n                    >\r\n                        <circle cx=\"15\" cy=\"15\" r=\"15\">\r\n                            <animate attributeName=\"r\" from=\"15\" to=\"15\"\r\n                                     begin=\"0s\" dur=\"0.8s\"\r\n                                     values=\"15;9;15\" calcMode=\"linear\"\r\n                                     repeatCount=\"indefinite\"\/>\r\n                            <animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\"\r\n                                     begin=\"0s\" dur=\"0.8s\"\r\n                                     values=\"1;.5;1\" calcMode=\"linear\"\r\n                                     repeatCount=\"indefinite\"\/>\r\n                        <\/circle>\r\n                        <circle cx=\"60\" cy=\"15\" r=\"9\" fill-opacity=\"0.3\">\r\n                            <animate attributeName=\"r\" from=\"9\" to=\"9\"\r\n                                     begin=\"0s\" dur=\"0.8s\"\r\n                                     values=\"9;15;9\" calcMode=\"linear\"\r\n                                     repeatCount=\"indefinite\"\/>\r\n                            <animate attributeName=\"fill-opacity\" from=\"0.5\" to=\"0.5\"\r\n                                     begin=\"0s\" dur=\"0.8s\"\r\n                                     values=\".5;1;.5\" calcMode=\"linear\"\r\n                                     repeatCount=\"indefinite\"\/>\r\n                        <\/circle>\r\n                        <circle cx=\"105\" cy=\"15\" r=\"15\">\r\n                            <animate attributeName=\"r\" from=\"15\" to=\"15\"\r\n                                     begin=\"0s\" dur=\"0.8s\"\r\n                                     values=\"15;9;15\" calcMode=\"linear\"\r\n                                     repeatCount=\"indefinite\"\/>\r\n                            <animate attributeName=\"fill-opacity\" from=\"1\" to=\"1\"\r\n                                     begin=\"0s\" dur=\"0.8s\"\r\n                                     values=\"1;.5;1\" calcMode=\"linear\"\r\n                                     repeatCount=\"indefinite\"\/>\r\n                        <\/circle>\r\n                    <\/svg>\r\n                <\/template>\r\n\r\n                <span>Register<\/span>\r\n            <\/button>\r\n        <\/form>\r\n    <\/div>\r\n<\/vehica-register>\r\n                            <\/div>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/vehica-login-tabs>\r\n    <\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Login Register Log in to your account Welcome back! Sign in to your account {{ form.message }} Your Account is not confirmed. Please check your email for confirmation link. Resend confirmation email Field is required Username must have at least 4 letters. Field is required Password must have at least 6 letters. Remember Forgotten password? [&hellip;]<\/p>\n","protected":false},"author":80,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"_links":{"self":[{"href":"https:\/\/www.autobahn.co.za\/wp-json\/wp\/v2\/pages\/12772"}],"collection":[{"href":"https:\/\/www.autobahn.co.za\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.autobahn.co.za\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.autobahn.co.za\/wp-json\/wp\/v2\/users\/80"}],"replies":[{"embeddable":true,"href":"https:\/\/www.autobahn.co.za\/wp-json\/wp\/v2\/comments?post=12772"}],"version-history":[{"count":0,"href":"https:\/\/www.autobahn.co.za\/wp-json\/wp\/v2\/pages\/12772\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.autobahn.co.za\/wp-json\/wp\/v2\/media?parent=12772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}