{"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":"2020-10-16T13:46:04","modified_gmt":"2020-10-16T13:46:04","slug":"login-register","status":"publish","type":"page","link":"https:\/\/suizhoutruck.com\/es\/login-register\/","title":{"rendered":"Login \/ Register"},"content":{"rendered":"<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\t\t<div\n            class=\"vehica-app vehica-panel\"\n    >\n            <vehica-login-tabs>\n            <div slot-scope=\"props\" class=\"vehica-login-register-wide-container\">\n\n                                    <div class=\"vehica-login-register-tabs-wrapper\">\n                        <div class=\"vehica-login-register-tabs\">\n                            <div\n                                    @click=\"props.setTab('login')\"\n                                    class=\"vehica-login-register-tabs__login\"\n                                    :class=\"{'vehica-active': props.currentTab === 'login'}\"\n                            >\n                                Acceso                            <\/div>\n\n                            <div\n                                    @click=\"props.setTab('register')\"\n                                    class=\"vehica-login-register-tabs__register\"\n                                    :class=\"{'vehica-active': props.currentTab === 'register'}\"\n                            >\n                                Registro                            <\/div>\n                        <\/div>\n                    <\/div>\n                \n                <div class=\"vehica-panel-login-register\">\n                    <div class=\"vehica-login\" :class=\"{'vehica-active': props.currentTab === 'login'}\">\n                        <div class=\"vehica-login__inner\">\n                            <h2>Inicia sesi\u00f3n en tu cuenta<\/h2>\n\n                            <h3>\u00a1Bienvenido de nuevo! Inicia sesi\u00f3n en tu cuenta.<\/h3>\n\n                            <vehica-login\n        request-url=\"https:\/\/suizhoutruck.com\/wp-admin\/admin-post.php?action=vehica_login\"\n        vehica-nonce=\"039fc8dcca\"\n        redirect-url=\"https:\/\/suizhoutruck.com\/es\/panel\/?action=list\"\n        :is-admin=\"false\"\n    >\n    <div slot-scope=\"form\">\n        <form @submit.prevent=\"form.onLogin\" action=\"\">\n            <template>\n                <div\n                        v-if=\"form.message && form.message !== ''\"\n                        class=\"vehica-register-login-notice\"\n                >\n                    {{ formulario.mensaje }}\n                <\/div>\n\n                <div\n                        v-if=\"form.confirmationRequired\"\n                        class=\"vehica-register-login-notice vehica-register-login-notice--resend-email\"\n                >\n                    <div>\n                        Tu cuenta no est\u00e1 confirmada.                    <\/div>\n\n                    <div>\n                        Por favor, revise su correo electr\u00f3nico para obtener el enlace de confirmaci\u00f3n.                    <\/div>\n\n                    <a href=\"https:\/\/suizhoutruck.com\/es\/login-register\/?action=send_confirmation\">\n                        <i class=\"fas fa-envelope\"><\/i> Reenviar correo electr\u00f3nico de confirmaci\u00f3n                    <\/a>\n                <\/div>\n            <\/template>\n\n            \n            <div class=\"vehica-fields\">\n                <div\n                        class=\"vehica-field\"\n                        :class=\"{'vehica-field--validation-required': form.showLoginError}\"\n                >\n                    <input\n                            id=\"login\"\n                            name=\"login\"\n                            placeholder=\"Correo electr\u00f3nico o nombre de usuario\"\n                            @input=\"form.setLogin($event.target.value)\"\n                            :value=\"form.login\"\n                            type=\"text\"\n                    >\n\n                    <template>\n                        <div v-if=\"form.showErrors\" class=\"vehica-field--validation-required__tip\">\n                            <div v-if=\"!form.errors.login.required\"\n                                 class=\"vehica-field--validation-required__tip__text\">\n                                Este campo es obligatorio.                            <\/div>\n                            <div v-if=\"!form.errors.login.minLength\"\n                                 class=\"vehica-field--validation-required__tip__text\">\n                                El nombre de usuario debe tener al menos 4 letras.                            <\/div>\n                        <\/div>\n                    <\/template>\n                <\/div>\n\n                <div\n                        class=\"vehica-field\"\n                        :class=\"{'vehica-field--validation-required': form.showPasswordError}\"\n                >\n                    <input\n                            id=\"vehica-login-password\"\n                            name=\"password\"\n                            @input=\"form.setPassword($event.target.value)\"\n                            placeholder=\"Contrase\u00f1a\"\n                            :value=\"form.password\"\n                            type=\"password\"\n                    >\n\n                    <template>\n                        <div v-if=\"form.showErrors\" class=\"vehica-field--validation-required__tip\">\n                            <div v-if=\"!form.errors.password.required\"\n                                 class=\"vehica-field--validation-required__tip__text\">\n                                Este campo es obligatorio.                            <\/div>\n\n                            <div v-if=\"!form.errors.password.minLength\"\n                                 class=\"vehica-field--validation-required__tip__text\">\n                                La contrase\u00f1a debe tener al menos 6 letras.                            <\/div>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/div>\n\n            <div class=\"vehica-login__below-fields\">\n                <div class=\"vehica-login__remember\">\n                    <div class=\"vehica-checkbox\">\n                        <input\n                                @change.prevent=\"form.setRemember\"\n                                id=\"remember\"\n                                name=\"remember\"\n                                type=\"checkbox\"\n                                :checked=\"form.remember\"\n                        >\n\n                        <label for=\"remember\">\n                            Recordar                        <\/label>\n                    <\/div>\n                <\/div>\n\n                <div class=\"vehica-login__forgotten-password\">\n                    <a href=\"https:\/\/suizhoutruck.com\/es\/login-register\/?action=reset_password\">\n                        \u00bfOlvidaste tu contrase\u00f1a?                    <\/a>\n                <\/div>\n            <\/div>\n\n            <button\n                    class=\"vehica-button vehica-button--login vehica-button--with-progress-animation\"\n                    :class=\"{'vehica-button--with-progress-animation--active': form.inProgress}\"\n                    :disabled=\"form.inProgress\"\n            >\n                <template>\n                    <svg\n                            v-if=\"form.inProgress\"\n                            width=\"120\"\n                            height=\"30\"\n                            wviewbox=\"0 0 120 30\"\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                            fill=\"#fff\"\n                    >\n                        <circle cx=\"15\" cy=\"15\" r=\"15\">\n                            <animate attributename=\"r\" from=\"15\" to=\"15\"\n                                     begin=\"0s\" dur=\"0.8s\"\n                                     values=\"15;9;15\" calcmode=\"linear\"\n                                     repeatcount=\"indefinite\"\/>\n                            <animate attributename=\"fill-opacity\" from=\"1\" to=\"1\"\n                                     begin=\"0s\" dur=\"0.8s\"\n                                     values=\"1;.5;1\" calcmode=\"linear\"\n                                     repeatcount=\"indefinite\"\/>\n                        <\/circle>\n                        <circle cx=\"60\" cy=\"15\" r=\"9\" fill-opacity=\"0.3\">\n                            <animate attributename=\"r\" from=\"9\" to=\"9\"\n                                     begin=\"0s\" dur=\"0.8s\"\n                                     values=\"9;15;9\" calcmode=\"linear\"\n                                     repeatcount=\"indefinite\"\/>\n                            <animate attributename=\"fill-opacity\" from=\"0.5\" to=\"0.5\"\n                                     begin=\"0s\" dur=\"0.8s\"\n                                     values=\".5;1;.5\" calcmode=\"linear\"\n                                     repeatcount=\"indefinite\"\/>\n                        <\/circle>\n                        <circle cx=\"105\" cy=\"15\" r=\"15\">\n                            <animate attributename=\"r\" from=\"15\" to=\"15\"\n                                     begin=\"0s\" dur=\"0.8s\"\n                                     values=\"15;9;15\" calcmode=\"linear\"\n                                     repeatcount=\"indefinite\"\/>\n                            <animate attributename=\"fill-opacity\" from=\"1\" to=\"1\"\n                                     begin=\"0s\" dur=\"0.8s\"\n                                     values=\"1;.5;1\" calcmode=\"linear\"\n                                     repeatcount=\"indefinite\"\/>\n                        <\/circle>\n                    <\/svg>\n                <\/template>\n\n                <span>Acceso<\/span>\n            <\/button>\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\n    <\/div>\n<\/vehica-login>\n                        <\/div>\n                    <\/div>\n\n                                                                        <div class=\"vehica-panel-login-register__or\">\n                                o                            <\/div>\n                        \n                        <div class=\"vehica-register\" :class=\"{'vehica-active': props.currentTab === 'register'}\">\n                            <div class=\"vehica-register__inner\">\n                                <h2>Registro<\/h2>\n\n                                <h3>Crea una nueva cuenta hoy mismo.<\/h3>\n\n                                <vehica-register\n        vehica-nonce=\"96c4346f93\"\n        request-url=\"https:\/\/suizhoutruck.com\/wp-admin\/admin-post.php?action=vehica_register\"\n        panel-page=\"https:\/\/suizhoutruck.com\/es\/panel\/?action=list\"\n        :accept-policy=\"true\"\n        :is-admin=\"false\"\n        :phone-required=\"false\"\n    >\n    <div slot-scope=\"registerForm\">\n        <form @submit.prevent=\"registerForm.onRegister\" action=\"\">\n\n            <template v-if=\"registerForm.message && registerForm.message !== ''\">\n                <div>\n                    {{ registerForm.message }}\n                <\/div>\n            <\/template>\n\n            \n            <template>\n                <div v-if=\"registerForm.showErrors\">\n                    <div v-if=\"!registerForm.errors.termsAccept.sameAs\" class=\"vehica-register-login-notice\">\n                        Debes aceptar la pol\u00edtica de privacidad.                    <\/div>\n                <\/div>\n            <\/template>\n\n            <div class=\"vehica-fields\">\n                <div\n                        class=\"vehica-field\"\n                        :class=\"{'vehica-field--validation-required': registerForm.showNameError}\"\n                >\n                    <input\n                            id=\"name\"\n                            name=\"name\"\n                            @input=\"registerForm.setName($event.target.value)\"\n                            :value=\"registerForm.name\"\n                            type=\"text\"\n                            placeholder=\"Nombre de usuario*\"\n                            required\n>\n\n                    <template>\n                        <div\n                                v-if=\"registerForm.showErrors\"\n                                class=\"vehica-field--validation-required__tip\"\n                        >\n                            <div\n                                    v-if=\"!registerForm.errors.name.required\"\n                                    class=\"vehica-field--validation-required__tip__text\"\n                            >\n                                Este campo es obligatorio.                            <\/div>\n\n                            <div\n                                    v-if=\"!registerForm.errors.name.minLength\"\n                                    class=\"vehica-field--validation-required__tip__text\"\n                            >\n                                El nombre de usuario debe tener al menos 4 letras.                            <\/div>\n                        <\/div>\n                    <\/template>\n                <\/div>\n\n                <div\n                        class=\"vehica-field\"\n                        :class=\"{'vehica-field--validation-required': registerForm.showEmailError}\"\n                >\n                    <input\n                            id=\"email\"\n                            name=\"email\"\n                            @input=\"registerForm.setMail($event.target.value)\"\n                            :value=\"registerForm.email\"\n                            type=\"text\"\n                            placeholder=\"Correo electr\u00f3nico*\"\n                            required\n>\n\n                    <template>\n                        <div\n                                v-if=\"registerForm.showErrors\"\n                                class=\"vehica-field--validation-required__tip\"\n                        >\n                            <div\n                                    v-if=\"!registerForm.errors.email.required\"\n                                    class=\"vehica-field--validation-required__tip__text\"\n                            >\n                                Este campo es obligatorio.                            <\/div>\n\n                            <div\n                                    v-if=\"!registerForm.errors.email.email\"\n                                    class=\"vehica-field--validation-required__tip__text\"\n                            >\n                                Formato de correo electr\u00f3nico no v\u00e1lido.                            <\/div>\n                        <\/div>\n                    <\/template>\n                <\/div>\n\n                                    <div\n                            class=\"vehica-field\"\n                            :class=\"{'vehica-field--validation-required': registerForm.showPhoneError}\"\n                    >\n                        <input\n                                id=\"phone\"\n                                name=\"phone\"\n                                @input=\"registerForm.setPhone($event.target.value)\"\n                                :value=\"registerForm.phone\"\n                                type=\"text\"\n                                                            placeholder=\"Tel\u00e9fono\"\n                                                    >\n\n                        <template>\n                            <div\n                                    v-if=\"registerForm.showErrors\"\n                                    class=\"vehica-field--validation-required__tip\"\n                            >\n                                <div\n                                        v-if=\"!registerForm.errors.phone.isPhone\"\n                                        class=\"vehica-field--validation-required__tip__text\"\n                                >\n                                    Solo se permiten n\u00fameros, guiones y par\u00e9ntesis.                                <\/div>\n\n                                                            <\/div>\n                        <\/template>\n                    <\/div>\n                \n                <div\n                        class=\"vehica-field\"\n                        :class=\"{'vehica-field--validation-required': registerForm.showPasswordError}\"\n                >\n                    <input\n                            id=\"vehica-register-password\"\n                            name=\"password\"\n                            @input=\"registerForm.setPassword($event.target.value)\"\n                            :value=\"registerForm.password\"\n                            type=\"password\"\n                            placeholder=\"Contrase\u00f1a*\"\n                            required\n>\n\n                    <template>\n                        <div\n                                v-if=\"registerForm.showErrors\"\n                                class=\"vehica-field--validation-required__tip\"\n                        >\n                            <div\n                                    v-if=\"!registerForm.errors.password.required\"\n                                    class=\"vehica-field--validation-required__tip__text\"\n                            >\n                                Este campo es obligatorio.                            <\/div>\n\n                            <div\n                                    v-if=\"!registerForm.errors.password.minLength\"\n                                    class=\"vehica-field--validation-required__tip__text\"\n                            >\n                                La contrase\u00f1a debe tener al menos 6 letras.                            <\/div>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/div>\n\n            \n                            <div class=\"vehica-register__terms\">\n                    <div class=\"vehica-checkbox\">\n                        <input\n                                :checked=\"registerForm.termsAccept\"\n                                @change=\"registerForm.setTermsAccept\"\n                                type=\"checkbox\"\n                                id=\"checkbox_terms\"\n                        >\n\n                        <label for=\"checkbox_terms\">\n                            I accept the <a href=\"#\">privacy policy<\/a>                        <\/label>\n                    <\/div>\n                <\/div>\n            \n            <button\n                    class=\"vehica-button vehica-button--register vehica-button--with-progress-animation\"\n                    :class=\"{'vehica-button--with-progress-animation--active': registerForm.inProgress}\"\n                    :disabled=\"registerForm.inProgress\"\n            >\n                <template>\n                    <svg\n                            v-if=\"registerForm.inProgress\"\n                            width=\"120\"\n                            height=\"30\"\n                            viewbox=\"0 0 120 30\"\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                            fill=\"#fff\"\n                    >\n                        <circle cx=\"15\" cy=\"15\" r=\"15\">\n                            <animate attributename=\"r\" from=\"15\" to=\"15\"\n                                     begin=\"0s\" dur=\"0.8s\"\n                                     values=\"15;9;15\" calcmode=\"linear\"\n                                     repeatcount=\"indefinite\"\/>\n                            <animate attributename=\"fill-opacity\" from=\"1\" to=\"1\"\n                                     begin=\"0s\" dur=\"0.8s\"\n                                     values=\"1;.5;1\" calcmode=\"linear\"\n                                     repeatcount=\"indefinite\"\/>\n                        <\/circle>\n                        <circle cx=\"60\" cy=\"15\" r=\"9\" fill-opacity=\"0.3\">\n                            <animate attributename=\"r\" from=\"9\" to=\"9\"\n                                     begin=\"0s\" dur=\"0.8s\"\n                                     values=\"9;15;9\" calcmode=\"linear\"\n                                     repeatcount=\"indefinite\"\/>\n                            <animate attributename=\"fill-opacity\" from=\"0.5\" to=\"0.5\"\n                                     begin=\"0s\" dur=\"0.8s\"\n                                     values=\".5;1;.5\" calcmode=\"linear\"\n                                     repeatcount=\"indefinite\"\/>\n                        <\/circle>\n                        <circle cx=\"105\" cy=\"15\" r=\"15\">\n                            <animate attributename=\"r\" from=\"15\" to=\"15\"\n                                     begin=\"0s\" dur=\"0.8s\"\n                                     values=\"15;9;15\" calcmode=\"linear\"\n                                     repeatcount=\"indefinite\"\/>\n                            <animate attributename=\"fill-opacity\" from=\"1\" to=\"1\"\n                                     begin=\"0s\" dur=\"0.8s\"\n                                     values=\"1;.5;1\" calcmode=\"linear\"\n                                     repeatcount=\"indefinite\"\/>\n                        <\/circle>\n                    <\/svg>\n                <\/template>\n\n                <span>Registro<\/span>\n            <\/button>\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\n    <\/div>\n<\/vehica-register>\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n            <\/div>\n        <\/vehica-login-tabs>\n    <\/div>\t\t\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>","protected":false},"excerpt":{"rendered":"<p>Login Register Log in to your account Welcome back! Sign in to your account {{ form.message }} Send confirmation mail Field is required Username must have at least 4 letters. Field is required Password must have at least 6 letters. Remember Forgotten password? Login or Register Create new account today. {{ registerForm.message }} You must [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12772","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/suizhoutruck.com\/es\/wp-json\/wp\/v2\/pages\/12772","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/suizhoutruck.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/suizhoutruck.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/suizhoutruck.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/suizhoutruck.com\/es\/wp-json\/wp\/v2\/comments?post=12772"}],"version-history":[{"count":0,"href":"https:\/\/suizhoutruck.com\/es\/wp-json\/wp\/v2\/pages\/12772\/revisions"}],"wp:attachment":[{"href":"https:\/\/suizhoutruck.com\/es\/wp-json\/wp\/v2\/media?parent=12772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}