{"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-02-15T16:19:53","modified_gmt":"2023-02-15T15:19:53","slug":"login-register","status":"publish","type":"page","link":"https:\/\/groupe-atlantico.com\/?page_id=12772","title":{"rendered":"Login \/ Register"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12772\" class=\"elementor elementor-12772\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-513d2ffe elementor-section-stretched vehica-login-register-page elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"513d2ffe\" 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-2fe48fb3\" data-id=\"2fe48fb3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-581bec7e elementor-widget elementor-widget-vehica_login_general_widget\" data-id=\"581bec7e\" 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:\/\/groupe-atlantico.com\/wp-admin\/admin-post.php?action=vehica_login\"\r\n        vehica-nonce=\"d989c44984\"\r\n        redirect-url=\"https:\/\/groupe-atlantico.com\/?page_id=12758?action=list\"\r\n        :is-admin=\"false\"\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:\/\/groupe-atlantico.com\/?page_id=12772?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                            <div class=\"vehica-social-login-wrapper\">\r\n                    <div class=\"vehica-social-login\">\r\n                        <div class=\"vehica-social-login__label\">\r\n                            Continue with<span>:<\/span>\r\n                        <\/div>\r\n\r\n                                                    <a\r\n                                    class=\"vehica-social-login__button vehica-social-login__button--google\"\r\n                                    href=\"https:\/\/groupe-atlantico.com\/wp-admin\/admin-post.php?action=vehica\/socialAuth\/google\"\r\n                            >\r\n                                <img decoding=\"async\" src=\"https:\/\/groupe-atlantico.com\/wp-content\/themes\/vehica\/assets\/img\/g.png\">\r\n                                <span>Google<\/span>\r\n                            <\/a>\r\n                        \r\n                                            <\/div>\r\n\r\n                    <div class=\"vehica-social-login-or\">or<\/div>\r\n                <\/div>\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:\/\/groupe-atlantico.com\/?page_id=12772?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                                            \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=\"c3e50eed09\"\r\n        request-url=\"https:\/\/groupe-atlantico.com\/wp-admin\/admin-post.php?action=vehica_register\"\r\n        panel-page=\"https:\/\/groupe-atlantico.com\/?page_id=12758?action=list\"\r\n        :accept-policy=\"true\"\r\n        :is-admin=\"false\"\r\n        :phone-required=\"false\"\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                            <div class=\"vehica-social-login\">\r\n                    <div class=\"vehica-social-login__label\">\r\n                        Continue with<span>:<\/span>\r\n                    <\/div>\r\n\r\n                                            <a\r\n                                class=\"vehica-social-login__button vehica-social-login__button--google\"\r\n                                href=\"https:\/\/groupe-atlantico.com\/wp-admin\/admin-post.php?action=vehica\/socialAuth\/google\"\r\n                        >\r\n\r\n                            <img decoding=\"async\" src=\"https:\/\/groupe-atlantico.com\/wp-content\/themes\/vehica\/assets\/img\/g.png\">\r\n                            <span>Google<\/span>\r\n                        <\/a>\r\n                    \r\n                                    <\/div>\r\n\r\n                <div class=\"vehica-social-login-or\">or<\/div>\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                \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            \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                            J'accepte la <a href=\"#\">politique de confidentialit\u00e9<\/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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\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":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/groupe-atlantico.com\/index.php?rest_route=\/wp\/v2\/pages\/12772"}],"collection":[{"href":"https:\/\/groupe-atlantico.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/groupe-atlantico.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/groupe-atlantico.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/groupe-atlantico.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12772"}],"version-history":[{"count":18,"href":"https:\/\/groupe-atlantico.com\/index.php?rest_route=\/wp\/v2\/pages\/12772\/revisions"}],"predecessor-version":[{"id":23902,"href":"https:\/\/groupe-atlantico.com\/index.php?rest_route=\/wp\/v2\/pages\/12772\/revisions\/23902"}],"wp:attachment":[{"href":"https:\/\/groupe-atlantico.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}