{"version":3,"sources":["webpack:///./src/views/auth/ModalRegister.vue?e094","webpack:///./src/views/auth/ModalRegister.vue?e519","webpack:///src/views/auth/ModalRegister.vue","webpack:///./src/views/auth/ModalRegister.vue?36f0","webpack:///./src/views/auth/ModalRegister.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","on","$event","changeUserType","scopedSlots","_u","key","fn","proxy","handleRegister","setDay","_l","day","domProps","_s","setMonth","month","setYear","year","class","isFillBirthDayDone","form","userType","directives","name","rawName","value","$v","firstname","expression","target","composing","$set","required","status","_e","lastname","item","genderOptions","setGenderRegister","text","email","checkEmailExit","handleFocusNoti","password","Array","isArray","$model","_i","$$a","$$el","$$c","checked","$$v","$$i","concat","slice","_q","passwordFieldType","statusEye","switchPassword","minLength","$params","min","confirmPassword","passwordFieldType2","statusEye2","switchPassword2","sameAsPassword","$invalid","isEmailExits","loginNow","index","message","staticRenderFns","data","optionsSchoolLevel","gender","schoolTypeId","birthday","parentFullname","birthDay","birthMonth","birthYear","components","Register","validations","computed","mapState","mapGetters","years","length","methods","mapActions","uType","self","register","username","catch","console","evt","setschoolTypeId","checkPrimarySchoolStudent","checkFillBirthDayDone","checkExitEmail","component"],"mappings":"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","file":"js/chunk-5d518bbe.35a55210.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalRegister.vue?vue&type=style&index=0&id=5e6a0350&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal-register\"},[_c('b-modal',{attrs:{\"id\":\"modalRegister\",\"centered\":\"\"}},[_c('div',{staticClass:\"register-page\"},[_c('h2',{staticClass:\"register-title font-size-26 font-sanpro-semibold title-color-gray text-center\"},[_vm._v(\"Đăng ký tài khoản\")]),_c('b-tabs',{staticClass:\"register-page__tabs\"},[_c('b-tab',{attrs:{\"active\":\"\"},on:{\"click\":function($event){return _vm.changeUserType(1)}},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Học sinh\")]},proxy:true}])})],1),_c('b-form',{staticClass:\"info-register pt-3\",on:{\"submit\":_vm.handleRegister}},[_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"form-content\"},[_c('div',{staticClass:\"birthday form-section\"},[_c('label',{staticClass:\"lbl-name font-size-16 font-sanpro-semibold color-form\",attrs:{\"for\":\"\"}},[_vm._v(\"Ngày sinh\")]),_c('div',{staticClass:\"birthday-form display-flex justify-content-between\"},[_c('div',{staticClass:\"birthday-item\"},[_c('span',{staticClass:\"select-custom\"},[_c('select',{staticClass:\"form-control form-30h form-bg-gray-light border-rd-20 color-form\",attrs:{\"name\":\"day\"},on:{\"change\":_vm.setDay}},[_c('option',{attrs:{\"value\":\"0\"}},[_vm._v(\"Ngày\")]),_vm._l((_vm.days),function(day){return _c('option',{domProps:{\"value\":day}},[_vm._v(_vm._s(day))])})],2),_c('i',{staticClass:\"fa fa-angle-down\"})])]),_c('div',{staticClass:\"birthday-item\"},[_c('span',{staticClass:\"select-custom\"},[_c('select',{staticClass:\"form-control form-30h form-bg-gray-light border-rd-20 color-form\",attrs:{\"name\":\"month\"},on:{\"change\":_vm.setMonth}},[_c('option',{attrs:{\"value\":\"0\"}},[_vm._v(\"Tháng\")]),_vm._l((_vm.months),function(month){return _c('option',{domProps:{\"value\":month}},[_vm._v(_vm._s(month))])})],2),_c('i',{staticClass:\"fa fa-angle-down\"})])]),_c('div',{staticClass:\"birthday-item\"},[_c('span',{staticClass:\"select-custom\"},[_c('select',{staticClass:\"form-control form-30h form-bg-gray-light border-rd-20 color-form\",attrs:{\"name\":\"day\"},on:{\"change\":_vm.setYear}},[_c('option',{attrs:{\"value\":\"0\"}},[_vm._v(\"Năm\")]),_vm._l((_vm.years),function(year){return _c('option',{domProps:{\"value\":year}},[_vm._v(_vm._s(year))])})],2),_c('i',{staticClass:\"fa fa-angle-down\"})])])])])])]),_c('div',{staticClass:\"name-register display-flex justify-content-between form-section\",class:{'disabled': !_vm.isFillBirthDayDone && _vm.form.userType == 1}},[_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"form-content\"},[_c('label',{staticClass:\"lbl-name font-size-16 font-sanpro-semibold color-form\",attrs:{\"for\":\"firstname\"}},[_vm._v(\"Họ\")]),_c('br'),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.$v.form.firstname.$model),expression:\"$v.form.firstname.$model\"}],staticClass:\"form-control form-30h form-bg-gray-light border-rd-20 color-form\",attrs:{\"type\":\"text\",\"id\":\"firstName\",\"name\":\"firstName\",\"placeholder\":_vm.form.userType==1?'Họ của học sinh':'Họ của bạn'},domProps:{\"value\":(_vm.$v.form.firstname.$model)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.$v.form.firstname, \"$model\", $event.target.value)}}})]),(!_vm.$v.form.firstname.required && _vm.status)?_c('span',{staticClass:\"error display-block color-err font-size-14\"},[_vm._v(\"Vui lòng điền họ\")]):_vm._e()]),_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"form-content\"},[_c('label',{staticClass:\"lbl-name font-size-16 font-sanpro-semibold color-form\",attrs:{\"for\":\"lastname\"}},[_vm._v(\"Tên\")]),_c('br'),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.$v.form.lastname.$model),expression:\"$v.form.lastname.$model\"}],staticClass:\"form-control form-30h form-bg-gray-light border-rd-20 color-form\",attrs:{\"type\":\"text\",\"id\":\"lastname\",\"placeholder\":_vm.form.userType==1?'Tên của học sinh':'Tên của bạn'},domProps:{\"value\":(_vm.$v.form.lastname.$model)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.$v.form.lastname, \"$model\", $event.target.value)}}})]),(!_vm.$v.form.lastname.required && _vm.status)?_c('span',{staticClass:\"error display-block color-err font-size-14\"},[_vm._v(\"Vui lòng điền tên\")]):_vm._e()])]),(_vm.form.userType==1)?_c('div',{staticClass:\"gender form-section\",class:{'disabled': !_vm.isFillBirthDayDone && _vm.form.userType == 1}},[_c('label',{staticClass:\"lbl-name font-size-16 font-sanpro-semibold color-form\"},[_vm._v(\"Giới tính\")]),_c('br'),_c('div',{staticClass:\"gender-list display-flex-center justify-content-between\"},_vm._l((_vm.genderOptions),function(item){return _c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"radio-custom\"},[_c('input',{attrs:{\"type\":\"radio\",\"name\":\"radio\"},domProps:{\"checked\":item.value === _vm.genderOptions[0].value,\"value\":item.value},on:{\"change\":_vm.setGenderRegister}}),_c('label',{staticClass:\"color-form\"},[_vm._v(_vm._s(item.text))])])])}),0)]):_vm._e(),_c('div',{staticClass:\"email-register form-section\",class:{'disabled': !_vm.isFillBirthDayDone && _vm.form.userType == 1}},[_c('div',{staticClass:\"form-content\"},[_c('label',{staticClass:\"lbl-name font-size-16 font-sanpro-semibold color-form\",attrs:{\"for\":\"email\"}},[_vm._v(\"Email\")]),_c('br'),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.$v.form.email.$model),expression:\"$v.form.email.$model\"}],staticClass:\"form-control form-30h form-bg-gray-light border-rd-20 color-form\",attrs:{\"type\":\"email\",\"id\":\"email\",\"placeholder\":\"Email của bạn\"},domProps:{\"value\":(_vm.$v.form.email.$model)},on:{\"change\":_vm.checkEmailExit,\"focus\":_vm.handleFocusNoti,\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.$v.form.email, \"$model\", $event.target.value)}}})]),(_vm.isShowNoti)?_c('div',[(!_vm.$v.form.email.required && _vm.status)?_c('span',{staticClass:\"error display-block color-err font-size-14\"},[_vm._v(\"Vui lòng điền email\")]):_vm._e(),(!_vm.$v.form.email.email)?_c('span',{staticClass:\"error display-block color-err font-size-14\"},[_vm._v(\"Định dạng email chưa đúng\")]):_vm._e(),(_vm.isEmailExits)?_c('span',{staticClass:\"error display-block color-err font-size-14\"},[_vm._v(\"Email này đã được sử dụng\")]):_vm._e()]):_vm._e()]),_c('div',{staticClass:\"password-register display-flex justify-content-between form-section\",class:{'disabled': !_vm.isFillBirthDayDone && _vm.form.userType == 1}},[_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"form-content\"},[_c('label',{staticClass:\"lbl-name font-size-16 font-sanpro-semibold color-form\",attrs:{\"for\":\"password\"}},[_vm._v(\"Mật khẩu\")]),_c('br'),_c('div',{staticClass:\"input-custom-icon\"},[((_vm.passwordFieldType)==='checkbox')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.$v.form.password.$model),expression:\"$v.form.password.$model\"}],staticClass:\"form-control form-30h form-bg-gray-light border-rd-20 color-form\",attrs:{\"id\":\"password\",\"placeholder\":\"Mật khẩu\",\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.$v.form.password.$model)?_vm._i(_vm.$v.form.password.$model,null)>-1:(_vm.$v.form.password.$model)},on:{\"change\":function($event){var $$a=_vm.$v.form.password.$model,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.$v.form.password, \"$model\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.$v.form.password, \"$model\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.$v.form.password, \"$model\", $$c)}}}}):((_vm.passwordFieldType)==='radio')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.$v.form.password.$model),expression:\"$v.form.password.$model\"}],staticClass:\"form-control form-30h form-bg-gray-light border-rd-20 color-form\",attrs:{\"id\":\"password\",\"placeholder\":\"Mật khẩu\",\"type\":\"radio\"},domProps:{\"checked\":_vm._q(_vm.$v.form.password.$model,null)},on:{\"change\":function($event){return _vm.$set(_vm.$v.form.password, \"$model\", null)}}}):_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.$v.form.password.$model),expression:\"$v.form.password.$model\"}],staticClass:\"form-control form-30h form-bg-gray-light border-rd-20 color-form\",attrs:{\"id\":\"password\",\"placeholder\":\"Mật khẩu\",\"type\":_vm.passwordFieldType},domProps:{\"value\":(_vm.$v.form.password.$model)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.$v.form.password, \"$model\", $event.target.value)}}}),(_vm.$v.form.password.$model !== '')?_c('div',{staticClass:\"icon-switch\"},[_c('i',{staticClass:\"fa\",class:{'fa-eye': _vm.statusEye, 'fa-eye-slash': !_vm.statusEye},on:{\"click\":_vm.switchPassword}})]):_vm._e()])]),(!_vm.$v.form.password.required && _vm.status)?_c('span',{staticClass:\"error display-block color-err font-size-14\"},[_vm._v(\"Vui lòng điền mật khẩu\")]):_vm._e(),(!_vm.$v.form.password.minLength)?_c('span',{staticClass:\"error display-block color-err font-size-14\"},[_vm._v(\"Mật khẩu ít nhất  \"+_vm._s(_vm.$v.form.password.$params.minLength.min)+\" ký tự.\")]):_vm._e()]),_c('div',{staticClass:\"form-item\"},[_c('div',{staticClass:\"form-content\"},[_c('label',{staticClass:\"lbl-name font-size-16 font-sanpro-semibold color-form\",attrs:{\"for\":\"confirmPassword\"}},[_vm._v(\"Xác nhận\")]),_c('br'),_c('div',{staticClass:\"input-custom-icon\"},[((_vm.passwordFieldType2)==='checkbox')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.$v.form.confirmPassword.$model),expression:\"$v.form.confirmPassword.$model\"}],staticClass:\"form-control form-30h form-bg-gray-light border-rd-20 color-form\",attrs:{\"id\":\"confirmPassword\",\"placeholder\":\"Mật khẩu\",\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.$v.form.confirmPassword.$model)?_vm._i(_vm.$v.form.confirmPassword.$model,null)>-1:(_vm.$v.form.confirmPassword.$model)},on:{\"change\":function($event){var $$a=_vm.$v.form.confirmPassword.$model,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.$v.form.confirmPassword, \"$model\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.$v.form.confirmPassword, \"$model\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.$v.form.confirmPassword, \"$model\", $$c)}}}}):((_vm.passwordFieldType2)==='radio')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.$v.form.confirmPassword.$model),expression:\"$v.form.confirmPassword.$model\"}],staticClass:\"form-control form-30h form-bg-gray-light border-rd-20 color-form\",attrs:{\"id\":\"confirmPassword\",\"placeholder\":\"Mật khẩu\",\"type\":\"radio\"},domProps:{\"checked\":_vm._q(_vm.$v.form.confirmPassword.$model,null)},on:{\"change\":function($event){return _vm.$set(_vm.$v.form.confirmPassword, \"$model\", null)}}}):_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.$v.form.confirmPassword.$model),expression:\"$v.form.confirmPassword.$model\"}],staticClass:\"form-control form-30h form-bg-gray-light border-rd-20 color-form\",attrs:{\"id\":\"confirmPassword\",\"placeholder\":\"Mật khẩu\",\"type\":_vm.passwordFieldType2},domProps:{\"value\":(_vm.$v.form.confirmPassword.$model)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.$v.form.confirmPassword, \"$model\", $event.target.value)}}}),(_vm.$v.form.confirmPassword.$model !== '')?_c('div',{staticClass:\"icon-switch\"},[_c('i',{staticClass:\"fa\",class:{'fa-eye': _vm.statusEye2, 'fa-eye-slash': !_vm.statusEye2},on:{\"click\":_vm.switchPassword2}})]):_vm._e()])]),(!_vm.$v.form.confirmPassword.required && _vm.status)?_c('span',{staticClass:\"error display-block color-err font-size-14\"},[_vm._v(\"Vui lòng nhập lại mật khẩu\")]):_vm._e(),(!_vm.$v.form.confirmPassword.sameAsPassword)?_c('span',{staticClass:\"error display-block color-err font-size-14\"},[_vm._v(\"Xác nhận mật khẩu không chính xác \")]):_vm._e()])]),_c('div',{staticClass:\"btn-register form-action p-0\"},[_c('button',{staticClass:\"btn btn-primary btn-register color-light display-flex-center justify-content-center\",attrs:{\"type\":\"button\",\"disabled\":_vm.$v.form.$invalid || _vm.isEmailExits},on:{\"click\":_vm.handleRegister}},[_vm._v(\"Đăng ký\")])]),_c('div',{staticClass:\"text-center text-login\"},[_c('h3',{staticClass:\"font-size-15\"},[_vm._v(\"Bạn đã có tài khoản? \"),_c('span',{staticClass:\"primary-color font-size-15 login-now\",on:{\"click\":_vm.loginNow}},[_vm._v(\"Đăng nhập ngay\")])])]),_c('div'),_vm._l((_vm.formErrors),function(item,index){return (_vm.formErrors)?_c('div',[(item && item.message)?_c('span',{staticClass:\"error display-block color-err font-size-14\"},[_vm._v(_vm._s(item.message))]):_vm._e()]):_vm._e()})],2)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"modal-register\">\r\n        <b-modal id=\"modalRegister\" centered>\r\n            <!-- <Register /> -->\r\n                <div class=\"register-page\">\r\n                    <h2 class=\"register-title font-size-26 font-sanpro-semibold title-color-gray text-center\">Đăng ký tài khoản</h2>\r\n                    <b-tabs class=\"register-page__tabs\">\r\n                        <b-tab active @click=\"changeUserType(1)\">\r\n                            <template v-slot:title>Học sinh</template>\r\n                        </b-tab>\r\n                        <!-- Author: Anhdd (8/7/2022) -->\r\n                        <!-- <b-tab @click=\"changeUserType(2)\">\r\n                            <template v-slot:title>Giáo viên</template>            \r\n                        </b-tab> -->\r\n                    </b-tabs>\r\n                    <b-form @submit=\"handleRegister\" class=\"info-register pt-3\">                \r\n\r\n                        <div class=\"form-item\">\r\n                        <div class=\"form-content\">\r\n                            <div class=\"birthday form-section\">\r\n                            <label for=\"\" class=\"lbl-name font-size-16 font-sanpro-semibold color-form\">Ngày sinh</label>\r\n                            <div class=\"birthday-form display-flex justify-content-between\" >\r\n                                <div class=\"birthday-item\">\r\n                                <span class=\"select-custom\">\r\n                                    <select name=\"day\" class=\"form-control form-30h form-bg-gray-light border-rd-20 color-form\" @change=\"setDay\">\r\n                                    <option value=\"0\">Ngày</option>\r\n                                    <option v-for=\"day in days\" :value=\"day\">{{ day }}</option>\r\n                                    </select>\r\n                                    <i class=\"fa fa-angle-down\"></i>\r\n                                </span>\r\n                                </div>\r\n                                <div class=\"birthday-item\">\r\n                                <span class=\"select-custom\">\r\n                                    <select name=\"month\" class=\"form-control form-30h form-bg-gray-light border-rd-20 color-form\" @change=\"setMonth\">\r\n                                        <option value=\"0\">Tháng</option>\r\n                                        <option v-for=\"month in months\" :value=\"month\">{{ month }}</option>\r\n                                    </select>\r\n                                    <i class=\"fa fa-angle-down\"></i> \r\n                                </span>\r\n                                </div>\r\n                                <div class=\"birthday-item\">\r\n                                <span class=\"select-custom\">\r\n                                    <select name=\"day\" class=\"form-control form-30h form-bg-gray-light border-rd-20 color-form\" @change=\"setYear\">\r\n                                        <option value=\"0\">Năm</option>\r\n                                        <option v-for=\"year in years\" :value=\"year\">{{ year }}</option>\r\n                                    </select>\r\n                                    <i class=\"fa fa-angle-down\"></i>\r\n                                </span>\r\n                                </div>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                        <div class=\"name-register display-flex justify-content-between form-section\" :class=\"{'disabled': !isFillBirthDayDone && form.userType == 1}\"> \r\n                        <div class=\"form-item\">\r\n                            <div class=\"form-content\">\r\n                            <label for=\"firstname\" class=\"lbl-name font-size-16 font-sanpro-semibold color-form\" >Họ</label><br>\r\n                            <input \r\n                                type=\"text\" \r\n                                v-model=\"$v.form.firstname.$model\"\r\n                                id=\"firstName\" \r\n                                name=\"firstName\" \r\n                                class=\"form-control form-30h form-bg-gray-light border-rd-20 color-form\"\r\n                                :placeholder=\"form.userType==1?'Họ của học sinh':'Họ của bạn'\" \r\n                            />\r\n                            </div>\r\n                            <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.firstname.required && status\">Vui lòng điền họ</span>\r\n                        </div>\r\n                        <div class=\"form-item\">\r\n                            <div class=\"form-content\">\r\n                            <label for=\"lastname\" class=\"lbl-name font-size-16 font-sanpro-semibold color-form\">Tên</label><br>\r\n                            <input \r\n                                type=\"text\" \r\n                                id=\"lastname\" \r\n                                class=\"form-control form-30h form-bg-gray-light border-rd-20 color-form\" \r\n                                v-model=\"$v.form.lastname.$model\"\r\n                                :placeholder=\"form.userType==1?'Tên của học sinh':'Tên của bạn'\"\r\n                            />\r\n                            </div>\r\n                            <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.lastname.required && status\">Vui lòng điền tên</span>\r\n                        </div>\r\n                        </div>\r\n                        <div class=\"gender form-section\" v-if=\"form.userType==1\" :class=\"{'disabled': !isFillBirthDayDone && form.userType == 1}\">\r\n                        <label class=\"lbl-name font-size-16 font-sanpro-semibold color-form\">Giới tính</label><br>\r\n                        <div class=\"gender-list display-flex-center justify-content-between\">\r\n                            <div class=\"item\" v-for=\"item in genderOptions\">\r\n                            <div class=\"radio-custom\">\r\n                                <input type=\"radio\" name=\"radio\" :checked=\"item.value === genderOptions[0].value\" :value=\"item.value\" @change=\"setGenderRegister\">\r\n                                <label class=\"color-form\">{{item.text}}</label>\r\n                            </div>\r\n                            </div>\r\n                        </div>\r\n                        </div>\r\n                        <!-- <div class=\"name-register form-section\" v-if=\"form.userType === 1 && isPrimarySchoolStudent\">           \r\n                            <div class=\"form-content\">\r\n                            <label for=\"parentFullname\" class=\"lbl-name font-size-16 font-sanpro-semibold color-form\" >Họ và tên phụ huynh</label><br>             \r\n                            <input \r\n                                type=\"text\" \r\n                                v-model=\"$v.form.parentFullname.$model\"\r\n                                id=\"parentFullname\" \r\n                                name=\"parentFullname\" \r\n                                class=\"form-control form-30h form-bg-gray-light border-rd-20 color-form\" \r\n                                placeholder=\"Họ và tên phụ huynh\"\r\n                            />\r\n                            </div>\r\n                            <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.parentFullname.required && status\">Vui lòng điền họ và tên phụ huynh</span>\r\n                        </div> -->\r\n                        <div class=\"email-register form-section\" :class=\"{'disabled': !isFillBirthDayDone && form.userType == 1}\">\r\n                        <div class=\"form-content\">\r\n                            <label for=\"email\" class=\"lbl-name font-size-16 font-sanpro-semibold color-form\">Email</label><br>\r\n                            <input \r\n                            type=\"email\" \r\n                            id=\"email\" \r\n                            class=\"form-control form-30h form-bg-gray-light border-rd-20 color-form\" \r\n                            v-model=\"$v.form.email.$model\"\r\n                            @change=\"checkEmailExit\"\r\n                            @focus=\"handleFocusNoti\"\r\n                            placeholder=\"Email của bạn\"\r\n                            >\r\n                            <!-- :placeholder=\"form.userType==1 && isPrimarySchoolStudent ? 'Email của phụ huynh' : 'Email của bạn'\" -->\r\n                        </div>\r\n                        <div v-if=\"isShowNoti\">\r\n                          <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.email.required && status\">Vui lòng điền email</span>\r\n                          <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.email.email\">Định dạng email chưa đúng</span>\r\n                          <span class=\"error display-block color-err font-size-14\" v-if=\"isEmailExits\">Email này đã được sử dụng</span>\r\n                        </div>\r\n                        </div>\r\n                        <div class=\"password-register display-flex justify-content-between form-section\" :class=\"{'disabled': !isFillBirthDayDone && form.userType == 1}\">\r\n                        <div class=\"form-item\">\r\n                            <div class=\"form-content\">\r\n                                <label for=\"password\" class=\"lbl-name font-size-16 font-sanpro-semibold color-form\" >Mật khẩu</label><br>\r\n                                <div class=\"input-custom-icon\">\r\n                                <input \r\n                                :type=\"passwordFieldType\"\r\n                                id=\"password\" \r\n                                class=\"form-control form-30h form-bg-gray-light border-rd-20 color-form\" \r\n                                placeholder=\"Mật khẩu\"\r\n                                v-model=\"$v.form.password.$model\">\r\n                                <div class=\"icon-switch\"  v-if=\"$v.form.password.$model !== ''\">\r\n                                    <i class=\"fa\" :class=\"{'fa-eye': statusEye, 'fa-eye-slash': !statusEye}\" @click=\"switchPassword\"></i>\r\n                                </div>\r\n                                <!-- <i class=\"icon-hidden icon-icon-eye\" aria-hidden=\"true\" @click=\"switchVisibility\"></i> -->\r\n                                </div>\r\n                            </div>\r\n                            <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.password.required && status\">Vui lòng điền mật khẩu</span>\r\n                            <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.password.minLength\">Mật khẩu ít nhất  {{ $v.form.password.$params.minLength.min }} ký tự.</span>\r\n                        </div>\r\n                        <div class=\"form-item\">\r\n                            <div class=\"form-content\">\r\n                            <label for=\"confirmPassword\"  class=\"lbl-name font-size-16 font-sanpro-semibold color-form\" >Xác nhận</label><br>\r\n                            <div class=\"input-custom-icon\">\r\n                                <input \r\n                                :type=\"passwordFieldType2\"\r\n                                id=\"confirmPassword\" \r\n                                class=\"form-control form-30h form-bg-gray-light border-rd-20 color-form\"\r\n                                placeholder=\"Mật khẩu\" \r\n                                v-model=\"$v.form.confirmPassword.$model\">\r\n                                <div class=\"icon-switch\"  v-if=\"$v.form.confirmPassword.$model !== ''\">\r\n                                    <i class=\"fa\" :class=\"{'fa-eye': statusEye2, 'fa-eye-slash': !statusEye2}\" @click=\"switchPassword2\"></i>\r\n                                </div>\r\n                                <!-- <i class=\"icon-hidden icon-icon-eye\" aria-hidden=\"true\" ></i> -->\r\n                            </div>\r\n                            </div>            \r\n                            <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.confirmPassword.required && status\">Vui lòng nhập lại mật khẩu</span>\r\n                            <span class=\"error display-block color-err font-size-14\" v-if=\"!$v.form.confirmPassword.sameAsPassword\">Xác nhận mật khẩu không chính xác </span>\r\n                        </div>\r\n                        </div>\r\n                        <div class=\"btn-register form-action p-0\">\r\n                            <button type=\"button\" :disabled=\"$v.form.$invalid || isEmailExits\" class=\"btn btn-primary btn-register color-light display-flex-center justify-content-center\" @click=\"handleRegister\">Đăng ký</button>\r\n                        </div>\r\n                        <div class=\"text-center text-login\">\r\n                            <h3 class=\"font-size-15\">Bạn đã có tài khoản? <span class=\"primary-color font-size-15 login-now\" @click=\"loginNow\">Đăng nhập ngay</span></h3>\r\n                        </div>\r\n                        <div>\r\n                        </div>\r\n                        <div v-if=\"formErrors\" v-for=\"(item, index) of formErrors\">\r\n                            <span v-if=\"item && item.message\" class=\"error display-block color-err font-size-14\">{{item.message}}</span>\r\n                        </div>\r\n                    </b-form>\r\n                </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\n  import { mapGetters, mapActions, mapState } from 'vuex'\r\n  import { MODULE_TEACHER, MODULE_PUPIL, EMAIL_PUBLIC, PASS_PUBLIC } from '@/store/auth/constants'\r\n  import { required, minLength, sameAs, email } from 'vuelidate/lib/validators'\r\n  import { STORE_KEY } from '@/store/auth/constants'\r\n  import { register, checkExitEmail } from '@/store/auth/api'\r\n  import JWT from \"@/utils/jwt\"\r\n  import Register from './Register'\r\n  import { ID_MODAL_LOGIN } from '@/store/auth/constants';\r\n\r\n  const genderOptions = [\r\n    { value: 1, text: \"Nam\" },\r\n    { value: 2, text: \"Nữ\" },\r\n    { value: 3, text: \"Khác\" }\r\n  ];\r\n\r\n  const optionsSchoolLevel = [\r\n    { value: 1, text: \"Tiểu học\" },\r\n    { value: 2, text: \"THCS\" },\r\n    { value: 3, text: \"THPT\" }\r\n  ];\r\n\r\nexport default {\r\n    name: \"ModalRegister\",\r\n    data(){\r\n        return{\r\n            statusEye:false,\r\n            statusEye2:false,\r\n            password: '',\r\n            passwordFieldType: 'password',\r\n            passwordFieldType2: 'password',\r\n            genderOptions: genderOptions,\r\n            optionsSchoolLevel: optionsSchoolLevel,\r\n            form: {\r\n            firstname:'',\r\n            lastname:'',\r\n            gender: genderOptions[0].value,\r\n            email: '',\r\n            password: '',\r\n            confirmPassword:'',\r\n            schoolTypeId: optionsSchoolLevel[0].value,\r\n            birthday:'',\r\n            userType: 1,\r\n            parentFullname: ''\r\n            },\r\n            birthDay: null,\r\n            birthMonth: null,\r\n            birthYear: null,\r\n            password: '',\r\n            passwordFieldType: 'password',\r\n            months: 12,\r\n            days: 31,\r\n            status: false,\r\n            isEmailExits: false,\r\n            formErrors:[],\r\n            isFillBirthDayDone: false,\r\n            isPrimarySchoolStudent: false,\r\n            isShowNoti: false\r\n        }\r\n    },\r\n    components:{\r\n        Register\r\n    },\r\n    validations(){\r\n      let self = this;\r\n      if(self.form.userType==1){\r\n        return {\r\n          form:{\r\n            firstname: {\r\n            required,\r\n          },\r\n          lastname:{\r\n            required,\r\n          },\r\n          gender:{\r\n          },\r\n          email:{\r\n            required,\r\n            email\r\n          },\r\n          password:{\r\n            required,\r\n            minLength: minLength(6)\r\n          },\r\n          confirmPassword:{\r\n            required,\r\n            sameAsPassword: sameAs('password')\r\n          },\r\n          schoolTypeId:{\r\n          },\r\n          birthday:{\r\n          },\r\n          parentFullname:{\r\n            required: self.isPrimarySchoolStudent ? true : false\r\n          },\r\n         }\r\n        }\r\n      } else {\r\n        return {\r\n          form:{\r\n            firstname: {\r\n              required,\r\n            },\r\n            lastname:{\r\n              required,\r\n            },\r\n        \r\n            email:{\r\n              required,\r\n              email\r\n            },\r\n            password:{\r\n              required,\r\n              minLength: minLength(6)\r\n            },\r\n            confirmPassword:{\r\n              required,\r\n              sameAsPassword: sameAs('password')\r\n            },\r\n         }\r\n        }\r\n      }\r\n    },\r\n    computed: {\r\n      ...mapState('auth', ['isLoggedIn', 'isLoading', 'errors', 'user']),\r\n      ...mapGetters('auth', ['register']),\r\n\r\n      years () {\r\n        const year = new Date().getFullYear()\r\n        return Array.from({length: year - 1960}, (value, index) => 1961 + index)\r\n      }\r\n\r\n    },\r\n    methods:{\r\n      ...mapActions(`auth`, ['authLogin']),\r\n\r\n        loginNow(){\r\n           this.$bvModal.hide(\"modalRegister\");\r\n           this.$bvModal.show(ID_MODAL_LOGIN);\r\n           \r\n        },\r\n        changeUserType(uType){\r\n            //this.onReset();\r\n            this.form.userType=uType;\r\n        },\r\n        handleRegister(){\r\n            let self = this;\r\n            self.status = true;\r\n            \r\n            self.form.birthday = `${self.birthYear}-${self.birthMonth}-${self.birthDay}`;\r\n\r\n            register(self.form).then( res => {\r\n            if(res && !res.errors) {\r\n                let loginData = self.authLogin({\r\n                  username: self.form.email,\r\n                  password: self.form.password\r\n                })\r\n                // console.log('Login success', loginData);\r\n                // self.setLoginPopupData(loginData)\r\n            } else{\r\n                this.formErrors = res.errors;\r\n            }\r\n            }).catch(() => {console.log('a')});\r\n        },\r\n        switchPassword(){\r\n          this.passwordFieldType = this.passwordFieldType === 'password' ? 'text' : 'password'\r\n          this.statusEye = !this.statusEye;\r\n        },\r\n        switchPassword2(){\r\n          this.passwordFieldType2 = this.passwordFieldType2 === 'password' ? 'text' : 'password'\r\n          this.statusEye2 = !this.statusEye2;\r\n        },\r\n        // switchVisibility() {\r\n        //     this.passwordFieldType = this.passwordFieldType === 'password' ? 'text' : 'password'\r\n        // },\r\n        setGenderRegister(evt) {\r\n            // console.log('change', evt)\r\n            this.form.gender = evt.target.value;\r\n        },\r\n        setschoolTypeId(evt) {\r\n            // console.log('change', evt)\r\n            this.form.schoolTypeId = evt.target.value;\r\n        },\r\n        setDay(evt) {\r\n            // console.log('changeDay', evt)\r\n            this.birthDay = evt.target.value;\r\n            this.checkFillBirthDayDone();\r\n        },\r\n        setMonth(evt) {\r\n            // console.log('changeMonth', evt)\r\n            this.birthMonth = evt.target.value;\r\n            this.checkFillBirthDayDone();\r\n        },\r\n        setYear(evt) {\r\n            // console.log('changeYear', evt)\r\n            this.birthYear = evt.target.value;\r\n            this.checkPrimarySchoolStudent();\r\n            this.checkFillBirthDayDone();\r\n        },\r\n        checkPrimarySchoolStudent() {\r\n            if(this.birthYear && this.birthYear !== 0) {\r\n            let yearCurr = new Date().getFullYear();\r\n            this.isPrimarySchoolStudent = (parseInt(yearCurr) - parseInt(this.birthYear) > 11) ? false : true;\r\n            } else {\r\n            this.isPrimarySchoolStudent = false;\r\n            }\r\n        },\r\n\r\n        checkFillBirthDayDone() {\r\n            this.isFillBirthDayDone = this.birthDay && this.birthMonth && this.birthYear && this.birthDay != 0 && this.birthMonth != 0 && this.birthYear != 0 ? true : false;\r\n        },\r\n        checkFillBirthDayDone() {\r\n        this.isFillBirthDayDone = this.birthDay && this.birthMonth && this.birthYear && this.birthDay != 0 && this.birthMonth != 0 && this.birthYear != 0 ? true : false;\r\n      },\r\n\r\n      handleFocusNoti(){\r\n        this.isShowNoti = false;\r\n      },\r\n\r\n      checkEmailExit(evt) {\r\n        this.isShowNoti = true;\r\n        let self = this;\r\n        let data = evt.target.value;\r\n        self.isEmailExits = false;\r\n        if(data) {\r\n          checkExitEmail({email: data}).then(res => {\r\n            self.isEmailExits = res && res.status === 'failed' ? true : false;\r\n          }).catch(err => console.error(err));\r\n        }\r\n      },\r\n      changeUserType(uType){\r\n        //this.onReset();\r\n        this.form.userType=uType;\r\n      },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n// .icon-switch{\r\n//     position: absolute;\r\n//     top: 34px;\r\n//     right: 28px;\r\n//     i{\r\n//       color: #40505E;\r\n//       font-size: 14px;\r\n//       opacity: .5;\r\n//     }\r\n// }\r\n.icon-switch {\r\n    position: absolute;\r\n    top: 2px;\r\n    right: 2px;\r\n}\r\n.text-login{\r\n  margin-top: 15px;\r\n}\r\n.login-now{\r\n  text-decoration: underline;\r\n  cursor:pointer;\r\n}\r\n// .form-item{\r\n  .form-content{\r\n    ::placeholder { \r\n      color: #879AA9;\r\n    }\r\n    input{\r\n      color:#40505E;\r\n    }\r\n  }\r\n// }\r\n  ::placeholder { \r\n    font-size: 15px;\r\n  }\r\n  .register-title {\r\n    line-height: 1;\r\n    margin-bottom: 13px;\r\n  }\r\n\r\n  .name-register, .password-register {\r\n    .form-item {\r\n      width: 50%;\r\n\r\n      &:nth-child(odd) {\r\n        margin-right: 8px;\r\n      }\r\n\r\n      &:nth-child(even) {\r\n        margin-left: 8px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .gender-list, .school-level-list {\r\n    padding: 0 30px;\r\n  }\r\n\r\n  .birthday {\r\n    &-item {\r\n      width: 31%;\r\n\r\n      select {\r\n        padding: 0 10px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .btn-register {\r\n    width: 185px;\r\n    height: 30px;\r\n    button{ \r\n      width:185px;\r\n      line-height: 14px;\r\n    }\r\n  }\r\n  .register-desc {line-height: 1.3;margin-bottom: 6px;}\r\n  .form-section {margin-bottom: 18px;}\r\n  .lbl-name {margin-bottom: 5px;}\r\n  .form-action {\r\n        display: block;\r\n        margin: 0 auto;\r\n    }\r\n  .form-content {margin-bottom: 8px;}\r\n  .register-page .nav-tabs {\r\n      \r\n  }\r\n  .register-page .tabs .nav-item:not(:last-child) {\r\n    margin-right: 10px;\r\n  }\r\n  .register-page .tabs .nav-item .nav-link {\r\n    font-family: sandisplaypro-semi;\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n  }\r\n  .register-page .tabs .nav-item .nav-link.active {\r\n    color: #163fb3 !important;\r\n    border-bottom: 3px solid #163fb3;\r\n    background-color: #F3F6FB;\r\n  }\r\n  .register-page .tabs .nav-item .nav-link:before {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    height: 4px;\r\n    border-radius: 8px 8px 0 0;\r\n    width: 0;\r\n  }  \r\n\r\n  .btn-trial2, .btn-trial2:hover{\r\n    background: #E1EFFF;\r\n    border-radius: 10px;\r\n    font-weight: bold;\r\n    letter-spacing: 1px;\r\n    padding: 10px 20px;\r\n    width: 100%;\r\n    text-align: center;\r\n    height: 44px;\r\n    color: #0F3DBA;\r\n  }\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalRegister.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalRegister.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalRegister.vue?vue&type=template&id=5e6a0350&scoped=true&\"\nimport script from \"./ModalRegister.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalRegister.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalRegister.vue?vue&type=style&index=0&id=5e6a0350&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5e6a0350\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}