{"version":3,"sources":["webpack:///./src/views/Navless/Login.vue","webpack:///./src/components/Icon/MouseScroll.vue","webpack:///./src/components/Icon/MouseScroll.vue?e953","webpack:///src/views/Navless/Login.vue","webpack:///./src/views/Navless/Login.vue?0de5","webpack:///./src/views/Navless/Login.vue?a0ac","webpack:///./src/components/Icon/MouseScroll.vue?7d5d","webpack:///./src/views/Navless/Login.vue?95ff"],"names":["staticClass","staticStyle","_c","attrs","_vm","load","_e","logging","directives","value","$vuetify","expression","ref","model","callback","loginValid","verifyUser","username","passwordShow","v","name","_v","isMouseVisible","loginDialog","preventDefault","password","rememberLogin","$$v","_self","staticRenderFns","script","component","dateRegex","RegExp","minBirthDay","moment","startOf","subtract","format","watch","components","Scroll","RecruitSection","props","data","type","String","default","isScrolling","stepValid","step","show","test","CANDIDATE_URL","jobs","cities","districts","wards","district2s","ward2s","ethnicities","origins","religions","educationLevels","educationMajors","universities","yearExperiences","text","valid","avatarPreview","base64_cccd_front","attachmentFile","undefined","avatarFile","idImageFrontFile","idImageBackFile","cvFile","isLoading","recruitChannels","pharmaCerts","form","jobCode","gender","birthday","phone","mail","cityCode","districtCode","wardCode","address","city1Code","city2Code","dCityCode","dDistrictCode","dWardCode","dAddress","ethnicityCode","originCode","religionCode","educationLevelCode","educationMajorCode","universityCode","yearExperience","weight","height","idNumber","idDate","idPlace","note","recruitChannel","graduateTypeCode","pharmaCert","defaultForm","scrollTop","rules","required","validEmail","validDate","minDate","isAfter","isUserPending","computed","scrollOptions","duration","offset","easing","easings","idPlaces","fixedData","cityData","map","x","concat","avatarError","console","log","breakpoint","mdAndUp","formatedBirthDay","get","set","possibleFormats","parsedDate","isValid","formatedIdDate","methods","validStep1","$refs","recruit_step_1","validate","nextStep","validStep2","recruit_step_2","validStep3","recruit_step_3","validStep4","recruit_step_4","validStep5","recruit_step_5","applyJob","createBase64Image","FileObject","reader","FileReader","onload","event","target","result","readAsDataURL","goTo","getApple","http","then","res","window","location","href","url","uploadAvatar","file","URL","createObjectURL","chooseAvatar","avatarInput","input","click","loadImg","apiService","d","key","login","vm","loginForm","post","UserName","Password","response","strTOKEN","JSON","stringify","user","localStorage","setItem","token","parse","claims","validTo","webAllowed","removeItem","redirect","$route","query","route","id","id2","router","push","params","catch","error","status","eventObj","color","EventBus","$emit","finally","fetchJob","items","err","fetchCity","dropDown","fetchDistrict","val","fetchWard","fetchDistrict2","fetchWard2","fetchEducationLevel","ApiService","fetchEducationMajor","fetchUniversity","fetchEthnicity","r","fetchOrigin","fetchReligion","onScroll","pageYOffset","document","documentElement","formData","FormData","forEach","append","Swal","fire","title","html","icon","showCloseButton","Object","entries","assign","closeButtonText","reload","message","toast","updated","mounted","rememberUser","getItem","rememberPassword","setTimeout","created","Api","addEventListener","beforeDestroy","removeEventListener"],"mappings":"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","file":"js/Login.e102a5f3.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"login\"}},[_c('v-container',{staticClass:\"pa-0\",staticStyle:{\"background\":\"url('/static/login-hero2.jpg')\",\"background-size\":\"100%\",\"background-repeat\":\"no-repeat\",\"background-position\":\"top\"},attrs:{\"fluid\":\"\"}},[_c('div',{staticClass:\"opacity-mask\",staticStyle:{\"position\":\"absolute\",\"height\":\"100%\",\"width\":\"100%\"}}),_c('v-container',[_c('v-row',{attrs:{\"justify\":\"center\",\"align\":\"center\",\"no-gutters\":\"\"}},[(_vm.$vuetify.breakpoint.smAndUp)?_c('v-col',{staticClass:\"pa-0\",staticStyle:{\"background-color\":\"transparent\"},attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"8\"}},[_c('v-card',{staticClass:\"d-flex align-center\",staticStyle:{\"background-color\":\"transparent\"},attrs:{\"flat\":\"\",\"tile\":\"\",\"height\":\"calc(100vh - 322px)\"}},[_c('v-sheet',{staticClass:\"mx-auto\",staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"background-color\":\"transparent\",\"backdrop-filter\":\"blur(0px)\"},attrs:{\"rounded\":\"\"}},[_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.show)?_c('v-card',{staticClass:\"elevation-0 mx-auto rounded-xl d-flex align-center\",staticStyle:{\"height\":\"100%\",\"max-width\":\"50%\"},attrs:{\"color\":\"rgba(255,255,255,.0)\"}},[_c('v-img',{attrs:{\"src\":\"/static/logo2.png\"},on:{\"load\":function($event){_vm.show= true}}})],1):_vm._e()],1)],1)],1)],1):_vm._e(),_c('v-col',{staticClass:\"pb-5\",staticStyle:{\"backdrop-filter\":\"blur(0px)\"},attrs:{\"cols\":\"12\",\"md\":\"6\",\"lg\":\"4\"}},[_c('v-card',{staticClass:\"mx-auto my-auto rounded-xl px-2 elevation-3\",staticStyle:{\"padding-bottom\":\"32px\",\"max-width\":\"400px\",\"border\":\"0px\",\"border-bottom\":\"3px\",\"border-style\":\"solid\",\"border-color\":\"#BDBDBD\"},attrs:{\"loading\":_vm.logging,\"rounded\":\"50%\",\"load\":\"\"}},[_c('div',{staticClass:\"pa-2 text-center\"},[_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$vuetify.breakpoint.xsOnly),expression:\"$vuetify.breakpoint.xsOnly\"}],attrs:{\"contain\":\"\",\"width\":\"286\",\"src\":\"/static/logo2.png\"}})]),_c('v-card-title',{staticClass:\"text-center mb-6\"},[_c('v-spacer'),_vm._v(\" CHÀO BẠN ĐÃ TRỞ LẠI \"),_c('v-spacer')],1),_c('v-card-text',{staticClass:\"text-center\"},[_c('v-form',{ref:\"loginForm\",staticClass:\"px-6\",attrs:{\"id\":\"loginForm\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.login.apply(null, arguments)}},model:{value:(_vm.loginValid),callback:function ($$v) {_vm.loginValid=$$v},expression:\"loginValid\"}},[_c('v-text-field',{attrs:{\"label\":\"Tên tài khoản\",\"required\":\"\",\"outlined\":\"\",\"rules\":[v=>!!v||\"Nhập tài khoản\"]},on:{\"change\":_vm.verifyUser},model:{value:(_vm.username),callback:function ($$v) {_vm.username=$$v},expression:\"username\"}}),_c('v-text-field',{attrs:{\"label\":\"Password\",\"required\":\"\",\"append-icon\":_vm.passwordShow ? 'mdi-eye' : 'mdi-eye-off',\"type\":_vm.passwordShow ? 'text' : 'password',\"rules\":[v=>!!v||\"Nhập mật khẩu\"],\"outlined\":\"\"},on:{\"click:append\":function($event){_vm.passwordShow = !_vm.passwordShow}},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}}),_c('div',{staticClass:\"d-flex justify-center\"},[_c('v-checkbox',{staticClass:\"mt-0\",attrs:{\"label\":\"Lưu nhớ mật khẩu\",\"hide-details\":\"\"},model:{value:(_vm.rememberLogin),callback:function ($$v) {_vm.rememberLogin=$$v},expression:\"rememberLogin\"}})],1),_c('v-btn',{staticClass:\"font-weight-bold rounded-pill my-4 d-block mx-auto\",attrs:{\"width\":\"90%\",\"type\":\"submit\",\"color\":\"amber darken-3\",\"dark\":\"\",\"form\":\"loginForm\"}},[_vm._v(\"Đăng nhập \"),_c('v-icon',{attrs:{\"right\":\"\"}},[_vm._v(\"mdi-login\")])],1),_c('v-row',[_c('v-col',{staticClass:\"text-left\",attrs:{\"cols\":\"6\"}},[_c('router-link',{staticClass:\"teal--text mb-2\",staticStyle:{\"width\":\"100%\",\"display\":\"block\"},attrs:{\"text\":\"\",\"to\":{name: 'ChangePassword'}}},[_vm._v(\" Đổi mật khẩu\")]),_c('router-link',{staticClass:\"teal--text mb-2\",staticStyle:{\"width\":\"100%\",\"display\":\"block\"},attrs:{\"text\":\"\",\"to\":{name: 'ForgetPassword'}}},[_vm._v(\" Quên mật khẩu\")])],1),_c('v-col',{staticClass:\"text-center\",attrs:{\"cols\":\"6\"}},[_c('p',{},[_vm._v(\"Quét để truy cập nhanh \")]),_c('img',{staticClass:\"d-block mx-auto\",attrs:{\"src\":\"/static/qr_main.svg\",\"alt\":\"\",\"srcset\":\"\",\"width\":\"72\"}})])],1)],1)],1)],1)],1)],1)],1),_c('v-footer',{staticClass:\"text-center\",attrs:{\"color\":\"teal darken-4\",\"padless\":\"\"}},[_c('v-container',[_c('mouse-scroll',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isMouseVisible),expression:\"isMouseVisible\"}],staticStyle:{\"position\":\"absolute\",\"top\":\"-95px\",\"left\":\"50%\",\"transform\":\"translateX(-18px)\"}}),_c('v-card',{staticClass:\"d-flex justify-space-around align-end elevation-0\",staticStyle:{\"flex-wrap\":\"wrap\"},attrs:{\"color\":\"transparent\",\"dark\":\"\"}},[_c('v-col',{staticClass:\"px-0\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('img',{staticClass:\"rounded-xl elevation-6\",staticStyle:{\"background\":\"white\",\"padding\":\"8px\"},attrs:{\"src\":\"https://cdn-icons-png.flaticon.com/128/4732/4732739.png\",\"width\":\"64px\",\"height\":\"64px\"}}),_c('div',{staticClass:\"text-h6 green--text text--lighten-4 my-2\"},[_vm._v(\" Liên hệ\")]),_c('div',{staticClass:\"my-2 font-weight-bold yellow--text text--lighten-2 py-2\",staticStyle:{\"height\":\"44px\"}},[_vm._v(\" 0867 742 768 | 0888 786 787\")])]),_c('v-col',{staticClass:\"px-0\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('img',{staticClass:\"rounded-xl elevation-6\",staticStyle:{\"background\":\"white\",\"padding\":\"8px\"},attrs:{\"src\":\"https://cdn-icons-png.flaticon.com/128/4732/4732877.png\",\"width\":\"64px\"}}),_c('div',{staticClass:\"text-h6 green--text text--lighten-4 my-2\"},[_vm._v(\" E-mail\")]),_c('div',{staticClass:\"my-2 font-weight-bold yellow--text text--lighten-2 py-2\",staticStyle:{\"height\":\"44px\"}},[_vm._v(\" tuyendung@trungsonpharma.com\")])]),_c('v-col',{staticClass:\"px-0\",attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('a',{staticClass:\"mx-2\",on:{\"click\":_vm.getApple}},[_c('img',{staticStyle:{\"height\":\"47px\",\"width\":\"150px\"},attrs:{\"src\":\"/static/icons/App_Store.png\"}})]),_c('a',{staticClass:\"mx-2\",attrs:{\"href\":\"https://play.google.com/store/apps/details?id=vn.trungsonpharma.chamcong\"}},[_c('img',{staticStyle:{\"height\":\"47px\",\"width\":\"150px\"},attrs:{\"src\":\"/static/icons/google_play_2.png\"}})]),_c('div',{staticClass:\"text-h6 green--text text--lighten-4 my-2\"},[_vm._v(\" Tải về ứng dụng chấm công\")]),_c('div',{staticClass:\"my-2 font-weight-bold yellow--text text--lighten-2\"},[_vm._v(\" PDF hướng dẫn \"),_c('v-btn',{staticClass:\"mx-1 d-inline-block\",staticStyle:{},attrs:{\"color\":\"transparent\",\"icon\":\"\",\"target\":\"_blank\",\"href\":\"https://tshrmapi.trungsonpharma.com/uploads/static/user_guide.pdf\",\"depressed\":\"\",\"large\":\"\"}},[_c('img',{attrs:{\"src\":\"/static/icons/PDF_icon.png\",\"width\":\"30px\"}})])],1)])],1)],1)],1),_c('v-card',{attrs:{\"tile\":\"\",\"flat\":\"\"}},[_c('v-row',{staticClass:\"mb-0\",staticStyle:{\"border-radius\":\"4px\"}},[_c('v-col',{staticClass:\"mx-auto\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('div',{staticClass:\"my-6 mx-5\"},[_c('p',{},[_c('span',{staticClass:\"font-weight-light teal--text text--darken-4 display-1\"},[_vm._v(\"ĐỘI NGŨ\")]),_c('span',{staticClass:\"ml-2 font-weight-bold teal--text text--darken-4 display-1\"},[_c('b',[_vm._v(\"QUẢN LÝ\")])])]),_c('p',{staticClass:\"orange--text display-1 font-italic\",staticStyle:{\"margin-left\":\"5rem\"}},[_c('span',[_vm._v(\"HIỂU NGÀNH YÊU NGHỀ\")])])])])],1)],1),_c('v-dialog',{attrs:{\"max-width\":\"400px\"},model:{value:(_vm.loginDialog),callback:function ($$v) {_vm.loginDialog=$$v},expression:\"loginDialog\"}},[_c('v-card',{staticClass:\"mx-auto\",staticStyle:{\"border-bottom\":\"3px\",\"border-bottom-style\":\"solid\",\"border-bottom-color\":\"#FFBE5F\"},attrs:{\"loading\":_vm.logging}},[_c('v-card-title',{staticClass:\"text-center\"},[_vm._v(\" Chào bạn trở lại \")]),_c('v-card-text',[_c('v-form',{ref:\"loginForm\",attrs:{\"id\":\"loginForm\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.login.apply(null, arguments)}},model:{value:(_vm.loginValid),callback:function ($$v) {_vm.loginValid=$$v},expression:\"loginValid\"}},[_c('v-text-field',{attrs:{\"label\":\"Tên tài khoản\",\"required\":\"\",\"solo\":\"\",\"rounded\":\"\",\"rules\":[v=>!!v||\"Nhập tài khoản\"]},model:{value:(_vm.username),callback:function ($$v) {_vm.username=$$v},expression:\"username\"}}),_c('v-text-field',{attrs:{\"label\":\"Password\",\"required\":\"\",\"append-icon\":_vm.passwordShow ? 'mdi-eye' : 'mdi-eye-off',\"type\":_vm.passwordShow ? 'text' : 'password',\"rules\":[v=>!!v||\"Nhập mật khẩu\"],\"solo\":\"\",\"rounded\":\"\"},on:{\"click:append\":function($event){_vm.passwordShow = !_vm.passwordShow}},model:{value:(_vm.password),callback:function ($$v) {_vm.password=$$v},expression:\"password\"}})],1),_c('v-checkbox',{staticClass:\"mt-0\",attrs:{\"label\":\"Lưu nhớ mật khẩu\"},model:{value:(_vm.rememberLogin),callback:function ($$v) {_vm.rememberLogin=$$v},expression:\"rememberLogin\"}}),_c('router-link',{staticClass:\"teal--text\",attrs:{\"text\":\"\",\"to\":{name: 'ChangePassword'}}},[_c('v-icon',{attrs:{\"left\":\"\",\"color\":\"orange darken-3\"}},[_vm._v(\"mdi-lock-reset\")]),_vm._v(\" Đổi mật khẩu\")],1)],1),_c('v-card-actions',[_c('v-btn',{staticClass:\"font-weight-bold\",attrs:{\"width\":\"100%\",\"type\":\"submit\",\"color\":\"amber darken-3\",\"dark\":\"\",\"form\":\"loginForm\"}},[_vm._v(\"Đăng nhập\")])],1)],1)],1),_c('recruit-section')],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{},[_c('div',{staticClass:\"mouse\"}),_c('p',[_c('v-icon',{staticClass:\"d-inline-block\"},[_vm._v(\"mdi-chevron-double-down\")])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./MouseScroll.vue?vue&type=template&id=4b9d516c&scoped=true&\"\nvar script = {}\nimport style0 from \"./MouseScroll.vue?vue&type=style&index=0&id=4b9d516c&prod&scoped=true&lang=css&\"\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  \"4b9d516c\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div id=\"login\">\r\n    <!-- <v-parallax style=\"height:100vh;\" src=\"https://images.pexels.com/photos/583846/pexels-photo-583846.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260\">\r\n    </v-parallax> -->\r\n    <v-container fluid class=\"pa-0\" style=\"background: url('/static/login-hero2.jpg'); background-size: 100%; background-repeat: no-repeat; background-position: top;\">\r\n      <div class=\"opacity-mask\" style=\"position: absolute; height: 100%; width: 100%\"></div>\r\n        <v-container>\r\n        <v-row justify=\"center\" align=\"center\" no-gutters style=\"\" >\r\n          <v-col cols=\"12\" md=\"6\" lg=\"8\" class=\"pa-0\"  v-if=\"$vuetify.breakpoint.smAndUp\" style=\"background-color: transparent;\">\r\n            <v-card flat tile height=\"calc(100vh - 322px)\" class=\"d-flex align-center\" style=\"background-color: transparent;\">\r\n              \r\n              <!-- gradient=\"to bottom, rgba(0,0,0,.0), rgba(0,77,64,1)\" -->\r\n            <v-sheet rounded style=\"width: 100%; height: 100%;background-color: transparent; backdrop-filter: blur(0px);\" class=\"mx-auto\" >\r\n              <!-- height=\"calc(100vh - 327px)\" -->\r\n              <transition name=\"fade\">\r\n                <v-card style=\"height: 100%; max-width: 50%;\" class=\"elevation-0 mx-auto rounded-xl d-flex align-center\"  v-if=\"show\" color=\"rgba(255,255,255,.0)\" >\r\n                  <v-img src=\"/static/logo2.png\"  @load=\"show= true\" >\r\n                    <!-- <v-btn tile color=\"orange\" class=\"rounded-lg\" depressed dark x-large style=\"left: 50%; margin-left:-150px; margin-bottom: calc(25% - 26px);\" width=\"250px\" @click=\"scrollMeTo('anchor')\">\r\n                      <span class=\"white--text sub-title\">\r\n                        NỘP HỒ SƠ NGAY <v-icon>mdi-chevron-down</v-icon>\r\n                      </span>\r\n                    </v-btn> -->\r\n                  </v-img>\r\n                </v-card>\r\n              </transition>\r\n            </v-sheet>\r\n            </v-card>\r\n          </v-col>\r\n          <v-col class=\"pb-5\" cols=\"12\" md=\"6\" lg=\"4\" style=\"backdrop-filter: blur(0px);\" >\r\n            <v-card :loading=\"logging\" class=\"mx-auto my-auto rounded-xl px-2 elevation-3\" style=\"padding-bottom: 32px; max-width: 400px; border: 0px; border-bottom: 3px; border-style: solid; border-color: #BDBDBD;\" rounded=\"50%\" load>\r\n              <div class=\"pa-2 text-center\">\r\n                <img contain style=\"\"  v-show=\"$vuetify.breakpoint.xsOnly\"\r\n                  width=\"286\"\r\n                  src=\"/static/logo2.png\"\r\n                >\r\n              </div>\r\n              <v-card-title class=\"text-center mb-6\" >\r\n                <v-spacer></v-spacer>\r\n                CHÀO BẠN ĐÃ TRỞ LẠI\r\n                <v-spacer></v-spacer>\r\n              </v-card-title>\r\n              <v-card-text class=\"text-center\">\r\n                <v-form v-model=\"loginValid\" ref=\"loginForm\" id=\"loginForm\" @submit.prevent=\"login\" class=\"px-6\">\r\n                  <v-text-field v-model=\"username\" label=\"Tên tài khoản\" required outlined  :rules='[v=>!!v||\"Nhập tài khoản\"]' @change=\"verifyUser\"></v-text-field>\r\n\r\n                  <v-text-field v-model=\"password\" label=\"Password\" required \r\n                                :append-icon=\"passwordShow ? 'mdi-eye' : 'mdi-eye-off'\"\r\n                                :type=\"passwordShow ? 'text' : 'password'\" :rules='[v=>!!v||\"Nhập mật khẩu\"]'\r\n                                @click:append=\"passwordShow = !passwordShow\" outlined ></v-text-field>\r\n                                \r\n                  <div class=\"d-flex justify-center\">\r\n                    <v-checkbox label=\"Lưu nhớ mật khẩu\" v-model=\"rememberLogin\" class=\"mt-0\" hide-details></v-checkbox>\r\n                  </div>\r\n                  <v-btn  width=\"90%\" type=\"submit\" color=\"amber darken-3\" dark class=\"font-weight-bold rounded-pill my-4 d-block mx-auto\" form=\"loginForm\">Đăng nhập\r\n                    <v-icon right>mdi-login</v-icon>\r\n                  </v-btn>\r\n\r\n                  <v-row>\r\n                    <v-col cols=\"6\" class=\"text-left\">\r\n                      <router-link class=\"teal--text mb-2\" text :to=\"{name: 'ChangePassword'}\"  style=\"width: 100%; display: block;\">\r\n                        \r\n                        Đổi mật khẩu</router-link>\r\n                      <router-link class=\"teal--text mb-2\" text :to=\"{name: 'ForgetPassword'}\" style=\"width: 100%; display: block;\">\r\n                        \r\n                        Quên mật khẩu</router-link>\r\n                    </v-col>\r\n                    <v-col cols=\"6\" class=\"text-center\">\r\n                      <p class=\"\">Quét để truy cập nhanh </p>\r\n                      <img src=\"/static/qr_main.svg\" alt=\"\" srcset=\"\" width=\"72\" class=\"d-block mx-auto\">\r\n                    </v-col>\r\n                  </v-row>\r\n\r\n                </v-form>\r\n              </v-card-text>\r\n              \r\n            </v-card>\r\n          </v-col>\r\n        </v-row>\r\n        </v-container>\r\n        <!-- #187733 -->\r\n      <v-footer color=\"teal darken-4\" class=\" text-center\" padless style=\"\">\r\n        <v-container>\r\n          \r\n        <mouse-scroll class=\"\" v-show=\"isMouseVisible\" style=\"position: absolute; top: -95px; left: 50%; transform: translateX(-18px)\"></mouse-scroll>\r\n        <v-card color=\"transparent\" class=\"d-flex justify-space-around align-end elevation-0\" dark style=\"flex-wrap: wrap;\">\r\n          <v-col cols=\"12\" md=\"4\" class=\"px-0\">\r\n              <img src=\"https://cdn-icons-png.flaticon.com/128/4732/4732739.png\" class=\"rounded-xl elevation-6\" width=\"64px\" height=\"64px\" style=\" background: white; padding: 8px;\">\r\n              <!-- <v-icon size=\"64px\">mdi-phone</v-icon> -->\r\n              <div class=\"text-h6 green--text text--lighten-4 my-2\"> Liên hệ</div>\r\n              <div class=\" my-2 font-weight-bold yellow--text text--lighten-2 py-2\" style=\"height:44px\"> 0867 742 768 | 0888 786 787</div>\r\n          </v-col>\r\n          <v-col cols=\"12\" md=\"4\" class=\"px-0\">\r\n            <img src=\"https://cdn-icons-png.flaticon.com/128/4732/4732877.png\" class=\"rounded-xl elevation-6\" width=\"64px\" style=\"background: white; padding: 8px;\">\r\n              <div class=\"text-h6 green--text text--lighten-4 my-2\"> E-mail</div>\r\n              <div class=\" my-2 font-weight-bold yellow--text text--lighten-2 py-2\" style=\"height:44px\"> tuyendung@trungsonpharma.com</div>\r\n          </v-col>\r\n          <v-col cols=\"12\" md=\"4\" class=\"px-0\">\r\n              <a @click=\"getApple\" class=\"mx-2\">\r\n                <img src=\"/static/icons/App_Store.png\" style=\"height:47px; width: 150px;\">\r\n              </a>\r\n              \r\n              <a href=\"https://play.google.com/store/apps/details?id=vn.trungsonpharma.chamcong\" class=\"mx-2\">\r\n                  <img src=\"/static/icons/google_play_2.png\" style=\"height: 47px; width: 150px;\">\r\n              </a>\r\n            <div class=\"text-h6 green--text text--lighten-4 my-2\"> Tải về ứng dụng chấm công</div>\r\n            <div class=\"my-2 font-weight-bold yellow--text text--lighten-2\"> PDF hướng dẫn\r\n              <v-btn color=\"transparent\" icon style=\"width=30px; height=45px\" \r\n                  target=\"_blank\" href=\"https://tshrmapi.trungsonpharma.com/uploads/static/user_guide.pdf\"\r\n                  depressed class=\"mx-1 d-inline-block\" large >\r\n                  <img src=\"/static/icons/PDF_icon.png\" width=\"30px\">\r\n              </v-btn>\r\n            </div>\r\n          </v-col>\r\n\r\n          <!-- <v-sheet color=\"transparent elevation-0 flex-grow-1\" outlined tile dark style=\" max-width: 33.3%;\">\r\n          </v-sheet>\r\n\r\n          <v-sheet color=\"transparent elevation-0 flex-grow-1\" outlined tile dark style=\" max-width: 33.3%;\">\r\n          </v-sheet>\r\n          \r\n          <v-sheet color=\"transparent elevation-0 flex-grow-1\" outlined tile dark style=\" max-width: 33.3%;\">\r\n          </v-sheet> -->\r\n\r\n        </v-card>\r\n        </v-container>\r\n      </v-footer>\r\n      \r\n      <v-card tile flat>\r\n        <v-row style=\" border-radius: 4px\" class=\"mb-0\">\r\n          <v-col cols=\"12\" md=\"6\" class=\"mx-auto\">\r\n            <div class=\"my-6 mx-5\">\r\n              <p class=\"\">\r\n                <span class=\"font-weight-light teal--text text--darken-4 display-1\">ĐỘI NGŨ</span> \r\n                <span class=\"ml-2 font-weight-bold teal--text text--darken-4 display-1\"><b>QUẢN LÝ</b></span>\r\n              </p>\r\n              <p style=\"margin-left:5rem\" class=\" orange--text display-1 font-italic\"><span>HIỂU NGÀNH YÊU NGHỀ</span></p>\r\n            </div>\r\n          </v-col>\r\n          <!-- <v-col cols=\"12\" md=\"6\">\r\n            <v-img src=\"#\" width=\"\" style=\"margin-bottom:-12px\">\r\n              <div style=\"position:relative; top:0; margin-left:50%;\" class=\"red d-block \">\r\n              </div>\r\n            </v-img>\r\n          </v-col> -->\r\n        </v-row>\r\n      </v-card>\r\n      \r\n      <v-dialog v-model=\"loginDialog\" max-width=\"400px\">\r\n        <v-card :loading=\"logging\" class=\"mx-auto\" style=\"border-bottom: 3px; border-bottom-style: solid; border-bottom-color: #FFBE5F;\">\r\n          <v-card-title class=\"text-center\">\r\n            Chào bạn trở lại\r\n          </v-card-title>\r\n          <v-card-text>\r\n            <v-form v-model=\"loginValid\" ref=\"loginForm\" id=\"loginForm\" @submit.prevent=\"login\">\r\n              <v-text-field v-model=\"username\" label=\"Tên tài khoản\" required solo rounded :rules='[v=>!!v||\"Nhập tài khoản\"]'></v-text-field>\r\n\r\n              <v-text-field v-model=\"password\" label=\"Password\" required \r\n                            :append-icon=\"passwordShow ? 'mdi-eye' : 'mdi-eye-off'\"\r\n                            :type=\"passwordShow ? 'text' : 'password'\" :rules='[v=>!!v||\"Nhập mật khẩu\"]'\r\n                            @click:append=\"passwordShow = !passwordShow\" solo rounded></v-text-field>\r\n            </v-form>\r\n            <v-checkbox label=\"Lưu nhớ mật khẩu\" v-model=\"rememberLogin\" class=\"mt-0\"></v-checkbox>\r\n            <router-link class=\"teal--text\" text :to=\"{name: 'ChangePassword'}\">\r\n              <v-icon left color=\"orange darken-3\">mdi-lock-reset</v-icon>\r\n              Đổi mật khẩu</router-link>\r\n          </v-card-text>\r\n          <v-card-actions>\r\n            <v-btn width=\"100%\" type=\"submit\" color=\"amber darken-3\" dark class=\"font-weight-bold\" form=\"loginForm\">Đăng nhập</v-btn>\r\n          </v-card-actions>\r\n          \r\n        </v-card>\r\n      </v-dialog>\r\n      <!-- <v-fab-transition v-show=\"false\">\r\n        <v-btn disabled text \r\n          fixed color=\"transparent\" elevation=\"0\"\r\n          large dark bottom\r\n          style=\"left: 50%;transform: translateX(-59px); bottom: 150px; width:100px;z-index:99\" class=\"pa-0\" rounded \r\n        >\r\n        </v-btn>\r\n      </v-fab-transition> -->\r\n      <!-- <v-fab-transition>\r\n        <v-btn\r\n          color=\"white\"\r\n          x-large\r\n          bottom right\r\n          fixed \r\n          @click=\"loginDialog=!loginDialog\"\r\n          class=\"rounded-pill\"\r\n          style=\"margin-bottom: 40px\"\r\n        >\r\n        \r\n          <v-tooltip bottom height=\"32px\">\r\n            <template v-slot:activator=\"{ on, attrs }\">\r\n              <v-icon v-bind=\"attrs\" left v-on=\"on\">mdi-account</v-icon>\r\n            </template>\r\n            <span>Đăng nhập </span>\r\n          </v-tooltip> Đăng nhập\r\n        </v-btn>\r\n      </v-fab-transition> -->\r\n      \r\n    <recruit-section></recruit-section>\r\n    <!-- <v-sheet light class=\"\">\r\n      <v-container class=\"py-4\">\r\n        <v-card outlined class=\"px-0\" style=\"background-attachment: fixed; background-color: rgba(0,0,0,.3); background-blend-mode: multiply; background-image: url('/static/smooth-green-background.jpg'); background-size: cover; background-position: left center; background-repeat: no-repeat\">\r\n          <v-row class=\"mx-0 py-6\" style=\"\">\r\n            <v-col cols=\"12\" lg=\"6\" class=\"text-center d-flex align-center pt-6\">\r\n              <v-spacer></v-spacer>\r\n              <div class=\"d-block\" style=\"widows: 100%;\">\r\n                <p class=\"text-h6 font-weight-bold white--text\">LIÊN HỆ NGAY ĐỂ ĐƯỢC TƯ VẤN VỀ VIỆC LÀM</p>\r\n                <a target=\"_blank\" class=\"mx-2\" href=\"https://www.facebook.com/nhathuoctrungson/\">\r\n                  <img src=\"https://cdn-icons-png.flaticon.com/128/3670/3670032.png\" width=\"64px\">\r\n                </a>\r\n                <a target=\"_blank\" class=\"mx-2\" href=\"https://trungsoncare.com/\">\r\n                  <img src=\"https://cdn-icons-png.flaticon.com/128/724/724664.png\" width=\"64px\">\r\n                </a>\r\n\r\n                <a target=\"_blank\" class=\"mx-2\" href=\"https://www.youtube.com/channel/UCEGFRl4OC-hf9ZWMXBsk4Kg\"><img src=\"https://cdn-icons-png.flaticon.com/512/3670/3670163.png\"  class=\"d-inline-block\" width=\"64px\"></a>\r\n              </div>\r\n              <v-spacer></v-spacer>\r\n              \r\n            </v-col>\r\n            <v-col cols=\"12\" lg=\"6\" class=\"py-6\">\r\n              <v-card class=\"rounded-xl elevation-5\" style=\"\">\r\n                <v-card-title class=\"text-center\" style=\"word-break:break-word;\">\r\n                  <v-spacer></v-spacer>\r\n                  NỘP HỒ SƠ CỦA BẠN\r\n                  <v-spacer></v-spacer>\r\n                </v-card-title>\r\n                <v-stepper v-model=\"step\" class=\"elevation-0\" alt-labels id=\"stepper\">\r\n                  <v-stepper-header class=\"elevation-0 text-center\" style=\"flex-wrap: nowrap;\">\r\n                    <v-stepper-step step=\"1\" color=\"orange accent-4\" :complete=\"stepValid[0]\" complete-icon=\"mdi-check\">\r\n                      Vị trí ứng tuyển\r\n                    </v-stepper-step>\r\n\r\n                    <v-divider></v-divider>\r\n                    <v-stepper-step step=\"2\" color=\"orange accent-4\" :complete=\"stepValid[1]\" complete-icon=\"mdi-check\">\r\n                      Thông tin cơ bản\r\n                    </v-stepper-step>\r\n\r\n                    <v-divider></v-divider>\r\n                    <v-stepper-step step=\"3\" color=\"orange accent-4\" :complete=\"stepValid[2]\" complete-icon=\"mdi-check\">\r\n                      Thông tin chi tiết\r\n                    </v-stepper-step>\r\n                    \r\n                    <v-divider></v-divider>\r\n                    <v-stepper-step step=\"4\" color=\"orange accent-4\" :complete=\"stepValid[3]\" complete-icon=\"mdi-check\">\r\n                      Học vấn\r\n                    </v-stepper-step>\r\n                    \r\n                    <v-divider></v-divider>\r\n                    <v-stepper-step step=\"5\" color=\"orange accent-4\" :complete=\"stepValid[4]\" complete-icon=\"mdi-check\">\r\n                      Đính kèm\r\n                    </v-stepper-step>\r\n                    \r\n                  </v-stepper-header>\r\n                  <v-stepper-items>\r\n                      <v-stepper-content step=\"1\">\r\n                        <v-card flat>\r\n                          <v-form ref=\"recruit_step_1\" id=\"recruit_step_1\" @submit.prevent=\"validStep1\">\r\n                            <v-row>\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Vị trí ứng tuyển <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined v-model=\"form.jobCode\" hide-details=\"auto\"\r\n                                :items=\"jobs\" item-value=\"code\" item-text=\"name\" :rules=\"[v => !!v || 'Chọn công việc ứng tuyển']\"></v-autocomplete>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Kinh nghiệm làm việc <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col cols=\"12\" md=\"6\">\r\n                                <v-select outlined  hide-details=\"auto\"  v-model=\"form.yearExperience\" placeholder=\"Kinh nghiệm làm việc\" clearable\r\n                                :items=\"yearExperiences\"></v-select>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Nơi làm việc mong muốn 1 <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined v-model=\"form.city1Code\" clearable hide-details=\"auto\"\r\n                                :items=\"cities\" item-text=\"name\" item-value=\"code\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Nơi làm việc mong muốn 2 <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined v-model=\"form.city2Code\" clearable hide-details=\"auto\"\r\n                                :items=\"cities\" item-text=\"name\" item-value=\"code\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Bạn biết đến trung sơn <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined v-model=\"form.recruitChannel\" clearable hide-details=\"auto\"\r\n                                :items=\"recruitChannels\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n                              \r\n                            </v-row>\r\n                          </v-form>\r\n                          <v-card-actions class=\"mt-6\">\r\n                            <v-spacer></v-spacer>\r\n                              <v-btn type=\"submit\" form=\"recruit_step_1\" color=\"green darken-4\" style=\"width: 180px;\" dark >\r\n                              Tiếp tục</v-btn>\r\n                            <v-spacer></v-spacer>\r\n                          </v-card-actions>\r\n                        </v-card>\r\n                      </v-stepper-content>\r\n                      \r\n                      <v-stepper-content step=\"2\">\r\n                        <v-card flat>\r\n                          <v-form ref=\"recruit_step_2\" id=\"recruit_step_2\" @submit.prevent=\"validStep2\">\r\n                            <v-row>\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Họ & tên  <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-text-field v-model=\"form.name\" outlined hide-details=\"auto\" :rules=\"[\r\n                                                                        v => !!v || 'Nhập vào họ tên',\r\n                                                                        v => (v || '').length <=30 || 'Tên quá dài']\"></v-text-field>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Giới tính  <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-select v-model=\"form.gender\" outlined hide-details=\"auto\" :items='[{text: \"Nam\", value: true}, {text:\"Nữ\", value:false}]' :rules=\"[v=> v!=null ||'Chọn 1 dữ liệu' ]\"></v-select>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\">\r\n                                <v-divider></v-divider>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Ngày sinh  <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-card class=\"d-inline-flex\" outlined>\r\n                                  <v-date-picker no-title class=\"mx-auto\" locale=\"vi\" full-width color=\"green darken-2\"\r\n                                        v-model=\"form.birthday\"\r\n                                    ></v-date-picker>\r\n                                </v-card>\r\n                                <v-text-field hide-details=\"auto\" maxlength=\"10\" v-model=\"formatedBirthDay\" outlined :rules=\"[\r\n                                                                                                        rules.required,\r\n                                                                                                        rules.validDate,\r\n                                                                                                        rules.minDate\r\n                                                                                                        ]\" \r\n                                              hint=\"Định dạng ngày dd/mm/yyyy\"\r\n                                ></v-text-field>\r\n                              </v-col>\r\n                              <v-col cols=\"12\">\r\n                                <v-divider></v-divider>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Số điện thoại  <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-text-field v-model=\"form.phone\" hide-details=\"auto\" placeholder=\"ví dụ 0972xxxxxx\" outlined :rules=\"[\r\n                                                                          v => !!v || 'Nhập SDT', v => (v || '').length <=15 || 'SDT quá dài',\r\n                                                                          v => (v || '').length >=10 || 'SDT quá ngắn',\r\n                                                                          v =>  !/\\D/.test(v) || 'SDT không đúng']\"></v-text-field>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Email <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-text-field outlined type=\"email\" placeholder=\"ví dụ: email@gmail.com\" v-model=\"form.mail\" hide-details=\"auto\" :rules=\"[\r\n                                                                                          v => !!v || 'Nhập Email', v => (v || '').length <=50 || 'Email quá dài',\r\n                                                                                          rules.validEmail]\"></v-text-field>\r\n                              </v-col>\r\n                            </v-row>\r\n                          </v-form>\r\n                          <v-card-actions class=\"mt-6\">\r\n                            <v-spacer></v-spacer>\r\n                              <v-btn color=\"red darken-4\" style=\"width: 90px;\" dark class=\"\" @click=\"step--\" outlined>\r\n                                Quay lại\r\n                              </v-btn>\r\n                              <v-btn type=\"submit\" form=\"recruit_step_2\" color=\"green darken-4\" dark class=\"mx-4\" style=\"width: 90px\">\r\n                              Tiếp tục</v-btn>\r\n                            <v-spacer></v-spacer>\r\n                          </v-card-actions>\r\n                        </v-card>\r\n                      </v-stepper-content>\r\n                      \r\n                      <v-stepper-content step=\"3\" >\r\n                        <v-card flat>\r\n                          <v-form ref=\"recruit_step_3\" id=\"recruit_step_3\" @submit.prevent=\"validStep3\">\r\n                            <v-row style=\"\">                                                                                          \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Chiều cao <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                  <v-text-field outlined hide-details=\"auto\" v-model=\"form.height\" persistent-placeholder hint=\"ví dụ 1.8\" persistent-hint\r\n                                                placeholder=\"ví dụ 1.8\" suffix=\"(m)\" :rules=\"[ \r\n                                                                                                v=> !isNaN(v) || 'Nhập dữ liệu số',\r\n                                                                                                v=> !!v || 'Nhập dữ liệu này'\r\n                                                                                              ]\"></v-text-field>\r\n                              </v-col>\r\n                                                                                                                        \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Cân nặng <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-text-field outlined hide-details=\"auto\" v-model=\"form.weight\" label=\"Cân nặng\"  hint=\"ví dụ 50\" persistent-hint\r\n                                                suffix=\"(kg)\" persistent-placeholder placeholder=\" ví dụ: 80\" :rules=\"[ \r\n                                                                                                  v=> !isNaN(v) || 'Nhập dữ liệu số',\r\n                                                                                                  v=> !!v || 'Nhập dữ liệu này'\r\n                                                                                                ]\"></v-text-field>\r\n                              </v-col>\r\n                              <v-col cols=\"12\">\r\n                                <v-divider></v-divider>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Quốc tịch <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined v-model=\"form.originCode\" placeholder=\"Việt Nam, ...\" persistent-placeholder hide-details=\"auto\"\r\n                                :items=\"origins\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Dân tộc <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined v-model=\"form.ethnicityCode\" placeholder=\"Dân tộc Kinh, Hoa, ...\" persistent-placeholder hide-details=\"auto\"\r\n                                :items=\"ethnicities\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Tôn giáo <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined v-model=\"form.religionCode\" placeholder=\"Phật giáo, Công giáo,...\" persistent-placeholder hide-details=\"auto\"\r\n                                :items=\"religions\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\">\r\n                                <v-divider></v-divider>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                CCCD  <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-text-field outlined v-model=\"form.idNumber\" hide-details=\"auto\" :rules=\"[\r\n                                                                                          v => !!v || 'Nhập chứng minh', v => (v || '').length <=12 || 'CMND quá dài',\r\n                                                                                          v => (v || '').length >=9 || 'CMND quá ngắn',\r\n                                                                                          v =>  !/\\D/.test(v) || 'CMND không đúng']\"></v-text-field>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Nơi cấp  <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined v-model=\"form.idPlace\" :items=\"idPlaces\" hide-details=\"auto\"\r\n                                :rules=\"[v=>!!v || 'Nhập dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Ngày cấp  <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-card class=\"d-inline-flex\" outlined>\r\n                                  <v-date-picker no-title class=\"mx-auto\" locale=\"vi\" full-width color=\"green darken-2\" \r\n                                        v-model=\"form.idDate\"\r\n                                    ></v-date-picker>\r\n                                </v-card>\r\n                                <v-text-field maxlength=\"10\" v-model=\"formatedIdDate\" outlined :rules=\"[\r\n                                                                                                        rules.required,\r\n                                                                                                        rules.validDate\r\n                                                                                                        ]\" \r\n                                              hint=\"Định dạng ngày dd/mm/yyyy\" hide-details=\"auto\"\r\n                                ></v-text-field>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\">\r\n                                <v-divider></v-divider>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Địa chỉ thường trú <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col class=\"\">\r\n                                <v-autocomplete outlined v-model=\"form.cityCode\" placeholder=\"Thành phố\" persistent-placeholder\r\n                                  @change=\"fetchDistrict(form.cityCode)\"\r\n                                  :items=\"cities\" item-value=\"code\" item-text=\"name\" :rules=\"[\r\n                                                                                        v => !!v || 'Chọn thành phố của bạn']\">\r\n                                </v-autocomplete>\r\n                                \r\n                                <v-autocomplete outlined v-model=\"form.districtCode\" placeholder=\"Quận\" persistent-placeholder @change=\"fetchWard(form.districtCode)\"\r\n                                :items=\"districts\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn quận của bạn']\"></v-autocomplete>\r\n                                \r\n                                <v-autocomplete outlined v-model=\"form.wardCode\" placeholder=\"Phường\" persistent-placeholder :rules=\"[ v => !!v || 'Chọn phường của bạn']\"\r\n                                  :items=\"wards\" item-value=\"code\" item-text=\"name\"></v-autocomplete>\r\n                                  \r\n                                <v-textarea outlined rows=3 v-model=\"form.address\" placeholder=\"ví dụ Thành phố Cần Thơ, quận Bình Thủy, phường 5, 2xx/5 hẻm 5, đường CMT8\" persistent-placeholder :rules=\"[v=>!!v || 'Nhập dữ liệu']\" hide-details=\"auto\"></v-textarea>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\">\r\n                                <v-divider></v-divider>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Địa chỉ tạm trú <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                  <v-autocomplete outlined v-model=\"form.dCityCode\" placeholder=\"Thành phố\" persistent-placeholder\r\n                                    @change=\"fetchDistrict2(form.dCityCode)\"\r\n                                    :items=\"cities\" item-value=\"code\" item-text=\"name\" :rules=\"[\r\n                                                                                          v => !!v || 'Chọn thành phố của bạn']\">\r\n                                  </v-autocomplete>\r\n                                \r\n                                  <v-autocomplete outlined v-model=\"form.dDistrictCode\" placeholder=\"Quận\" persistent-placeholder @change=\"fetchWard2(form.dDistrictCode)\"\r\n                                  :items=\"district2s\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn quận của bạn']\"></v-autocomplete>\r\n                                \r\n                                  <v-autocomplete outlined v-model=\"form.dWardCode\" placeholder=\"Phường\" persistent-placeholder :rules=\"[ v => !!v || 'Chọn phường của bạn']\"\r\n                                    :items=\"ward2s\" item-value=\"code\" item-text=\"name\"></v-autocomplete>\r\n\r\n                                  <v-textarea outlined v-model=\"form.dAddress\" placeholder=\"Địa chỉ\" :rules=\"[v=>!!v || 'Nhập dữ liệu']\"></v-textarea>\r\n                              </v-col>\r\n                              \r\n                            </v-row>\r\n                          </v-form>\r\n                          <v-card-actions class=\"mt-6\">\r\n                            <v-spacer></v-spacer>\r\n                              <v-btn color=\"red darken-4\" style=\"width: 90px;\" dark class=\"\" @click=\"step--\" outlined>\r\n                                Quay lại\r\n                              </v-btn>\r\n                              <v-btn form=\"recruit_step_3\" type=\"submit\" color=\"green darken-4\" dark class=\"mx-4\" style=\"width: 90px\">\r\n                              Tiếp tục</v-btn>\r\n                            <v-spacer></v-spacer>\r\n                          </v-card-actions>\r\n                        </v-card>\r\n                      </v-stepper-content>\r\n                      \r\n                      <v-stepper-content step=\"4\">\r\n                        <v-card flat>\r\n                          <v-form ref=\"recruit_step_4\" id=\"recruit_step_4\" @submit.prevent=\"validStep4\">\r\n                            <v-row>\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Học vấn  <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined hide-details=\"auto\" v-model=\"form.educationLevelCode\" placeholder=\"Học vấn\" persistent-placeholder\r\n                                :items=\"educationLevels\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Chuyên ngành <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined hide-details=\"auto\" v-model=\"form.educationMajorCode\" placeholder=\"Chuyên ngành\"\r\n                                :items=\"educationMajors\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Cơ sở đào tạo <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-autocomplete outlined hide-details=\"auto\" v-model=\"form.universityCode\" placeholder=\"Cơ sở đào tạo\"\r\n                                :items=\"universities\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Xếp loại tốt nghiệp <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>       \r\n                                <v-autocomplete outlined hide-details=\"auto\" v-model=\"form.graduateTypeCode\" placeholder=\"Xếp loại tốt nghiệp\" persistent-placeholder\r\n                                :items=\"[\r\n                                          {text: 'Giỏi', value: 'GIOI'},\r\n                                          {text: 'Khá', value: 'KHA'},\r\n                                          {text: 'Trung Bình', value: 'TRUNGBINH'},\r\n                                          {text: 'Khác', value: 'KHAC'},\r\n                                          {text: 'Chưa tốt nghiệp', value: 'NONE'},\r\n                                        ]\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\"></v-autocomplete>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Loại chứng chỉ hành nghề Dược <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>       \r\n                                <v-select outlined v-model=\"form.pharmaCert\" :items=\"pharmaCerts\"  persistent-placeholder\r\n                                          placeholder=\"Loại chứng chỉ hành nghề Dược\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\" clearable hide-details=\"auto\">\r\n                                </v-select>\r\n                              </v-col>\r\n                            </v-row>\r\n                          </v-form>\r\n                          <v-card-actions class=\"mt-6\">\r\n                            <v-spacer></v-spacer>\r\n                              <v-btn color=\"red darken-4\" style=\"width: 90px;\" dark class=\"\" @click=\"step--\" outlined>\r\n                                Quay lại\r\n                              </v-btn>\r\n                              <v-btn type=\"submit\" form=\"recruit_step_4\" color=\"green darken-4\" dark class=\"mx-4\" style=\"width: 90px\">\r\n                              Tiếp tục</v-btn>\r\n                            <v-spacer></v-spacer>\r\n                          </v-card-actions>\r\n                        </v-card>\r\n                      </v-stepper-content>\r\n                      \r\n                      <v-stepper-content step=\"5\">\r\n                        <v-card flat>\r\n                          <v-form ref=\"recruit_step_5\" id=\"recruit_step_5\" @submit.prevent=\"validStep5\">\r\n                            <v-row>\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                Ảnh chân dung của bạn <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col cols=\"12\" md=\"6\">\r\n                                \r\n                                <v-img :src=\"avatarPreview\" class=\"rounded-xl mb-2 mx-auto\" width=\"150px\" height=\"150px\">\r\n                                </v-img>\r\n                                <v-file-input show-size outlined\r\n                                label=\"Avatar\" ref=\"avatarInput\" v-model=\"avatarFile\" single-line  prepend-icon=\"\" hide-details=\"auto\"\r\n                                @change=\"uploadAvatar\" :rules=\"[v=>!!v||'Hãy chọn ảnh chân dung của bạn']\">\r\n                                  <template v-slot:selection=\"{ index, text, file }\">\r\n                                    <v-chip color=\"green accent-4\" dark label >\r\n                                      {{ text }}  \r\n                                    </v-chip>\r\n                                    </template>\r\n                                </v-file-input>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                CMND (CCCD) mặt trước <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col cols=\"12\" md=\"6\">\r\n                                <v-file-input v-model=\"idImageFrontFile\" clearable outlined :rules=\"[v=>!!v||'Hãy chọn ảnh CMND/CCCD mặt trước của bạn']\" placeholder=\"Ảnh chụp CMND/CCCD mặt trước\" persistent-placeholder hide-details=\"auto\" \r\n                                single-line  prepend-icon=\"\">\r\n                                  <template v-slot:selection=\"{ index, text, file }\">\r\n                                    <v-chip color=\"green accent-4\" dark label >\r\n                                      {{ text }}  \r\n                                    </v-chip>\r\n                                    </template>\r\n                                </v-file-input>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                CMND (CCCD) mặt sau <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col cols=\"12\" md=\"6\">\r\n                                <v-file-input v-model=\"idImageBackFile\" clearable outlined :rules=\"[v=>!!v||'Hãy chọn ảnh CMND/CCCD mặt sau của bạn']\" placeholder=\"Ảnh chụp CMND/CCCD mặt sau\" persistent-placeholder hide-details=\"auto\" single-line  prepend-icon=\"\">\r\n                                  <template v-slot:selection=\"{ index, text, file }\">\r\n                                    <v-chip color=\"green accent-4\" dark label >\r\n                                      {{ text }}  \r\n                                    </v-chip>\r\n                                    </template>\r\n                                </v-file-input>\r\n                              </v-col>\r\n\r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                File CV <small class=\"ml-2 orange--text text--darken-2\"> (ứng viên viên nên gởi CV)</small> <span class=\"red--text ml-2\" ></span>\r\n                              </v-col>\r\n                              <v-col cols=\"12\" md=\"6\">\r\n                                <v-file-input v-model=\"cvFile\" accept=\".pdf\" clearable outlined :rules=\"[v=>!!v||'Hãy chọn file CV của bạn']\" placeholder=\"File  CV định dạng PDF\" persistent-placeholder hide-details=\"auto\" single-line  prepend-icon=\"\">\r\n                                  <template v-slot:selection=\"{ index, text, file }\">\r\n                                    <v-chip color=\"green accent-4\" dark label >\r\n                                      {{ text }}  \r\n                                    </v-chip>\r\n                                    </template>\r\n                                </v-file-input>\r\n                              </v-col>\r\n                              \r\n                              <v-col cols=\"12\" md=\"6\" class=\"d-flex align-center\">\r\n                                File đính kèm khác <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col cols=\"12\" md=\"6\">\r\n                                <v-file-input clearable outlined v-model=\"attachmentFile\" multiple accept=\".pdf, .xls, .xlsx, .doc, .docx, .png, .jpg\" placeholder=\"Giấy khám sức khỏe, CV, v.v.v.\" persistent-placeholder hide-details=\"auto\" single-line  prepend-icon=\"\">\r\n                                  <template v-slot:selection=\"{ index, text, file }\">\r\n                                    <v-chip color=\"green accent-4\" dark label >\r\n                                      {{ text }}  \r\n                                    </v-chip>\r\n                                    </template>\r\n                                </v-file-input>\r\n                              </v-col>\r\n                              <v-col cols=\"12\">\r\n                                <v-textarea v-model=\"form.note\" rows=\"3\" hide-details counter label=\"Lời nhắn\">\r\n                                </v-textarea>\r\n                              </v-col>\r\n\r\n                            </v-row>\r\n                          </v-form>\r\n                          <v-card-actions class=\"mt-6\">\r\n                            <v-spacer></v-spacer>\r\n                              <v-btn style=\"width: 90px;\" dark color=\"red darken-4\" @click=\"step--\" outlined>Quay lại</v-btn>\r\n                              <v-btn type=\"submit\" form=\"recruit_step_5\" style=\"width: 90px;\" dark color=\"green darken-4\" :loading=\"isLoading\">GỞI HỒ SƠ</v-btn>\r\n                            <v-spacer></v-spacer>\r\n                          </v-card-actions>\r\n                        </v-card>\r\n                      </v-stepper-content>\r\n                    </v-stepper-items>\r\n                </v-stepper>\r\n              </v-card>\r\n            </v-col>\r\n\r\n          </v-row>\r\n        </v-card>\r\n      </v-container>\r\n    </v-sheet> -->\r\n\r\n      <!-- <v-sheet class=\"d-none\" light style=\"background: url(https://images.unsplash.com/photo-1559239115-ce3eb7cb87ea?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1988&q=80), #E6E8EA; background-repeat: no-repeat; background-size: 100%;\">\r\n        <v-container class=\"custom text-center pt-12\" >\r\n          <v-card class=\"rounded-xl\">\r\n            <v-card-text>\r\n          <div class=\"  my-5 display-1 black--text\" id=\"tuyendung\">Nộp hồ sơ của bạn</div>\r\n          <span ref=\"anchor\"></span>\r\n          <v-form id=\"candidate\" ref=\"candidate\" @submit.prevent=\"applyJob\" v-model=\"valid\">\r\n            <v-row class=\"mt-0\">\r\n              <v-col md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.jobCode\" label=\"Vị trí ứng tuyển *\"\r\n                :items=\"jobs\" item-value=\"code\" item-text=\"name\" :rules=\"[v => !!v || 'Chọn công việc ứng tuyển']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <v-text-field filled v-model=\"form.name\" label=\"Họ tên *\" :rules=\"[\r\n                                                                        v => !!v || 'Nhập vào họ tên',\r\n                                                                        v => (v || '').length <=30 || 'Tên quá dài']\"></v-text-field>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <v-select filled v-model=\"form.gender\" label=\"Giới tính *\" :items='[{text: \"Nam\", value: true}, {text:\"Nữ\", value:false}]' :rules=\"[v=> v!=null ||'Chọn 1 dữ liệu' ]\"></v-select>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <date-picker2 filled v-model=\"form.birthday\" label=\"Ngày sinh *\" :rules=\"[\r\n                                                                                        rules.required,\r\n                                                                                        rules.validDate,\r\n                                                                                        rules.minDate\r\n                                                                                        ]\" \r\n                  :range=\"false\" :width=\"600\" :readonlyInput=\"false\" :birthDay=\"false\" ></date-picker2>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <v-text-field filled v-model=\"form.phone\" label=\"Số điện thoại *\" :rules=\"[\r\n                                                                          v => !!v || 'Nhập SDT', v => (v || '').length <=15 || 'SDT quá dài',\r\n                                                                          v => (v || '').length >=10 || 'SDT quá ngắn',\r\n                                                                          v =>  !/\\D/.test(v) || 'SDT không đúng']\"></v-text-field>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <v-text-field filled type=\"email\" v-model=\"form.mail\" label=\"Email *\" :rules=\"[\r\n                                                                          v => !!v || 'Nhập Email', v => (v || '').length <=50 || 'Email quá dài',\r\n                                                                          rules.validEmail]\"></v-text-field>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <v-text-field filled v-model=\"form.idNumber\" label=\"Số CMND *\" counter :rules=\"[\r\n                                                                          v => !!v || 'Nhập chứng minh', v => (v || '').length <=12 || 'CMND quá dài',\r\n                                                                          v => (v || '').length >=9 || 'CMND quá ngắn',\r\n                                                                          v =>  !/\\D/.test(v) || 'CMND không đúng']\"></v-text-field>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <date-picker2 filled :range=\"false\" :width=\"600\" v-model=\"form.idDate\" label=\"Ngày cấp *\" \r\n                :rules=\"[\r\n                          rules.required,\r\n                          rules.validDate\r\n                        ]\"  :readonlyInput=\"false\" :birthDay=\"false\"></date-picker2>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.idPlace\" :items=\"idPlaces\" label=\"Nơi cấp *\" :rules=\"[v=>!!v || 'Nhập dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n              \r\n              <label class=\"subtitle-2 px-3 d-block col-12  text-left\">Địa chỉ thường trú</label>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.cityCode\" label=\"Thành phố *\"\r\n                  @change=\"fetchDistrict(form.cityCode)\"\r\n                  :items=\"cities\" item-value=\"code\" item-text=\"name\" :rules=\"[\r\n                                                                        v => !!v || 'Chọn thành phố của bạn']\">\r\n                </v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.districtCode\" label=\"Quận *\" @change=\"fetchWard(form.districtCode)\"\r\n                :items=\"districts\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn quận của bạn']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.wardCode\" label=\"Phường *\" :rules=\"[ v => !!v || 'Chọn phường của bạn']\"\r\n                  :items=\"wards\" item-value=\"code\" item-text=\"name\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-text-field filled v-model=\"form.address\" label=\"Địa chỉ *\" :rules=\"[v=>!!v || 'Nhập dữ liệu']\"></v-text-field>\r\n              </v-col>\r\n\r\n              <label class=\"subtitle-2 px-3 d-block col-12  text-left\">Địa chỉ tạm trú</label>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.dCityCode\" label=\"Thành phố *\"\r\n                  @change=\"fetchDistrict2(form.dCityCode)\"\r\n                  :items=\"cities\" item-value=\"code\" item-text=\"name\" :rules=\"[\r\n                                                                        v => !!v || 'Chọn thành phố của bạn']\">\r\n                </v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.dDistrictCode\" label=\"Quận *\" @change=\"fetchWard2(form.dDistrictCode)\"\r\n                :items=\"district2s\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn quận của bạn']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.dWardCode\" label=\"Phường *\" :rules=\"[ v => !!v || 'Chọn phường của bạn']\"\r\n                  :items=\"ward2s\" item-value=\"code\" item-text=\"name\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-text-field filled v-model=\"form.dAddress\" label=\"Địa chỉ *\" :rules=\"[v=>!!v || 'Nhập dữ liệu']\"></v-text-field>\r\n              </v-col>\r\n              \r\n              <label class=\"subtitle-2 px-3 d-block col-12  text-left\">Lý lịch</label>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.ethnicityCode\" label=\"Dân tộc *\"\r\n                :items=\"ethnicities\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.religionCode\" label=\"Tôn giáo *\"\r\n                :items=\"religions\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.originCode\" label=\"Quốc tịch *\"\r\n                :items=\"origins\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n\r\n              <label class=\"subtitle-2 px-3 d-block col-12  text-left\">Học vấn</label>\r\n              <v-col  cols=\"12\" md=\"6\" >\r\n                <v-autocomplete filled v-model=\"form.educationLevelCode\" label=\"Học vấn *\"\r\n                :items=\"educationLevels\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.educationMajorCode\" label=\"Chuyên ngành *\"\r\n                :items=\"educationMajors\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\" >\r\n                <v-autocomplete filled v-model=\"form.universityCode\" label=\"Trường *\"\r\n                :items=\"universities\" item-value=\"code\" item-text=\"name\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\" >\r\n                <v-autocomplete filled v-model=\"form.graduateTypeCode\" label=\"Xếp loại tốt nghiệp *\"\r\n                :items=\"[\r\n                          {text: 'Giỏi', value: 'GIOI'},\r\n                          {text: 'Khá', value: 'KHA'},\r\n                          {text: 'Trung Bình', value: 'TRUNGBINH'},\r\n                          {text: 'Khác', value: 'KHAC'},\r\n                        ]\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col cols=\"12\" md=\"6\" >\r\n                <v-select v-model=\"form.pharmaCert\" :items=\"pharmaCerts\" label=\"Loại chứng chỉ hành nghề Dược\" :rules=\"[ v => !!v || 'Chọn dữ liệu']\" clearable hide-details=\"auto\" filled>\r\n                </v-select>\r\n              </v-col>\r\n              <label class=\"subtitle-2 px-3 d-block col-12 text-left\">Ngoại hình</label>\r\n              <v-col cols=\"6\">\r\n                <v-text-field filled v-model=\"form.height\" label=\"Chiều cao\" placeholder=\"ví dụ 1.8\" suffix=\"(m)\" :rules=\"[ \r\n                                                                                                                            v=> !isNaN(v) || 'Nhập dữ liệu số',\r\n                                                                                                                            v=> !!v || 'Nhập dữ liệu này'\r\n                                                                                                                          ]\"></v-text-field>\r\n              </v-col>\r\n              <v-col cols=\"6\">\r\n                <v-text-field filled v-model=\"form.weight\" label=\"Cân nặng\" suffix=\"(kg)\" placeholder=\" ví dụ: 80\" :rules=\"[ \r\n                                                                                                                            v=> !isNaN(v) || 'Nhập dữ liệu số',\r\n                                                                                                                            v=> !!v || 'Nhập dữ liệu này'\r\n                                                                                                                          ]\"></v-text-field>\r\n              </v-col>\r\n\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <label :class=\"`subtitle-2 d-block text-left ${avatarError? 'error--text':''}`\">Nhập avatar của bạn (*)</label>\r\n                <v-hover v-slot=\"{ hover }\">\r\n                    <v-avatar\r\n                        color=\"grey\" size=\"128\" >\r\n                        <v-img :src=\"avatarPreview\">\r\n                            <v-expand-transition>\r\n                                <div v-if=\"!avatarFile\" class=\"d-flex transition-fast-in-fast-out orange darken-2 v-card--reveal white--text\"\r\n                                style=\"height: 100%;\" @click=\"chooseAvatar\">\r\n                                    <v-icon large style=\"cursor:pointer\">mdi-camera</v-icon>Avatar\r\n                                </div>\r\n                            </v-expand-transition>\r\n                        </v-img>\r\n                    </v-avatar>\r\n                </v-hover>\r\n              </v-col>\r\n              \r\n              <v-file-input show-size filled class=\"d-none\"\r\n              label=\"Avatar\" ref=\"avatarInput\" v-model=\"avatarFile\"\r\n              prepend-icon=\"mdi-camera\" @change=\"uploadAvatar\" :rules=\"[v=>!!v||'Up ảnh avatar của bạn']\">\r\n              </v-file-input>\r\n              <v-col cols=\"12\" md=\"6\">\r\n                <v-file-input filled v-model=\"attachmentFile\" label=\"File đính kèm\" multiple accept=\".pdf, .xls, .xlsx, .doc, .docx, .png, .jpg\" outlined dense prepend-icon=\"\"\r\n                  append-icon=\"mdi-file\"\r\n                  placeholder=\"\"\r\n                  persistent-hint hint=\"\"\r\n                ></v-file-input>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.recruitChannel\" label=\"Bạn biết đến Trung Sơn\" outlined clearable dense\r\n                :items=\"recruitChannels\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-select filled v-model=\"form.yearExperience\" label=\"Kinh nghiệm làm việc\" outlined clearable dense\r\n                :items=\"yearExperiences\"></v-select>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.city1Code\" label=\"Nơi làm việc mong muốn 1\" outlined clearable dense\r\n                :items=\"cities\" item-text=\"name\" item-value=\"code\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col  cols=\"12\" md=\"6\">\r\n                <v-autocomplete filled v-model=\"form.city2Code\" label=\"Nơi làm việc mong muốn 2\" outlined clearable dense\r\n                :items=\"cities\" item-text=\"name\" item-value=\"code\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n              </v-col>\r\n              <v-col cols=\"12\">\r\n                <v-textarea filled outlined v-model=\"form.note\" label=\"Lời nhắn\" :rules=\"[ v => (v || '').length <=800 || 'Dữ liệu quá dài vui lòng không nhập quá 800 kí tự'\r\n                                                                                  ]\"></v-textarea>\r\n              </v-col>\r\n            </v-row>\r\n            <v-btn color=\"orange\" dark type=\"submit\" form=\"candidate\" :disabled=\"isLoading\">\r\n              Gởi hồ sơ\r\n            </v-btn>\r\n          </v-form>\r\n            </v-card-text>\r\n          </v-card>\r\n        </v-container>\r\n      </v-sheet> -->\r\n    </v-container>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// @ is an alias to /src\r\nimport http from \"../../components/services/http-common\";\r\nimport ApiService from \"../../components/services/ApiServices\";\r\nimport EventBus  from \"../../components/services/EventBus\";\r\nimport router from \"../../router/index\";\r\nimport moment from 'moment';\r\nimport Scroll from '@/components/Icon/MouseScroll';\r\nimport Swal from 'sweetalert2';\r\nimport Api from './api.js';\r\nimport * as easings from 'vuetify/lib/services/goto/easing-patterns'\r\nimport RecruitSection from \"@/components/RecruitSection\"\r\n\r\nconst dateRegex = new RegExp('[0-9]{1,2}(/|-)[0-9]{1,2}(/|-)[0-9]{4}');\r\n\r\nvar minBirthDay = moment().startOf(\"year\").subtract(19, \"years\").format(\"YYYY-MM-DD\");\r\n\r\nexport default {\r\n  name: 'Login',\r\n  watch:{\r\n    // \"form.attachmentFile\":{\r\n    //   handler(val) {\r\n    //     console.log(val.size)\r\n    //   }\r\n    // }\r\n  },\r\n  components: {\r\n    \"mouse-scroll\":Scroll,\r\n    \"recruit-section\": RecruitSection\r\n  },\r\n  props: {\r\n      data: {\r\n        type: String,\r\n        default: \"ssss\"\r\n      },\r\n  },\r\n  data() {\r\n    return {\r\n      isScrolling: true,\r\n      isMouseVisible: true,\r\n      stepValid: [false, false, false, false, false],\r\n      step: 1,\r\n      show:false,\r\n      username: \"\",\r\n      password: \"\",\r\n      passwordShow: false,\r\n      logging: false,\r\n      loginValid: true,\r\n      test: \"\",\r\n      loginDialog: false,\r\n      rememberLogin: false,\r\n\r\n      CANDIDATE_URL: \"candidates\",\r\n      jobs:[],\r\n      cities:[],\r\n      districts:[],\r\n      wards:[],\r\n      district2s:[],\r\n      ward2s:[],\r\n\r\n      ethnicities:[],\r\n      origins:[],\r\n      religions:[],\r\n\r\n      educationLevels:[],\r\n      educationMajors:[],\r\n      universities:[],\r\n      yearExperiences:[\r\n        {text: \" Chưa có kinh nghiệm\", value: 0},\r\n        {text: \" 6 tháng\", value: 0.5},\r\n        {text: \" 1 năm\", value: 1},\r\n        {text: \" 2 năm\", value: 2},\r\n        {text: \" 3 năm\", value: 3},\r\n        {text: \" Hơn 3 năm\", value: 4},\r\n      ],\r\n      valid: true,\r\n      avatarPreview: \"/sample.png\",\r\n      base64_cccd_front: \"\",\r\n      attachmentFile:undefined,\r\n      avatarFile:undefined,\r\n      idImageFrontFile:undefined,\r\n      idImageBackFile:undefined,\r\n      cvFile: undefined,\r\n      isLoading:false,\r\n      recruitChannels:[\r\n        {text: \"Mạng xã hội\", value: \"MXH\"},\r\n        {text: \"Tờ rơi\", value: \"TR\"},\r\n        {text: \"Được giới thiệu\", value: \"N\"},\r\n        {text: \"Trang tuyển dụng\", value: \"TTD\"},\r\n      ],\r\n      pharmaCerts:[\r\n        {text: \"Không có\", value: \"KHONG\"},\r\n        {text: \"CCHN Cao Đẳng\", value: \"CD\"},\r\n        {text: \"CCHN Đại Học\", value: \"DH\"},\r\n      ],\r\n      form: {\r\n        jobCode:null,\r\n        name:\"\",\r\n        gender: null,\r\n        birthday:moment().format(\"YYYY-MM-DD\"),\r\n        phone:\"\",\r\n        mail:\"\",\r\n        cityCode:null,\r\n        districtCode:null,\r\n        wardCode:null,\r\n        address:\"\",\r\n\r\n        city1Code:\"\",\r\n        city2Code:\"\",\r\n\r\n        dCityCode:null,\r\n        dDistrictCode:null,\r\n        dWardCode:null,\r\n        dAddress:\"\",\r\n\r\n        ethnicityCode: \"\",\r\n        originCode: \"\",\r\n        religionCode: \"\",\r\n\r\n        educationLevelCode:null,\r\n        educationMajorCode:null,\r\n        universityCode:null,\r\n        yearExperience:0,\r\n        weight:0,\r\n        height:0,\r\n        idNumber:\"\",\r\n        idDate:moment().format(\"YYYY-MM-DD\"),\r\n        idPlace: \"\",\r\n        note:\"\",\r\n        recruitChannel: \"TTD\",\r\n        graduateTypeCode:null,\r\n        pharmaCert: null,\r\n      },\r\n      defaultForm: {\r\n        jobCode:null,\r\n        name:\"\",\r\n        gender: null,\r\n        birthday:moment().format(\"YYYY-MM-DD\"),\r\n        phone:\"\",\r\n        mail:\"\",\r\n        \r\n        cityCode:null,\r\n        districtCode:null,\r\n        wardCode:null,\r\n        address:\"\",\r\n\r\n        city1Code:\"\",\r\n        city2Code:\"\",\r\n\r\n        dCityCode:null,\r\n        dDistrictCode:null,\r\n        dWardCode:null,\r\n        dAddress:\"\",\r\n        \r\n        ethnicityCode: \"\",\r\n        originCode: \"\",\r\n        religionCode: \"\",\r\n\r\n        educationLevelCode:null,\r\n        educationMajorCode:null,\r\n        universityCode:null,\r\n        yearExperience:0,\r\n        weight:0,\r\n        height:0,\r\n        idNumber:\"\",\r\n        idDate:moment().format(\"YYYY-MM-DD\"),\r\n        idPlace: \"\",\r\n        note:\"\",\r\n        recruitChannel: \"TTD\",\r\n        graduateTypeCode:null,\r\n        pharmaCert: null,\r\n      },\r\n      scrollTop:0,\r\n      rules: {\r\n        required: v=>!!v || 'Nhập dữ liệu',\r\n        validEmail: v =>  /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(v) || 'Email không đúng',\r\n        validDate: v=> dateRegex.test(v) || 'Dữ liệu không đúng, định dạng ngày dd/mm/yyyy',\r\n        minDate: v=> !moment(v, \"DD/MM/YYYY\").isAfter(minBirthDay) || 'Bạn cần đủ tuổi để nộp hồ sơ'\r\n      },\r\n      isUserPending: false,\r\n    }\r\n  },\r\n  computed: {\r\n    scrollOptions() {\r\n      return {\r\n          duration: 500,\r\n          offset: 0,\r\n          easing: easings['easeInOutQuad']\r\n        }\r\n    },\r\n    idPlaces() {\r\n        let fixedData = [ \"Cục Cảnh sát ĐKQL cư trú và DLQG về dân cư\", \"Cục Cảnh sát quản lý hành chính về trật tự xã hội\"];\r\n        let cityData = this.cities.map(x=>{return x.name});\r\n        return fixedData.concat(cityData);\r\n    },\r\n    avatarError: function(){\r\n      if(this.avatarFile===null)\r\n        return true;\r\n      console.log(this.avatarFile)\r\n      return false;\r\n    },\r\n    height () {\r\n      return this.$vuetify.breakpoint.mdAndUp;\r\n    },\r\n    \r\n    formatedBirthDay: {\r\n      get() {\r\n        return moment(this.form.birthday).format(\"DD/MM/YYYY\")\r\n      },\r\n      set(value) {\r\n        const possibleFormats = [\"D/M/YYYY\", \"DD/MM/YYYY\"]\r\n          let parsedDate = moment(value,possibleFormats, true);\r\n          if (parsedDate.isValid()) {\r\n            this.form.birthday = parsedDate.format(\"YYYY-MM-DD\")\r\n          }\r\n      }\r\n    },\r\n\r\n    formatedIdDate: {\r\n      get() {\r\n        return moment(this.form.idDate).format(\"DD/MM/YYYY\")\r\n      },\r\n      set(value) {\r\n        const possibleFormats = [\"D/M/YYYY\", \"DD/MM/YYYY\"]\r\n          let parsedDate = moment(value,possibleFormats, true);\r\n          if (parsedDate.isValid()) {\r\n            this.form.idDate = parsedDate.format(\"YYYY-MM-DD\")\r\n          }\r\n      }\r\n    }\r\n    // avatar(){\r\n    //     if(!!this.form.avatar)\r\n    //         return process.env.VUE_APP_BASE_URL + this.form.avatar.replace('wwwroot/', '');\r\n    //     else\r\n    //         return '/sample.png';\r\n    // },\r\n  },\r\n  methods: {\r\n    //validation\r\n    validStep1() {\r\n      this.stepValid[0] = this.$refs.recruit_step_1.validate()\r\n      if(this.stepValid[0]){\r\n        this.nextStep()\r\n      }\r\n    },\r\n    validStep2() {\r\n      this.stepValid[1] = this.$refs.recruit_step_2.validate()\r\n      if(this.stepValid[1]){\r\n        this.nextStep()\r\n      }\r\n    },\r\n    validStep3() {\r\n      this.stepValid[2] = this.$refs.recruit_step_3.validate()\r\n      if(this.stepValid[2]){\r\n        this.nextStep()\r\n      }\r\n    },\r\n    validStep4() {\r\n      this.stepValid[3] = this.$refs.recruit_step_4.validate()\r\n      if(this.stepValid[3]){\r\n        this.nextStep()\r\n      }\r\n    },\r\n    validStep5() {\r\n      this.stepValid[4] = this.$refs.recruit_step_5.validate()\r\n      if(this.stepValid[4]){\r\n        this.applyJob()\r\n      }\r\n      \r\n    },\r\n\r\n    // utils\r\n    createBase64Image(FileObject) {\r\n      const reader = new FileReader();\r\n      reader.onload = (event) => {\r\n        this.base64_cccd_front = event.target.result;\r\n      }\r\n      reader.readAsDataURL(FileObject);\r\n    },\r\n    \r\n    nextStep() {\r\n      this.step ++\r\n      this.$vuetify.goTo('#stepper', this.scrollOptions)\r\n    },\r\n\r\n    getApple()\r\n    {\r\n        return http.get(\"employees/apple-download\").then(res => {\r\n            // window.location.replace(res.data.url);\r\n            // let a = document.createElement(\"a\");\r\n            // document.body.appendChild(a);\r\n            // a.style = \"display: none\";\r\n            // a.href = res.data.url;\r\n            // a.click();\r\n            // document.body.removeChild(a);\r\n            window.location.href =res.data.url \r\n        })\r\n    },\r\n    uploadAvatar(file) {  \r\n        if (file) {\r\n          this.avatarPreview = URL.createObjectURL(file);\r\n        }\r\n    },\r\n    chooseAvatar(){\r\n      this.$refs.avatarInput.$refs.input.click()\r\n    },\r\n    loadImg() {\r\n    },\r\n    verifyUser() {\r\n      let username = this.username\r\n      return this.apiService.verifyUser(username).then(d => {\r\n        if(d.key == 'PENDING'){\r\n          this.isUserPending = true\r\n        } else {\r\n          this.isUserPending = false\r\n        }\r\n      })\r\n    },\r\n    login () {\r\n      var vm = this;\r\n      this.logging = \"green\";\r\n      this.$refs.loginForm.validate();\r\n      if(this.loginValid)\r\n      {\r\n        return http.post('account',{\r\n          UserName: this.username,\r\n          Password: this.password\r\n        })\r\n        .then(response =>  {\r\n          // this.logging = false;\r\n          vm.test = response;\r\n          var strTOKEN = JSON.stringify(response.data.user);\r\n          localStorage.setItem('user', strTOKEN);\r\n          localStorage.setItem('token', response.data.token);\r\n          localStorage.setItem('userClaim', JSON.parse(strTOKEN).claims );\r\n          localStorage.setItem('validTo', response.data.validTo);\r\n          localStorage.setItem('WebAllowed', response.data.webAllowed);\r\n\r\n          if(this.rememberLogin){\r\n            localStorage.setItem('rememberUser', this.username);\r\n            localStorage.setItem('rememberPassword', this.password);\r\n          }else {\r\n            localStorage.removeItem('rememberUser')\r\n            localStorage.removeItem('rememberPassword')\r\n          }\r\n\r\n          let redirect = vm.$route.query.redirect\r\n          let route = vm.$route.query.route\r\n          let id = vm.$route.query.id\r\n          let id2 = vm.$route.query.id2\r\n\r\n          console.log(\"DEBUG:\",redirect==true)\r\n          if(redirect ==true){\r\n            router.push({ name: route, params:{\r\n              id: id,\r\n              id2: id2,\r\n            }})\r\n          }else {\r\n            if(this.isUserPending)\r\n              router.push({ name: 'UserPending'})\r\n              // router.push({ name: 'Home'})\r\n            else\r\n              router.push({ name: 'Home'})\r\n            \r\n          }\r\n          \r\n        })\r\n        .catch(function (error) {\r\n          vm.logging = false;\r\n          vm.test = error;\r\n          switch (error.response.status) {\r\n            case 401: {\r\n              let eventObj = {...error.response.data};\r\n              eventObj.color = \"error\";\r\n              EventBus.$emit('hasError', eventObj);\r\n              break;\r\n            }\r\n          }\r\n        })\r\n        .finally(()=> {\r\n          this.logging=false\r\n          });\r\n      } \r\n    },\r\n\r\n    fetchJob () {\r\n      return http.get(\"candidates/fetch-job\")\r\n      .then(res => {\r\n          this.jobs = res.data.items;\r\n      }).catch(err => {throw err});\r\n    },\r\n    fetchCity () {\r\n      return http.get(\"cities\", {\r\n          params: {dropDown: 1}\r\n      }).then(res => {\r\n          this.cities = res.data.items;\r\n      }).catch(err => {\r\n          console.log(err);\r\n      });\r\n    },\r\n    fetchDistrict (val) {\r\n      if(val)\r\n        return http.get('cities/fetch-district/'+val).then(res => {\r\n            this.districts = res.data;\r\n        });\r\n    },\r\n    fetchWard (val) {\r\n      if(val)\r\n        return http.get('districts/fetch-ward/'+val).then(res => {\r\n            this.wards = res.data;\r\n        });\r\n    },\r\n\r\n    fetchDistrict2 (val) {\r\n      if(val)\r\n        return http.get('cities/fetch-district/'+val).then(res => {\r\n            this.district2s = res.data;\r\n        });\r\n    },\r\n    fetchWard2 (val) {\r\n      if(val)\r\n        return http.get('districts/fetch-ward/'+val).then(res => {\r\n            this.ward2s = res.data;\r\n        });\r\n    },\r\n    fetchEducationLevel(){\r\n      ApiService.fetchEducationLevel().then(res=>{\r\n        this.educationLevels = res.data;\r\n      })\r\n    },\r\n    fetchEducationMajor(){\r\n      ApiService.fetchEducationMajor().then(res=>{\r\n        this.educationMajors = res.data;\r\n      })\r\n    },\r\n    fetchUniversity(){\r\n      ApiService.fetchUniversity().then(res=>{\r\n        this.universities = res.data;\r\n      })\r\n    },\r\n    fetchEthnicity(){\r\n      return ApiService.fetchEthnicity().then(r => {\r\n        this.ethnicities =  r.data\r\n      })\r\n    },\r\n    fetchOrigin(){\r\n      return ApiService.fetchOrigin().then(r => {\r\n        this.origins =  r.data\r\n      })\r\n    },\r\n    fetchReligion(){\r\n      return ApiService.fetchReligion().then(r => {\r\n        this.religions =  r.data\r\n      })\r\n    },\r\n\r\n    onScroll() {\r\n      let v = window.pageYOffset || document.documentElement.scrollTop;\r\n      if (v > 0) {\r\n        if(this.isScrolling){\r\n          this.isMouseVisible = false\r\n        }\r\n          this.isScrolling = false\r\n      } else {\r\n        this.isMouseVisible = true\r\n        if(!this.isScrolling){\r\n          this.isScrolling = true\r\n        }\r\n      }\r\n        // this.scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n      // if(document.documentElement.scrollTop < 11)\r\n      //   this.scrollTop = window.pageYOffset || document.documentElement.scrollTop;\r\n      // else {\r\n      //   console.log(this.scrollTop)\r\n      // }\r\n      \r\n      // Do something with the scroll position, e.g., update a data property\r\n      // this.scrollPosition = scrollTop;\r\n      // console.log('Main page scroll position:', this.scrollTop);\r\n    },\r\n    applyJob() {\r\n      var formData = new FormData();\r\n      if(this.attachmentFile != null){\r\n        this.form.attachmentFile = this.attachmentFile.forEach(file => {\r\n          formData.append(\"attachmentFile\", file);\r\n        });\r\n      }\r\n      if(this.form.birthday ==null)\r\n      {\r\n        \r\n        Swal.fire(\r\n          {\r\n            title: 'Thông báo',\r\n            html: 'Hãy nhập ngày sinh của bạn',\r\n            icon:'error',\r\n            showCloseButton: false\r\n          }\r\n        );\r\n        return;\r\n      }\r\n      if(this.avatarFile)\r\n        formData.append(\"avatar\", this.avatarFile);\r\n      else\r\n      {\r\n        this.avatarFile = null;\r\n        this.valid = false;\r\n        \r\n        Swal.fire(\r\n          {\r\n            title: 'Thông báo',\r\n            html: 'Chọn ảnh avatar của bạn',\r\n            icon:'error',\r\n            showCloseButton: false\r\n          }\r\n        );\r\n        return;\r\n      }\r\n\r\n      if(this.idImageFrontFile)\r\n        formData.append(\"idImageFront\", this.idImageFrontFile);\r\n      else\r\n      {\r\n        this.idImageFrontFile = null;\r\n        this.valid = false;\r\n        \r\n        Swal.fire(\r\n          {\r\n            title: 'Thông báo',\r\n            html: 'Chụp CMND/CCCD mặt trước của bạn',\r\n            icon:'error',\r\n            showCloseButton: false\r\n          }\r\n        );\r\n        return;\r\n      }\r\n      \r\n      if(this.idImageBackFile)\r\n        formData.append(\"idImageBack\", this.idImageBackFile);\r\n      else\r\n      {\r\n        this.idImageBackFile = null;\r\n        this.valid = false;\r\n        \r\n        Swal.fire(\r\n          {\r\n            title: 'Thông báo',\r\n            html: 'Chụp CMND/CCCD mặt sau của bạn',\r\n            icon:'error',\r\n            showCloseButton: false\r\n          }\r\n        );\r\n        return;\r\n      }\r\n      \r\n      if(this.cvFile)\r\n        formData.append(\"cvFile\", this.cvFile);\r\n      else\r\n      {\r\n        this.cvFile = null;\r\n        // this.valid = false;\r\n        \r\n        // Swal.fire(\r\n        //   {\r\n        //     title: 'Thông báo',\r\n        //     html: 'Chọn file CV của bạn',\r\n        //     icon:'error',\r\n        //     showCloseButton: false\r\n        //   }\r\n        // );\r\n        return;\r\n      }\r\n\r\n      for (const [key, value] of Object.entries(this.form)) {\r\n        formData.append(key, value);\r\n      }\r\n\r\n      // this.$refs.candidate.validate();\r\n      this.valid =true\r\n      if(this.valid){\r\n        this.isLoading=true;\r\n        return http.post(this.CANDIDATE_URL, formData).then(res=>{\r\n          // this.$refs.candidate.reset();\r\n          this.form = Object.assign({}, this.defaultForm);\r\n          this.isLoading=false;\r\n          this.form.height = 0;\r\n          this.form.weight = 0;\r\n\r\n          Swal.fire(\r\n            {\r\n              title: 'Thông báo',\r\n              html: '<p>Cảm ơn bạn đ&atilde; ứng tuyển v&agrave;o Hệ Thống Nh&agrave; Thuốc Trung Sơn.</p> <p>Theo nhu cầu tuyển dụng nhận sự của c&ocirc;ng ty. Ch&uacute;ng t&ocirc;i sẽ chủ động li&ecirc;n hệ với c&aacute;c hồ sơ ph&ugrave; hợp để th&ocirc;ng b&aacute;o lịch phỏng vấn.</p> <p>Th&acirc;n mến!!</p><p>&nbsp;</p><p><em>Th&ocirc;ng tin li&ecirc;n hệ SDT: <a class=\"text-is-phone-number\">088 8786787</a><a class=\"text-is-phone-number\">&nbsp;</a><span class=\"text\">/ </span><a class=\"text-is-phone-number\">0867742768</a></em></p>',\r\n              icon:'success',\r\n              closeButtonText: 'Đồng ý',\r\n              showCloseButton: true\r\n            }).then(result => {\r\n              window.location.reload();\r\n            })\r\n        }).catch(err=>{console.log(err)})\r\n        .finally(()=>{\r\n          this.isLoading=false;\r\n        })\r\n      } else {\r\n          let eventObj = {\r\n              color: \"error\",\r\n              message: \"Kiểm tra lại dữ liệu\",\r\n              toast: false,\r\n          };\r\n          EventBus.$emit('hasError', eventObj);\r\n      }\r\n    },\r\n  },\r\n  \r\n  updated()\r\n  {\r\n    \r\n  },\r\n  \r\n  mounted() {\r\n    this.fetchJob();\r\n    this.fetchCity();\r\n    this.fetchEducationLevel();\r\n    this.fetchEducationMajor();\r\n    this.fetchUniversity();\r\n    this.fetchEthnicity();\r\n    this.fetchOrigin();\r\n    this.fetchReligion();\r\n\r\n    //load remember\r\n    let rememberUser = localStorage.getItem('rememberUser')\r\n    let rememberPassword = localStorage.getItem('rememberPassword')\r\n    if(rememberUser && rememberPassword){\r\n      this.username = rememberUser\r\n      this.password = rememberPassword\r\n      this.rememberLogin = true\r\n      this.verifyUser()\r\n    }\r\n    setTimeout(() => {\r\n      this.show = true;\r\n    }, 500);\r\n\r\n  },\r\n  apiService: null,\r\n  created() {\r\n    this.apiService = new Api()\r\n    window.addEventListener('scroll', this.onScroll);\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener('scroll', this.onScroll);\r\n  },\r\n}\r\n</script>\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n<style scoped>\r\n/* .slide-fade-enter-active {\r\n  transition: all .9s ease-in-out;\r\n} */\r\n/* .slide-fade-leave-active {\r\n  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);\r\n} */\r\n/* .slide-fade-leave-active below version 2.1.8 */\r\n/* .slide-fade-enter, .slide-fade-leave-to\r\n {\r\n  transform: translateX(-10px);\r\n  opacity: 0;\r\n} */\r\n\r\n\r\n::v-deep .swal2-content {\r\n  text-align: left !important;\r\n}\r\n.container.custom{\r\n  max-width: 800px;\r\n}\r\n\r\n/* .v-text-field--outlined >>> fieldset {\r\n  border-color: rgba(192, 0, 250, 0.986);\r\n} */\r\n\r\n.v-card--reveal {\r\n    align-items: center;\r\n    bottom: 0;\r\n    justify-content: center;\r\n    opacity: .7;\r\n    position: absolute;\r\n    width: 100%;\r\n}\r\n\r\n.image-container {\r\n  position: relative;\r\n  width: 300px; /* Adjust the size according to your needs */\r\n  height: 200px; /* Adjust the size according to your needs */\r\n}\r\n\r\n.loading-animation {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: #f0f0f0; /* Adjust the color as you like */\r\n  animation: pulse 1.5s infinite ease-in-out; /* Adjust the animation properties as you like */\r\n}\r\n\r\n@keyframes pulse {\r\n  0% {\r\n    opacity: 0.6;\r\n  }\r\n  50% {\r\n    opacity: 0.3;\r\n  }\r\n  100% {\r\n    opacity: 0.6;\r\n  }\r\n}\r\n\r\n.fade-enter-active,\r\n.fade-leave-active {\r\n  transition: opacity 1s;\r\n}\r\n.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {\r\n  opacity: 0;\r\n}\r\n.opacity-mask {\r\n  background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255, 255, 255, 0));\r\n}\r\n::v-deep div.v-stepper__label {\r\n  text-align: center;\r\n  line-height: normal;\r\n  max-width: 100px;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Login.vue?vue&type=template&id=641d71ba&scoped=true&\"\nimport script from \"./Login.vue?vue&type=script&lang=js&\"\nexport * from \"./Login.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Login.vue?vue&type=style&index=0&id=641d71ba&prod&scoped=true&lang=css&\"\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  \"641d71ba\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MouseScroll.vue?vue&type=style&index=0&id=4b9d516c&prod&scoped=true&lang=css&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Login.vue?vue&type=style&index=0&id=641d71ba&prod&scoped=true&lang=css&\""],"sourceRoot":""}