{"version":3,"sources":["webpack:///./src/components/RecruitSectionAlt.vue?6088","webpack:///./src/views/Navless/Login.vue","webpack:///./src/components/Icon/MouseScroll.vue","webpack:///./src/components/Icon/MouseScroll.vue?e953","webpack:///./src/components/RecruitSectionAlt.vue","webpack:///src/components/RecruitSectionAlt.vue","webpack:///./src/components/RecruitSectionAlt.vue?fcc1","webpack:///./src/components/RecruitSectionAlt.vue?9291","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?a6d9"],"names":["staticClass","staticStyle","attrs","_vm","breakpoint","_c","name","$vuetify","expression","ref","$event","preventDefault","model","value","callback","username","passwordShow","on","password","rememberLogin","directives","rawName","_v","logging","staticRenderFns","_self","script","component","form","$$v","$set","jobDistrict1s","cities","fetchJobDistrict2","city2Code","jobDistrict2s","text","v","gender","formatedBirthDay","idNumber","idDate","formatedIdDate","fetchDistrict","fetchWard","educationMajors","educationMajorCode","universityCode","pharmaCert","openExpDialog","expForm","experienceCompanyHeaders","experienceCompanies","scopedSlots","fn","index","file","avatarFile","requiredCv","key","cvFile","attachmentFile","render","dateRegex","RegExp","minBirthDay","moment","startOf","subtract","format","watch","handler","val","fetchAvailableRecruitmentRequest","computed","jobCities1","jobCities","length","idPlaces","fixedData","cityData","map","x","concat","avatarError","console","log","result","jobCode","currentJob","jobs","filter","code","height","mdAndUp","get","birthday","set","possibleFormats","parsedDate","isValid","methods","saveExp","push","position","from","to","quitNote","expDialog","closeExpDialog","validStep1","alert","stepValid","$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","base64_cccd_front","target","readAsDataURL","step","goTo","scrollOptions","uploadAvatar","avatarPreview","URL","createObjectURL","chooseAvatar","avatarInput","input","click","fetchJob","http","then","res","data","items","catch","err","fetchCity","params","dropDown","districts","fetchJobDistrict1","wards","fetchDistrict2","district2s","fetchWard2","ward2s","fetchEducationLevel","ApiService","educationLevels","fetchEducationMajor","fetchUniversity","universities","fetchEthnicity","r","ethnicities","fetchOrigin","origins","fetchReligion","religions","getJobCity","d","availJobs","getJobInfo","formData","FormData","forEach","append","valid","Swal","fire","title","html","icon","showCloseButton","idImageFrontFile","idImageBackFile","Object","entries","JSON","stringify","isLoading","post","CANDIDATE_URL","assign","defaultForm","weight","closeButtonText","window","location","reload","finally","eventObj","color","message","toast","EventBus","$emit","jobHeaders","yearExperiences","undefined","recruitChannels","pharmaCerts","phone","mail","cityCode","districtCode","wardCode","address","city1Code","dCityCode","dDistrictCode","dWardCode","dAddress","ethnicityCode","originCode","religionCode","educationLevelCode","yearExperience","idPlace","note","recruitChannel","graduateTypeCode","jobDistrict1Code","jobDistrict2Code","dialog","rules","required","validEmail","test","validDate","minDate","isAfter","width","mounted","components","Scroll","RecruitSection","RecruitSectionAlt","props","type","String","default","isScrolling","isMouseVisible","show","loginValid","loginDialog","scrollTop","isUserPending","duration","offset","easing","easings","getApple","isLegacy","legacy","href","url","loadImg","verifyUser","apiService","login","vm","loginForm","UserName","Password","response","strTOKEN","user","localStorage","setItem","token","parse","claims","validTo","webAllowed","removeItem","redirect","$route","query","route","id","id2","router","error","status","onScroll","pageYOffset","document","documentElement","updated","rememberUser","getItem","rememberPassword","setTimeout","created","Api","addEventListener","beforeDestroy","removeEventListener"],"mappings":"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","file":"js/Login.d203568d.js","sourcesContent":["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!./RecruitSectionAlt.vue?vue&type=style&index=0&id=eb4bcac8&prod&scoped=true&lang=css&\"","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',{staticStyle:{\"color\":\"white\",\"text-decoration\":\"underline\"},on:{\"click\":function($event){return _vm.getApple(true)}}},[_c('i',[_c('h5',[_vm._v(\"Phiên bản cũ iOs\")])])]),_c('v-divider',{staticClass:\"my-4\"}),_c('a',{staticClass:\"mx-2\",attrs:{\"href\":\"https://play.google.com/store/apps/details?id=vn.trungsoncare.trung_son_hrm\"}},[_c('img',{staticStyle:{\"height\":\"47px\",\"width\":\"150px\"},attrs:{\"src\":\"/static/icons/google_play_2.png\"}})]),_c('a',{staticStyle:{\"color\":\"white\"},attrs:{\"href\":\"https://play.google.com/store/apps/details?id=vn.trungsonpharma.chamcong&hl=vi\"}},[_c('i',[_c('h5',[_vm._v(\"Phiên bản cũ Android\")])])]),_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)],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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"recruit-section\"}},[_c('v-sheet',{attrs:{\"light\":\"\"}},[_c('v-container',{staticClass:\"py-4\"},[_c('v-card',{staticClass:\"px-0\",staticStyle:{\"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\"},attrs:{\"outlined\":\"\"}},[_c('v-row',{staticClass:\"mx-0 py-6\"},[_c('v-col',{staticClass:\"text-center d-flex align-center pt-6\",attrs:{\"cols\":\"12\",\"lg\":\"6\"}},[_c('v-spacer'),_c('div',{staticClass:\"d-block\",staticStyle:{\"widows\":\"100%\"}},[_c('p',{staticClass:\"text-h6 font-weight-bold white--text\"},[_vm._v(\"LIÊN HỆ NGAY ĐỂ ĐƯỢC TƯ VẤN VỀ VIỆC LÀM\")]),_c('a',{staticClass:\"mx-2\",attrs:{\"target\":\"_blank\",\"href\":\"https://www.facebook.com/nhathuoctrungson/\"}},[_c('img',{attrs:{\"src\":\"https://cdn-icons-png.flaticon.com/128/3670/3670032.png\",\"width\":\"64px\"}})]),_c('a',{staticClass:\"mx-2\",attrs:{\"target\":\"_blank\",\"href\":\"https://trungsoncare.com/\"}},[_c('img',{attrs:{\"src\":\"https://cdn-icons-png.flaticon.com/128/724/724664.png\",\"width\":\"64px\"}})]),_c('a',{staticClass:\"mx-2\",attrs:{\"target\":\"_blank\",\"href\":\"https://www.youtube.com/channel/UCEGFRl4OC-hf9ZWMXBsk4Kg\"}},[_c('img',{staticClass:\"d-inline-block\",attrs:{\"src\":\"https://cdn-icons-png.flaticon.com/512/3670/3670163.png\",\"width\":\"64px\"}})])]),_c('v-spacer')],1),_c('v-col',{staticClass:\"py-6\",attrs:{\"cols\":\"12\",\"lg\":\"6\"}},[_c('v-card',{staticClass:\"rounded-xl elevation-5\"},[_c('v-card-title',{staticStyle:{\"word-break\":\"break-word\"}},[_c('v-spacer'),_vm._v(\" NỘP HỒ SƠ CỦA BẠN \"),_c('v-spacer')],1),_c('v-stepper',{staticClass:\"elevation-0\",attrs:{\"id\":\"stepper\",\"vertical\":\"\"},model:{value:(_vm.step),callback:function ($$v) {_vm.step=$$v},expression:\"step\"}},[_c('v-stepper-step',{attrs:{\"step\":\"1\",\"color\":\"orange accent-4\",\"complete\":_vm.stepValid[0],\"complete-icon\":\"mdi-check\"}},[_vm._v(\" Công việc ứng tuyển \")]),_c('v-stepper-content',{attrs:{\"step\":\"1\"}},[_c('v-card',[_c('v-card-text',[_c('v-card',{staticClass:\"rounded-xl\",attrs:{\"flat\":\"\",\"outlined\":\"\"}},[_c('v-card-text',[_c('v-data-table',{attrs:{\"items\":_vm.jobs,\"headers\":_vm.jobHeader}})],1)],1),_c('v-form',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.form.jobCode),expression:\"form.jobCode\"}],ref:\"recruit_step_1\",attrs:{\"id\":\"recruit_step_1\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.validStep1.apply(null, arguments)}}},[_c('v-row',[_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Nơi làm việc mong muốn 1 \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-select',{attrs:{\"dense\":\"\",\"outlined\":\"\",\"hide-details\":\"\",\"label\":\"Nơi làm việc mong muốn 1\",\"items\":_vm.jobCities1,\"item-text\":\"name\",\"item-value\":\"code\"},on:{\"change\":_vm.fetchJobDistrict1},model:{value:(_vm.form.city1Code),callback:function ($$v) {_vm.$set(_vm.form, \"city1Code\", $$v)},expression:\"form.city1Code\"}}),_c('v-autocomplete',{staticClass:\"mt-2\",attrs:{\"outlined\":\"\",\"clearable\":\"\",\"hide-details\":\"auto\",\"placeholder\":\"Quận (huyện)\",\"dense\":\"\",\"items\":_vm.jobDistrict1s,\"item-text\":\"name\",\"item-value\":\"code\",\"rules\":[ v => !!v || 'Chọn một dữ liệu']},model:{value:(_vm.form.jobDistrict1Code),callback:function ($$v) {_vm.$set(_vm.form, \"jobDistrict1Code\", $$v)},expression:\"form.jobDistrict1Code\"}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Nơi làm việc mong muốn 2 \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-select',{attrs:{\"dense\":\"\",\"outlined\":\"\",\"hide-details\":\"\",\"label\":\"Nơi làm việc mong muốn 2\",\"items\":_vm.cities,\"item-text\":\"name\",\"item-value\":\"code\"},on:{\"change\":_vm.fetchJobDistrict2},model:{value:(_vm.form.city2Code),callback:function ($$v) {_vm.$set(_vm.form, \"city2Code\", $$v)},expression:\"form.city2Code\"}}),_c('v-autocomplete',{staticClass:\"mt-2\",attrs:{\"outlined\":\"\",\"clearable\":\"\",\"hide-details\":\"auto\",\"placeholder\":\"Quận (huyện)\",\"dense\":\"\",\"items\":_vm.jobDistrict2s,\"item-text\":\"name\",\"item-value\":\"code\",\"rules\":[ v => !!v || 'Chọn một dữ liệu']},model:{value:(_vm.form.jobDistrict2Code),callback:function ($$v) {_vm.$set(_vm.form, \"jobDistrict2Code\", $$v)},expression:\"form.jobDistrict2Code\"}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Bạn biết tới trung sơn qua \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-radio-group',[_c('v-radio',{attrs:{\"label\":\"Mạng xã hội\",\"value\":\"MXH\"}}),_c('v-radio',{attrs:{\"label\":\"Tờ rơi\",\"value\":\"TR\"}}),_c('v-radio',{attrs:{\"label\":\"Được giới thiệu\",\"value\":\"N\"}}),_c('v-radio',{attrs:{\"label\":\"Trang tuyển dụng\",\"value\":\"TTD\"}})],1)],1)],1)],1)],1),_c('v-card-actions',{staticClass:\"mt-6\"},[_c('v-spacer'),_c('v-btn',{staticStyle:{\"width\":\"180px\"},attrs:{\"type\":\"submit\",\"form\":\"recruit_step_1\",\"color\":\"green darken-4\",\"dark\":\"\"}},[_vm._v(\" Tiếp tục\")]),_c('v-spacer')],1)],1)],1),_c('v-stepper-step',{attrs:{\"step\":\"2\",\"color\":\"orange accent-4\",\"complete\":_vm.stepValid[1],\"complete-icon\":\"mdi-check\"}},[_vm._v(\" Thông tin cơ bản \")]),_c('v-stepper-content',{attrs:{\"step\":\"2\"}},[_c('v-card',{attrs:{\"flat\":\"\"}},[_c('v-form',{ref:\"recruit_step_2\",attrs:{\"id\":\"recruit_step_2\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.validStep2.apply(null, arguments)}}},[_c('v-row',[_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Họ & tên \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-text-field',{attrs:{\"outlined\":\"\",\"hide-details\":\"auto\",\"rules\":[\n                                                                    v => !!v || 'Nhập vào họ tên',\n                                                                    v => (v || '').length <=30 || 'Tên quá dài']},model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Giới tính \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-select',{attrs:{\"outlined\":\"\",\"hide-details\":\"auto\",\"items\":[{text: \"Nam\", value: true}, {text:\"Nữ\", value:false}],\"rules\":[v=> v!=null ||'Chọn 1 dữ liệu' ]},model:{value:(_vm.form.gender),callback:function ($$v) {_vm.$set(_vm.form, \"gender\", $$v)},expression:\"form.gender\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-divider')],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Ngày sinh \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-card',{staticClass:\"d-inline-flex\",attrs:{\"outlined\":\"\"}},[_c('v-date-picker',{staticClass:\"mx-auto\",attrs:{\"no-title\":\"\",\"locale\":\"vi\",\"full-width\":\"\",\"color\":\"green darken-2\"},model:{value:(_vm.form.birthday),callback:function ($$v) {_vm.$set(_vm.form, \"birthday\", $$v)},expression:\"form.birthday\"}})],1),_c('v-text-field',{attrs:{\"hide-details\":\"auto\",\"maxlength\":\"10\",\"outlined\":\"\",\"rules\":[\n                                                                                                    _vm.rules.required,\n                                                                                                    _vm.rules.validDate,\n                                                                                                    _vm.rules.minDate\n                                                                                                    ],\"hint\":\"Định dạng ngày dd/mm/yyyy\"},model:{value:(_vm.formatedBirthDay),callback:function ($$v) {_vm.formatedBirthDay=$$v},expression:\"formatedBirthDay\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-divider')],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Số điện thoại \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-text-field',{attrs:{\"hide-details\":\"auto\",\"placeholder\":\"ví dụ 0972xxxxxx\",\"outlined\":\"\",\"rules\":[\n                                                                      v => !!v || 'Nhập SDT', v => (v || '').length <=15 || 'SDT quá dài',\n                                                                      v => (v || '').length >=10 || 'SDT quá ngắn',\n                                                                      v =>  !/\\D/.test(v) || 'SDT không đúng']},model:{value:(_vm.form.phone),callback:function ($$v) {_vm.$set(_vm.form, \"phone\", $$v)},expression:\"form.phone\"}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Email \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-text-field',{attrs:{\"outlined\":\"\",\"type\":\"email\",\"placeholder\":\"ví dụ: email@gmail.com\",\"hide-details\":\"auto\",\"rules\":[\n                                                                                      v => !!v || 'Nhập Email', v => (v || '').length <=50 || 'Email quá dài',\n                                                                                      _vm.rules.validEmail]},model:{value:(_vm.form.mail),callback:function ($$v) {_vm.$set(_vm.form, \"mail\", $$v)},expression:\"form.mail\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-divider')],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" CCCD \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-text-field',{attrs:{\"outlined\":\"\",\"hide-details\":\"auto\",\"rules\":[\n                                                                                      v => !!v || 'Nhập chứng minh', v => (v || '').length <=12 || 'CMND quá dài',\n                                                                                      v => (v || '').length >=9 || 'CMND quá ngắn',\n                                                                                      v =>  !/\\D/.test(v) || 'CMND không đúng']},model:{value:(_vm.form.idNumber),callback:function ($$v) {_vm.$set(_vm.form, \"idNumber\", $$v)},expression:\"form.idNumber\"}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Nơi cấp \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-autocomplete',{attrs:{\"outlined\":\"\",\"items\":_vm.idPlaces,\"hide-details\":\"auto\",\"rules\":[v=>!!v || 'Nhập dữ liệu']},model:{value:(_vm.form.idPlace),callback:function ($$v) {_vm.$set(_vm.form, \"idPlace\", $$v)},expression:\"form.idPlace\"}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Ngày cấp \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-card',{staticClass:\"d-inline-flex\",attrs:{\"outlined\":\"\"}},[_c('v-date-picker',{staticClass:\"mx-auto\",attrs:{\"no-title\":\"\",\"locale\":\"vi\",\"full-width\":\"\",\"color\":\"green darken-2\"},model:{value:(_vm.form.idDate),callback:function ($$v) {_vm.$set(_vm.form, \"idDate\", $$v)},expression:\"form.idDate\"}})],1),_c('v-text-field',{attrs:{\"maxlength\":\"10\",\"outlined\":\"\",\"rules\":[\n                                                                                                    _vm.rules.required,\n                                                                                                    _vm.rules.validDate\n                                                                                                    ],\"hint\":\"Định dạng ngày dd/mm/yyyy\",\"hide-details\":\"auto\"},model:{value:(_vm.formatedIdDate),callback:function ($$v) {_vm.formatedIdDate=$$v},expression:\"formatedIdDate\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-divider')],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Địa chỉ thường trú \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',{},[_c('v-autocomplete',{attrs:{\"outlined\":\"\",\"placeholder\":\"Thành phố\",\"persistent-placeholder\":\"\",\"items\":_vm.cities,\"item-value\":\"code\",\"item-text\":\"name\",\"rules\":[\n                                                                                    v => !!v || 'Chọn thành phố của bạn']},on:{\"change\":function($event){return _vm.fetchDistrict(_vm.form.cityCode)}},model:{value:(_vm.form.cityCode),callback:function ($$v) {_vm.$set(_vm.form, \"cityCode\", $$v)},expression:\"form.cityCode\"}}),_c('v-autocomplete',{attrs:{\"outlined\":\"\",\"placeholder\":\"Quận\",\"persistent-placeholder\":\"\",\"items\":_vm.districts,\"item-value\":\"code\",\"item-text\":\"name\",\"rules\":[ v => !!v || 'Chọn quận của bạn']},on:{\"change\":function($event){return _vm.fetchWard(_vm.form.districtCode)}},model:{value:(_vm.form.districtCode),callback:function ($$v) {_vm.$set(_vm.form, \"districtCode\", $$v)},expression:\"form.districtCode\"}}),_c('v-autocomplete',{attrs:{\"outlined\":\"\",\"placeholder\":\"Phường\",\"persistent-placeholder\":\"\",\"rules\":[ v => !!v || 'Chọn phường của bạn'],\"items\":_vm.wards,\"item-value\":\"code\",\"item-text\":\"name\"},model:{value:(_vm.form.wardCode),callback:function ($$v) {_vm.$set(_vm.form, \"wardCode\", $$v)},expression:\"form.wardCode\"}}),_c('v-textarea',{attrs:{\"outlined\":\"\",\"rows\":\"3\",\"placeholder\":\"ví dụ đường CMT8, 2xx/5 hẻm 5, phường 5, quận Bình Thủy, Thành phố Cần Thơ\",\"persistent-placeholder\":\"\",\"rules\":[v=>!!v || 'Nhập dữ liệu'],\"hide-details\":\"auto\"},model:{value:(_vm.form.address),callback:function ($$v) {_vm.$set(_vm.form, \"address\", $$v)},expression:\"form.address\"}})],1)],1)],1),_c('v-card-actions',{staticClass:\"mt-6\"},[_c('v-spacer'),_c('v-btn',{staticStyle:{\"width\":\"90px\"},attrs:{\"color\":\"red darken-4\",\"dark\":\"\",\"outlined\":\"\"},on:{\"click\":function($event){_vm.step--}}},[_vm._v(\" Quay lại \")]),_c('v-btn',{staticClass:\"mx-4\",staticStyle:{\"width\":\"90px\"},attrs:{\"type\":\"submit\",\"form\":\"recruit_step_2\",\"color\":\"green darken-4\",\"dark\":\"\"}},[_vm._v(\" Tiếp tục\")]),_c('v-spacer')],1)],1)],1),_c('v-stepper-step',{attrs:{\"step\":\"3\",\"color\":\"orange accent-4\",\"complete\":_vm.stepValid[2],\"complete-icon\":\"mdi-check\"}},[_vm._v(\" Học vấn & kinh nghiệm \")]),_c('v-stepper-content',{attrs:{\"step\":\"3\"}},[_c('v-card',{attrs:{\"flat\":\"\"}},[_c('v-form',{ref:\"recruit_step_3\",attrs:{\"id\":\"recruit_step_3\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.validStep3.apply(null, arguments)}}},[_c('v-row',[_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Học vấn \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-autocomplete',{attrs:{\"outlined\":\"\",\"hide-details\":\"auto\",\"placeholder\":\"Học vấn\",\"persistent-placeholder\":\"\",\"items\":_vm.educationLevels,\"item-value\":\"code\",\"item-text\":\"name\",\"rules\":[ v => !!v || 'Chọn dữ liệu']},model:{value:(_vm.form.educationLevelCode),callback:function ($$v) {_vm.$set(_vm.form, \"educationLevelCode\", $$v)},expression:\"form.educationLevelCode\"}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Chuyên ngành \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-autocomplete',{attrs:{\"outlined\":\"\",\"hide-details\":\"auto\",\"placeholder\":\"Chuyên ngành\",\"items\":_vm.educationMajors,\"item-value\":\"code\",\"item-text\":\"name\",\"rules\":[ v => !!v || 'Chọn dữ liệu']},model:{value:(_vm.form.educationMajorCode),callback:function ($$v) {_vm.$set(_vm.form, \"educationMajorCode\", $$v)},expression:\"form.educationMajorCode\"}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Cơ sở đào tạo \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-autocomplete',{attrs:{\"outlined\":\"\",\"hide-details\":\"auto\",\"placeholder\":\"Cơ sở đào tạo\",\"items\":_vm.universities,\"item-value\":\"code\",\"item-text\":\"name\",\"rules\":[ v => !!v || 'Chọn dữ liệu']},model:{value:(_vm.form.universityCode),callback:function ($$v) {_vm.$set(_vm.form, \"universityCode\", $$v)},expression:\"form.universityCode\"}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Xếp loại tốt nghiệp \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-autocomplete',{attrs:{\"outlined\":\"\",\"hide-details\":\"auto\",\"placeholder\":\"Xếp loại tốt nghiệp\",\"persistent-placeholder\":\"\",\"items\":[\n                                      {text: 'Giỏi', value: 'GIOI'},\n                                      {text: 'Khá', value: 'KHA'},\n                                      {text: 'Trung Bình', value: 'TRUNGBINH'},\n                                      {text: 'Khác', value: 'KHAC'},\n                                      {text: 'Chưa tốt nghiệp', value: 'NONE'},\n                                    ],\"rules\":[ v => !!v || 'Chọn dữ liệu']},model:{value:(_vm.form.graduateTypeCode),callback:function ($$v) {_vm.$set(_vm.form, \"graduateTypeCode\", $$v)},expression:\"form.graduateTypeCode\"}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Loại chứng chỉ hành nghề Dược \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',[_c('v-select',{attrs:{\"outlined\":\"\",\"items\":_vm.pharmaCerts,\"persistent-placeholder\":\"\",\"placeholder\":\"Loại chứng chỉ hành nghề Dược\",\"rules\":[ v => !!v || 'Chọn dữ liệu'],\"clearable\":\"\",\"hide-details\":\"auto\"},model:{value:(_vm.form.pharmaCert),callback:function ($$v) {_vm.$set(_vm.form, \"pharmaCert\", $$v)},expression:\"form.pharmaCert\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-divider')],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\"}},[_vm._v(\" Công ty đã làm \"),_c('span',{staticClass:\"red--text ml-2\"})]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-btn',{attrs:{\"color\":\"green\",\"dark\":\"\",\"small\":\"\"},on:{\"click\":_vm.openExpDialog}},[_vm._v(\"Thêm công ty\")]),_c('v-dialog',{attrs:{\"width\":\"600\"},model:{value:(_vm.expDialog),callback:function ($$v) {_vm.expDialog=$$v},expression:\"expDialog\"}},[_c('v-card',[_c('v-card-title',[_vm._v(\"Công ty đã làm \")]),_c('v-card-text',[_c('v-form',[_c('v-row',{staticClass:\"my-0\"},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"label\":\"Tên công ty\",\"hide-details\":\"auto\"},model:{value:(_vm.expForm.name),callback:function ($$v) {_vm.$set(_vm.expForm, \"name\", $$v)},expression:\"expForm.name\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"label\":\"Vị trí\",\"hide-details\":\"auto\"},model:{value:(_vm.expForm.position),callback:function ($$v) {_vm.$set(_vm.expForm, \"position\", $$v)},expression:\"expForm.position\"}})],1),_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"type\":\"date\",\"label\":\"Từ ngày\",\"hide-details\":\"auto\"},model:{value:(_vm.expForm.from),callback:function ($$v) {_vm.$set(_vm.expForm, \"from\", $$v)},expression:\"expForm.from\"}})],1),_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"type\":\"date\",\"label\":\"Đến ngày\",\"hide-details\":\"auto\"},model:{value:(_vm.expForm.to),callback:function ($$v) {_vm.$set(_vm.expForm, \"to\", $$v)},expression:\"expForm.to\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-textarea',{attrs:{\"outlined\":\"\",\"type\":\"text\",\"label\":\"Lý do nghỉ việc công ty cũ\",\"hide-details\":\"auto\"},model:{value:(_vm.expForm.quitNote),callback:function ($$v) {_vm.$set(_vm.expForm, \"quitNote\", $$v)},expression:\"expForm.quitNote\"}})],1)],1)],1)],1),_c('v-card-actions',[_c('v-btn',{staticClass:\"mx-2\",attrs:{\"color\":\"teal darken-4\",\"dark\":\"\"},on:{\"click\":_vm.saveExp}},[_vm._v(\"Lưu\")]),_c('v-btn',{staticClass:\"mx-2\",attrs:{\"color\":\"red\",\"dark\":\"\",\"outlined\":\"\"},on:{\"click\":_vm.closeExpDialog}},[_vm._v(\"Thoát\")])],1)],1)],1),_c('v-data-table',{attrs:{\"dense\":\"\",\"headers\":_vm.experienceCompanyHeaders,\"items\":_vm.form.experienceCompanies}})],1),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\"}},[_vm._v(\" Lý do ứng tuyển vào Trung Sơn \"),_c('span',{staticClass:\"red--text ml-2\"})]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-textarea',{attrs:{\"outlined\":\"\",\"rules\":[v=>v.length<=100 || 'Độ dài trong khoảng 100 ký tự']},model:{value:(_vm.form.note),callback:function ($$v) {_vm.$set(_vm.form, \"note\", $$v)},expression:\"form.note\"}})],1)],1)],1),_c('v-card-actions',{staticClass:\"mt-6\"},[_c('v-spacer'),_c('v-btn',{staticStyle:{\"width\":\"90px\"},attrs:{\"color\":\"red darken-4\",\"dark\":\"\",\"outlined\":\"\"},on:{\"click\":function($event){_vm.step--}}},[_vm._v(\" Quay lại \")]),_c('v-btn',{staticClass:\"mx-4\",staticStyle:{\"width\":\"90px\"},attrs:{\"type\":\"submit\",\"form\":\"recruit_step_3\",\"color\":\"green darken-4\",\"dark\":\"\"}},[_vm._v(\" Tiếp tục\")]),_c('v-spacer')],1)],1)],1),_c('v-stepper-step',{attrs:{\"step\":\"4\",\"color\":\"orange accent-4\",\"complete\":_vm.stepValid[3],\"complete-icon\":\"mdi-check\"}},[_vm._v(\" Đính kèm \")]),_c('v-stepper-content',{attrs:{\"step\":\"4\"}},[_c('v-card',{attrs:{\"flat\":\"\"}},[_c('v-form',{ref:\"recruit_step_5\",attrs:{\"id\":\"recruit_step_5\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.validStep5.apply(null, arguments)}}},[_c('v-row',[_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" Ảnh chân dung của bạn \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-img',{staticClass:\"rounded-xl mb-2 mx-auto\",attrs:{\"src\":_vm.avatarPreview,\"width\":\"150px\",\"height\":\"150px\"}}),_c('v-file-input',{ref:\"avatarInput\",attrs:{\"show-size\":\"\",\"outlined\":\"\",\"label\":\"Avatar\",\"single-line\":\"\",\"prepend-icon\":\"\",\"hide-details\":\"auto\",\"rules\":[v=>!!v||'Hãy chọn ảnh chân dung của bạn']},on:{\"change\":_vm.uploadAvatar},scopedSlots:_vm._u([{key:\"selection\",fn:function({ index, text, file }){return [_c('v-chip',{attrs:{\"color\":\"green accent-4\",\"dark\":\"\",\"label\":\"\"}},[_vm._v(\" \"+_vm._s(text)+\" \")])]}}]),model:{value:(_vm.avatarFile),callback:function ($$v) {_vm.avatarFile=$$v},expression:\"avatarFile\"}})],1),(_vm.requiredCv)?_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" File CV \"),_c('small',{staticClass:\"ml-2 orange--text text--darken-2\"},[_vm._v(\" (ứng viên viên nên gởi CV)\")]),_vm._v(\" \"),_c('span',{staticClass:\"red--text ml-2\"})]):_vm._e(),(_vm.requiredCv)?_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-file-input',{attrs:{\"accept\":\".pdf\",\"clearable\":\"\",\"outlined\":\"\",\"rules\":[v=> !!v || 'Nhân viên cần nộp CV '],\"placeholder\":\"File  CV định dạng PDF\",\"persistent-placeholder\":\"\",\"hide-details\":\"auto\",\"single-line\":\"\",\"prepend-icon\":\"\"},scopedSlots:_vm._u([{key:\"selection\",fn:function({ index, text, file }){return [_c('v-chip',{attrs:{\"color\":\"green accent-4\",\"dark\":\"\",\"label\":\"\"}},[_vm._v(\" \"+_vm._s(text)+\" \")])]}}],null,false,1511708587),model:{value:(_vm.cvFile),callback:function ($$v) {_vm.cvFile=$$v},expression:\"cvFile\"}})],1):_vm._e(),(!_vm.requiredCv)?_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" File CV \"),_c('small',{staticClass:\"ml-2 orange--text text--darken-2\"},[_vm._v(\" (ứng viên viên nên gởi CV)\")]),_vm._v(\" \"),_c('span',{staticClass:\"red--text ml-2\"})]):_vm._e(),(!_vm.requiredCv)?_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-file-input',{attrs:{\"accept\":\".pdf\",\"clearable\":\"\",\"outlined\":\"\",\"placeholder\":\"File  CV định dạng PDF\",\"persistent-placeholder\":\"\",\"hide-details\":\"auto\",\"single-line\":\"\",\"prepend-icon\":\"\"},scopedSlots:_vm._u([{key:\"selection\",fn:function({ index, text, file }){return [_c('v-chip',{attrs:{\"color\":\"green accent-4\",\"dark\":\"\",\"label\":\"\"}},[_vm._v(\" \"+_vm._s(text)+\" \")])]}}],null,false,1511708587),model:{value:(_vm.cvFile),callback:function ($$v) {_vm.cvFile=$$v},expression:\"cvFile\"}})],1):_vm._e(),_c('v-col',{staticClass:\"d-flex align-center\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_vm._v(\" File đính kèm khác \"),_c('span',{staticClass:\"red--text ml-2\"},[_vm._v(\"*\")])]),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-file-input',{attrs:{\"clearable\":\"\",\"outlined\":\"\",\"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\":\"\"},scopedSlots:_vm._u([{key:\"selection\",fn:function({ index, text, file }){return [_c('v-chip',{attrs:{\"color\":\"green accent-4\",\"dark\":\"\",\"label\":\"\"}},[_vm._v(\" \"+_vm._s(text)+\" \")])]}}]),model:{value:(_vm.attachmentFile),callback:function ($$v) {_vm.attachmentFile=$$v},expression:\"attachmentFile\"}})],1)],1)],1),_c('v-card-actions',{staticClass:\"mt-6\"},[_c('v-spacer'),_c('v-btn',{staticStyle:{\"width\":\"90px\"},attrs:{\"dark\":\"\",\"color\":\"red darken-4\",\"outlined\":\"\"},on:{\"click\":function($event){_vm.step--}}},[_vm._v(\"Quay lại\")]),_c('v-btn',{staticStyle:{\"width\":\"90px\"},attrs:{\"type\":\"submit\",\"form\":\"recruit_step_5\",\"dark\":\"\",\"color\":\"green darken-4\",\"loading\":_vm.isLoading}},[_vm._v(\"GỞI HỒ SƠ\")]),_c('v-spacer')],1)],1)],1)],1)],1)],1)],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"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                  <!-- <v-icon x-large color=\"orange\" dark>mdi-phone-classic</v-icon> -->\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=\"\" 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            \r\n                <v-stepper v-model=\"step\" class=\"elevation-0\"  id=\"stepper\" vertical>\r\n                    <!-- step 1 -->\r\n                    <v-stepper-step step=\"1\" color=\"orange accent-4\" :complete=\"stepValid[0]\" complete-icon=\"mdi-check\">\r\n                      Công việc ứng tuyển\r\n                    </v-stepper-step>\r\n                    <v-stepper-content step=\"1\">\r\n                      <v-card>\r\n                        <v-card-text>\r\n                          <v-card flat outlined class=\"rounded-xl\">\r\n                            <v-card-text>\r\n                              <v-data-table :items=\"jobs\" :headers=\"jobHeader\"> \r\n                              </v-data-table>\r\n                            </v-card-text>\r\n                          </v-card>\r\n                          <v-form ref=\"recruit_step_1\" id=\"recruit_step_1\" @submit.prevent=\"validStep1\" v-show=\"form.jobCode\">\r\n                            <v-row>\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-select dense outlined hide-details label=\"Nơi làm việc mong muốn 1\" \r\n                                v-model=\"form.city1Code\" @change=\"fetchJobDistrict1\"\r\n                                :items=\"jobCities1\" item-text=\"name\" item-value=\"code\"></v-select>\r\n                                \r\n                                <v-autocomplete outlined v-model=\"form.jobDistrict1Code\" clearable hide-details=\"auto\" placeholder=\"Quận (huyện)\" dense\r\n                                :items=\"jobDistrict1s\" item-text=\"name\" item-value=\"code\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\" class=\"mt-2\"></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-select dense outlined hide-details label=\"Nơi làm việc mong muốn 2\" \r\n                                v-model=\"form.city2Code\" @change=\"fetchJobDistrict2\" \r\n                                :items=\"cities\" item-text=\"name\" item-value=\"code\"></v-select>\r\n                                \r\n                                <v-autocomplete outlined v-model=\"form.jobDistrict2Code\" clearable hide-details=\"auto\" placeholder=\"Quận (huyện)\" dense\r\n                                :items=\"jobDistrict2s\" item-text=\"name\" item-value=\"code\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\" class=\"mt-2\"></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 tới trung sơn qua  <span class=\"red--text ml-2\">*</span>\r\n                              </v-col>\r\n                              <v-col>\r\n                                <v-radio-group >\r\n                                  <v-radio\r\n                                  label=\"Mạng xã hội\"\r\n                                  value=\"MXH\"\r\n                                  ></v-radio>\r\n                                  <v-radio\r\n                                  label=\"Tờ rơi\"\r\n                                  value=\"TR\"\r\n                                  ></v-radio>\r\n                                  <v-radio\r\n                                  label=\"Được giới thiệu\"\r\n                                  value=\"N\"\r\n                                  ></v-radio>\r\n                                  <v-radio\r\n                                  label=\"Trang tuyển dụng\"\r\n                                  value=\"TTD\"\r\n                                  ></v-radio>\r\n                                </v-radio-group>\r\n                              </v-col>\r\n                            </v-row>\r\n                          </v-form>\r\n                        </v-card-text>\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\r\n                      </v-card>\r\n                    </v-stepper-content>\r\n                    \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                    <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\" placeholder=\"Chọn vị trí công việc bạn ứng tuyển\" @change=\"fetchAvailableRecruitmentRequest\"\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\r\n                              <div class=\"mt-3\" v-if=\"jobCities.length !=0\">\r\n                                <span class=\"font-weight-bold\">Nơi ứng tuyển khả dụng: </span>\r\n                                <v-chip v-for=\"item in jobCities\" :key=\"item.code\" color=\"green\" outlined pill>\r\n                                  {{ item.name }}\r\n                                </v-chip>\r\n                              </div>\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\" placeholder=\"Thành phố\" @change=\"fetchJobDistrict1\"\r\n                              :items=\"jobCities1\" item-text=\"name\" item-value=\"code\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n\r\n                              <v-autocomplete outlined v-model=\"form.jobDistrict1Code\" clearable hide-details=\"auto\" placeholder=\"Quận (huyện)\"\r\n                              :items=\"jobDistrict1s\" item-text=\"name\" item-value=\"code\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\" class=\"mt-2\"></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\" placeholder=\"Thành phố\" @change=\"fetchJobDistrict2\"\r\n                              :items=\"cities\" item-text=\"name\" item-value=\"code\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\"></v-autocomplete>\r\n\r\n                              <v-autocomplete outlined v-model=\"form.jobDistrict2Code\" clearable hide-details=\"auto\" placeholder=\"Quận (huyện)\"\r\n                              :items=\"jobDistrict2s\" item-text=\"name\" item-value=\"code\" :rules=\"[ v => !!v || 'Chọn một dữ liệu']\" class=\"mt-2\"></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-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                    <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                            \r\n                            <v-col cols=\"12\">\r\n                              <v-divider></v-divider>\r\n                            </v-col>\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ụ đường CMT8, 2xx/5 hẻm 5, phường 5, quận Bình Thủy, Thành phố Cần Thơ\" persistent-placeholder :rules=\"[v=>!!v || 'Nhập dữ liệu']\" hide-details=\"auto\"></v-textarea>\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-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                    <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ụ đường CMT8, 2xx/5 hẻm 5, phường 5, quận Bình Thủy, Thành phố Cần Thơ\" 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-step step=\"3\" color=\"orange accent-4\" :complete=\"stepValid[2]\" complete-icon=\"mdi-check\">\r\n                      Học vấn & kinh nghiệm\r\n                    </v-stepper-step>\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>\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-col cols=\"12\">\r\n                            <v-divider></v-divider>\r\n                            </v-col>\r\n                            \r\n                            <v-col cols=\"12\" class=\"d-flex align-center\">\r\n                              Công ty đã làm <span class=\"red--text ml-2\"></span>\r\n                            </v-col>\r\n                            <v-col cols=\"12\">\r\n\r\n                              <v-btn color=\"green\" dark small @click=\"openExpDialog\">Thêm công ty</v-btn>\r\n                              <v-dialog v-model=\"expDialog\" width=\"600\">\r\n                                <v-card>\r\n                                  <v-card-title>Công ty đã làm </v-card-title>\r\n                                  <v-card-text>\r\n                                    <v-form>\r\n                                      <v-row class=\"my-0\">\r\n                                        <v-col cols=\"12\">\r\n                                          <v-text-field outlined label=\"Tên công ty\" hide-details=\"auto\" v-model=\"expForm.name\"></v-text-field>\r\n                                        </v-col>\r\n                                        <v-col cols=\"12\">\r\n                                          <v-text-field outlined label=\"Vị trí\" hide-details=\"auto\" v-model=\"expForm.position\"></v-text-field>\r\n                                        </v-col>\r\n                                        <v-col cols=\"6\">\r\n                                          <v-text-field outlined type=\"date\" label=\"Từ ngày\" hide-details=\"auto\" v-model=\"expForm.from\"></v-text-field>\r\n                                        </v-col>\r\n                                        <v-col cols=\"6\">\r\n                                          <v-text-field outlined type=\"date\" label=\"Đến ngày\" hide-details=\"auto\" v-model=\"expForm.to\"></v-text-field>\r\n                                        </v-col>\r\n                                        <v-col cols=\"12\">\r\n                                          <v-textarea outlined type=\"text\" label=\"Lý do nghỉ việc công ty cũ\" hide-details=\"auto\" v-model=\"expForm.quitNote\"></v-textarea>\r\n                                        </v-col>\r\n                                      </v-row>\r\n                                    </v-form>\r\n                                  </v-card-text>\r\n                                  <v-card-actions>\r\n                                    <v-btn color=\"teal darken-4\" dark class=\"mx-2\" @click=\"saveExp\">Lưu</v-btn>\r\n                                    <v-btn color=\"red\" dark class=\"mx-2\" outlined @click=\"closeExpDialog\">Thoát</v-btn>\r\n                                  </v-card-actions>\r\n                                </v-card>\r\n                              </v-dialog>\r\n                              <v-data-table dense :headers=\"experienceCompanyHeaders\" :items=\"form.experienceCompanies\">\r\n                              </v-data-table>\r\n                            </v-col>\r\n\r\n                            <v-col cols=\"12\" class=\"d-flex align-center\">\r\n                              Lý do ứng tuyển vào Trung Sơn <span class=\"red--text ml-2\"></span>\r\n                            </v-col>\r\n                            <v-col cols=\"12\">\r\n                              <v-textarea v-model=\"form.note\" outlined :rules=\"[v=>v.length<=100 || 'Độ dài trong khoảng 100 ký tự']\"></v-textarea>\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_3\" 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-step step=\"4\" color=\"orange accent-4\" :complete=\"stepValid[3]\" complete-icon=\"mdi-check\">\r\n                      Đính kèm\r\n                    </v-stepper-step>\r\n                    <v-stepper-content step=\"4\">\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                              <!-- <v-hover v-slot=\"{ hover }\">\r\n                                  <v-avatar tile class=\"rounded-xl\"\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                              \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                              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 CCCD mặt trước của bạn']\" placeholder=\"Ảnh chụp 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                              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 CCCD mặt sau của bạn']\" placeholder=\"Ảnh chụp 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\" v-if=\"requiredCv\">\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\" v-if=\"requiredCv\">\r\n                              <v-file-input v-model=\"cvFile\" accept=\".pdf\" clearable outlined :rules=\"[v=> !!v || 'Nhân viên cần nộp CV ']\"\r\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\" v-if=\"!requiredCv\">\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\" v-if=\"!requiredCv\">\r\n                              <v-file-input v-model=\"cvFile\" accept=\".pdf\" clearable outlined 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\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                      \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  </div>\r\n</template>\r\n\r\n<script>\r\nimport http from \"./services/http-common\";\r\nimport ApiService from \"./services/ApiServices\";\r\nimport moment from 'moment';\r\nimport router from \"../router/index\";\r\nconst dateRegex = new RegExp('[0-9]{1,2}(/|-)[0-9]{1,2}(/|-)[0-9]{4}');\r\nimport Swal from 'sweetalert2';\r\n\r\nvar minBirthDay = moment().startOf(\"year\").subtract(19, \"years\").format(\"YYYY-MM-DD\");\r\nexport default {\r\n  watch: {\r\n    \"form.jobCode\": {\r\n      handler(val) {\r\n        this.fetchAvailableRecruitmentRequest(val)\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    jobCities1() {\r\n      return this.jobCities.length ==0 ? this.cities : this.jobCities\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    requiredCv() {\r\n      let result = false\r\n      if(this.form.jobCode){\r\n        let currentJob = this.jobs.filter(x=>x.code == this.form.jobCode)\r\n        console.log(currentJob)\r\n        if(currentJob[0].requiredCv == 1){\r\n          result = true\r\n        }\r\n      }\r\n      return result\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  },\r\n  methods: {\r\n    saveExp() {\r\n      this.form.experienceCompanies.push({\r\n        name: this.expForm.name,\r\n        position: this.expForm.position,\r\n        from: this.expForm.from,\r\n        to: this.expForm.to,\r\n        quitNote: this.expForm.quitNote\r\n      })\r\n      this.expDialog = false\r\n    },\r\n    closeExpDialog() {\r\n      this.expForm.name= ''\r\n      this.expForm.position= ''\r\n      this.expForm.from= ''\r\n      this.expForm.to= ''\r\n      this.expForm.quitNote= ''\r\n\r\n      this.expDialog = false\r\n    },\r\n    openExpDialog(){\r\n      this.expDialog = true\r\n    },\r\n    //validation\r\n    validStep1() {\r\n      if(!this.form.jobCode) {\r\n        alert(\"Chọn một công việc\")\r\n        return false\r\n      }\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    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\r\n    //fetch sections\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    fetchJobDistrict1 (val) {\r\n      if(val)\r\n        return http.get('cities/fetch-district/'+val).then(res => {\r\n            this.jobDistrict1s = res.data;\r\n        });\r\n    },\r\n    fetchJobDistrict2 (val) {\r\n      if(val)\r\n        return http.get('cities/fetch-district/'+val).then(res => {\r\n            this.jobDistrict2s = 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    fetchAvailableRecruitmentRequest( val) {\r\n      if(val) {\r\n        this.getJobCity(this.form.jobCode)\r\n        return http.get(\"jobs/fetch-available-job/\"+val).then(r => r.data).then(d => {\r\n          this.availJobs = d.data\r\n        })\r\n      }\r\n    },\r\n\r\n    getJobInfo(){\r\n      alert(\"Job info\")\r\n    },\r\n\r\n    getJobCity(code) {\r\n      return http.get(\"jobs/get-city/\"+code).then(res => {\r\n        this.jobCities = res.data.data\r\n      })\r\n    },\r\n\r\n    applyJob() {\r\n      console.log()\r\n\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.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 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 = undefined;\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        if(key == 'experienceCompanies' ){\r\n            formData.append('experienceCompanies', JSON.stringify(this.form.experienceCompanies))\r\n        } else\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  data() {\r\n    return {\r\n      \r\n      stepValid: [false, false, false, false, false],\r\n      step: 1,\r\n      \r\n      CANDIDATE_URL: \"candidates\",\r\n      jobHeaders: [\r\n        {text: 'Tên công việc', value: 'name'},\r\n        {text: 'Mô tả', value: 'description'},\r\n        {text: 'Mô tả', value: 'select'},\r\n      ],\r\n      jobs:[],\r\n      cities:[],\r\n      districts:[],\r\n      wards:[],\r\n      district2s:[],\r\n      ward2s:[],\r\n      jobDistrict1s: [],\r\n      jobDistrict2s: [],\r\n      availJobs: [],\r\n      jobCities: [],\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        jobDistrict1Code:'',\r\n        jobDistrict2Code:'',\r\n        experienceCompanies: []\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        jobDistrict1Code:'',\r\n        jobDistrict2Code:'',\r\n        experienceCompanies: [],\r\n      },\r\n      dialog: [],\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      experienceCompanyHeaders: [\r\n        { text: 'Thao tác', value: 'actions',width: 120},\r\n        { text: 'Tên công ty', value: 'name'},\r\n        { text: 'Vị trí', value: 'position'},\r\n        { text: 'Từ ngày', value: 'from'},\r\n        { text: 'Đến ngày', value: 'to'},\r\n        { text: 'Lý do nghỉ việc', value: 'quitNote'},\r\n      ],\r\n      expDialog: false,\r\n      expForm: {\r\n        name: '',\r\n        position: '',\r\n        from: '',\r\n        to: '',\r\n        quitNote: ''\r\n\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}\r\n</script>\r\n<style scoped>\r\n  \r\n    ::v-deep .v-stepper__label {\r\n      max-width: 100% !important;\r\n      text-align: start !important;\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!./RecruitSectionAlt.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!./RecruitSectionAlt.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RecruitSectionAlt.vue?vue&type=template&id=eb4bcac8&scoped=true&\"\nimport script from \"./RecruitSectionAlt.vue?vue&type=script&lang=js&\"\nexport * from \"./RecruitSectionAlt.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RecruitSectionAlt.vue?vue&type=style&index=0&id=eb4bcac8&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  \"eb4bcac8\",\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            \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 @click=\"getApple(true)\" style=\" color: white;  text-decoration:underline;\">\r\n                <i><h5>Phiên bản cũ iOs</h5></i>\r\n              </a>\r\n              \r\n              <v-divider class=\"my-4\"></v-divider>\r\n              \r\n              <a href=\"https://play.google.com/store/apps/details?id=vn.trungsoncare.trung_son_hrm\" class=\"mx-2\">\r\n                  <img src=\"/static/icons/google_play_2.png\" style=\"height: 47px; width: 150px;\">\r\n              </a>\r\n              <a href=\"https://play.google.com/store/apps/details?id=vn.trungsonpharma.chamcong&hl=vi\" style=\" color: white;\">\r\n                <i><h5>Phiên bản cũ Android</h5></i>\r\n              </a>\r\n              \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    <!-- <recruit-section-alt></recruit-section-alt> -->\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\nimport RecruitSectionAlt from \"@/components/RecruitSectionAlt\"\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    RecruitSectionAlt\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(isLegacy = false)\r\n    {\r\n        return http.get(\"employees/apple-download\", {\r\n          params: {\r\n            legacy: isLegacy\r\n          }\r\n        }).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){\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=03bb8444&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=03bb8444&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  \"03bb8444\",\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=03bb8444&prod&scoped=true&lang=css&\""],"sourceRoot":""}