{"version":3,"sources":["webpack:///./src/assets/img/icon/teacher-blue.svg","webpack:///./src/assets/img/icon/Ellipse2.svg","webpack:///./src/containers/TheCustomSidebarRight.vue?e66c","webpack:///src/containers/TheCustomSidebarRight.vue","webpack:///./src/containers/TheCustomSidebarRight.vue?53d4","webpack:///./src/containers/TheCustomSidebarRight.vue","webpack:///./src/assets/img/icon/myTutorvector.svg","webpack:///./src/assets/img/icon/findTutorvector.svg","webpack:///./src/containers/TheCustomSidebar.vue?7205","webpack:///src/containers/TheCustomSidebar.vue","webpack:///./src/containers/TheCustomSidebar.vue?d9bb","webpack:///./src/containers/TheCustomSidebar.vue","webpack:///./src/containers/TheCustomSidebarRight.vue?fe65","webpack:///./src/assets/img/icon/reward.svg","webpack:///./src/containers/TheBottomCustom2.vue?0f47","webpack:///src/containers/TheBottomCustom2.vue","webpack:///./src/containers/TheBottomCustom2.vue?dbe7","webpack:///./src/containers/TheBottomCustom2.vue","webpack:///./src/assets/img/icon/home-2.svg","webpack:///./src/assets/img/icon/iconstar.svg","webpack:///./src/assets/img/icon/star.svg","webpack:///./src/assets/img/icon/profile-blue.svg","webpack:///./src/containers/TheBottomCustom.vue?3606","webpack:///src/containers/TheBottomCustom.vue","webpack:///./src/containers/TheBottomCustom.vue?7d47","webpack:///./src/containers/TheBottomCustom.vue","webpack:///./src/assets/img/icon/Ellipse1.svg","webpack:///./src/views/FindTutor/FindTutorMainpage.vue?f2eb","webpack:///./src/assets/img/icon/Circle.svg","webpack:///./src/containers/TheCustomSidebar.vue?36b1","webpack:///./src/assets/img/icon/icondefault.svg","webpack:///./src/assets/img/icon/iconBook.svg","webpack:///./src/assets/img/icon/book-blue.svg","webpack:///./src/assets/img/icon/referprogrammer.svg","webpack:///./src/assets/img/icon/homegrey.svg","webpack:///./src/assets/img/icon/iconTeacher.svg","webpack:///./src/views/FindTutor/FindTutorMainpage.vue?6ddb","webpack:///src/views/FindTutor/FindTutorMainpage.vue","webpack:///./src/views/FindTutor/FindTutorMainpage.vue?ef64","webpack:///./src/views/FindTutor/FindTutorMainpage.vue","webpack:///./src/assets/img/icon/iconBell.png","webpack:///./src/assets/img/icon/vectorTutor.svg","webpack:///./src/assets/img/icon/profile-circle.svg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","attrs","on","$event","GoToRedeem","staticRenderFns","methods","GetInfoUser","$API","GetAuthorizeProfile","GoHome","activeMenuItem","$router","push","GoProfile","GoClass","GoTutor","GoPackage","GoNotification","component","studentProfileAuthorize","photoURL","_s","user","name","_m","class","SignOut","homeclick","_e","homeclickgrey","classclick","classclickgrey","tutorclick","tutorclickgrey","profileclick","profileclickgrey","noticlick","noticlickgrey","components","MainlayoutBottom","data","schedule","hooperSettings","itemsToShow","centerMode","breakpoints","800","1000","pagination","childs","parent","userType","ref","_l","rate","key","id","teacherName","achivementContent","profileImage","slot","GoToClassType","GoToMyTutor","GoToAllToTM","GoToFTTutorProfile","teacherId","aboutTutor","totalRating","GoToBecomeTutor"],"mappings":"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","file":"js/chunk-d0a33a04.ab3abb08.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/teacher-blue.6f4c7e3f.svg\";","module.exports = __webpack_public_path__ + \"img/Ellipse2.e94b1391.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sidebar\",staticStyle:{\"width\":\"initial\"}},[_c('br'),_c('br'),_c('h6',{staticClass:\"mt-3 ml-3\"},[_vm._v(\"Explore with Pickiddo\")]),_c('br'),_c('CCard',{staticClass:\"custom-card-warning mt-2 m-2\",staticStyle:{\"min-height\":\"153px\"}},[_c('CRow',[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"50%\"}},[_c('h3',{staticClass:\"sub-title-header2 mt-3 ml-4 mb-2\",staticStyle:{\"text-align\":\"left\"}},[_c('strong',[_vm._v(\" Redeem Rewards\")]),_c('br')]),_c('label',{staticClass:\"sub-title-card2 ml-4\",staticStyle:{\"margin-bottom\":\"20px\"}},[_vm._v(\" Claim Reward Points and enjoy more discount with Pickiddo \")]),_c('CButton',{staticClass:\"custom-header-btn ml-4\",attrs:{\"color\":\"info\"},on:{\"click\":function($event){return _vm.GoToRedeem()}}},[_vm._v(\" Redeem Now\")])],1),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"50%\"}},[_c('img',{staticStyle:{\"max-width\":\"100%\",\"right\":\"0\",\"position\":\"absolute\",\"bottom\":\"0\",\"height\":\"150px\"},attrs:{\"src\":require(\"../assets/img/icon/reward.svg\")}})])])],1),_c('CCard',{staticClass:\"custom-card-warning m-2\"},[_c('CRow',[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"70%\"}},[_c('h3',{staticClass:\"sub-title-header ml-4 mt-4 mb-4\",staticStyle:{\"text-align\":\"left\",\"color\":\"#000A2C\",\"font-weight\":\"600\"}},[_vm._v(\" Referral Program!\"),_c('br'),_c('label',{staticClass:\"sub-title-card\",staticStyle:{\"color\":\"#000A2C\"}},[_vm._v(\" Refer your friends and family to use pickiddo and to receive awesome rewards! \")]),_c('CButton',{staticClass:\"custom-header-btn-blue mt-3\",attrs:{\"color\":\"info\"}},[_vm._v(\" Redeem Now \")])],1)]),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"30%\"}},[_c('img',{staticStyle:{\"max-width\":\"100%\",\"right\":\"0\",\"position\":\"absolute\",\"bottom\":\"0\"},attrs:{\"src\":require(\"../assets/img/icon/referprogrammer.svg\")}})])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"sidebar\" style=\"width: initial;\">\n      <br /><br />\n      <h6 class=\"mt-3 ml-3\">Explore with Pickiddo</h6>\n   \n      <br />\n      <CCard class=\"custom-card-warning mt-2 m-2\" style=\"min-height: 153px;\">\n              <CRow>\n                <div style=\"width: 50%\" class=\"float-left\">\n                  <h3\n                    style=\"text-align: left\"\n                    class=\"sub-title-header2 mt-3 ml-4 mb-2\"\n                  >\n                  <strong> Redeem Rewards</strong><br />\n                  </h3>\n                    <label class=\"sub-title-card2 ml-4\" style=\"margin-bottom: 20px;\">\n                      Claim Reward Points and enjoy more discount with Pickiddo\n                    </label>\n                    <CButton color=\"info\" class=\"custom-header-btn ml-4\" @click=\"GoToRedeem()\">\n                      Redeem Now</CButton\n                    >\n                  \n                </div>\n                <div style=\"width: 50%\" class=\"float-right\">\n                  <img\n                    style=\"\n                      max-width: 100%;\n                      right: 0;\n                      position: absolute;\n                      bottom: 0;\n                      height: 150px;\n                    \"\n                    src=\"../assets/img/icon/reward.svg\"\n                  />\n                </div>\n              </CRow>\n            </CCard>\n      <CCard class=\"custom-card-warning m-2\">\n                  <CRow>\n                    <div style=\"width: 70%\" class=\"float-left\">\n                      <h3 class=\"sub-title-header ml-4 mt-4 mb-4\" style=\"text-align: left; color:#000A2C; font-weight: 600;\">\n                        Referral Program!<br />\n                        <label class=\"sub-title-card\" style=\"color:#000A2C;\">\n                          Refer your friends and family to use pickiddo and to receive awesome rewards!\n                        </label>\n                        <CButton color=\"info\" class=\"custom-header-btn-blue mt-3\">\n                          Redeem Now\n                        </CButton>\n                      </h3>\n                    </div>\n                    <div style=\"width: 30%\" class=\"float-right\">\n                      <img src=\"../assets/img/icon/referprogrammer.svg\" style=\"\n                        max-width: 100%;\n                        right: 0;\n                        position: absolute;\n                        bottom: 0;\"\n                      />\n                    </div>\n                  </CRow>\n                </CCard>\n\n               \n    </div>\n  </template>\n  \n  <script>\n  export default {\n    data() {\n      return {\n        sidebarItems: [\n          { id: 1, title: 'Home', path: '/ExistingUser' },\n          { id: 2, title: 'Class', path: '/about' },\n          { id: 3, title: 'Tutor', path: '/services' },\n          { id: 4, title: 'Package', path: '/contact' },\n          { id: 5, title: 'Profile', path: '/contact' }\n        ],\n        user: {},\n        studentProfileAuthorize: \"\",\n        activeMenuItem: ''\n      };\n    },\n    async mounted() {\n    let isAuth = await this.UserAuth();\n\n    if (isAuth) {\n      this.Busy = false;\n      this.GetInfoUser();\n    } else {\n      this.GoToLogin();\n    }\n  },\n  methods: {\n    GetInfoUser() {\n      return this.$API\n        .get(this.$LoginUserDetailWebs, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200) {\n            this.user = response.data;\n            this.GetAuthorizeProfile(this.user.id);\n            this.GetListChild(this.user.id);\n            this.GetParentDetail(this.user.id);\n            this.GetNews();\n            this.GetTutorRating();\n          }\n        });\n    },\n\n    GetAuthorizeProfile() {\n      this.$API\n        .get(this.$GetProfilePhotoAuthorize + \"?userId=\" + this.user.id, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200 && response.data != null) {\n            this.studentProfileAuthorize = response.data;\n            this.photoURL =\n              \"https://pickiddo.com\" + this.studentProfileAuthorize;\n          }\n        });\n    },\n    GoHome() {\n      this.activeMenuItem = 'home'; \n      this.$router.push(\"/ExistingUser\");\n      \n    },\n    GoProfile() {\n  if (this.user.userType == \"parent\") {\n    this.activeMenuItem = 'profile'; // Set active menu item to 'profile' for parent\n    this.$router.push(\"/ParentProfile/Profile\");\n  } else {\n    this.activeMenuItem = 'profile'; // Set active menu item to 'profile' for tutor\n    this.$router.push(\"/Tutor/TutorProfile\");\n  }\n},\n    GoClass() {\n      this.activeMenuItem = 'class'; \n      this.$router.push(\"/Class/ClassMain\");\n    \n    },\n    GoTutor() {\n      this.activeMenuItem = 'tutor';\n      this.$router.push(\"/FindTutor/FindTutorMainpage\");\n    },\n    GoPackage() {\n      this.activeMenuItem = 'package'; \n      this.$router.push(\"/SignInUserAffiliate\");\n    },\n    GoNotification() {\n      this.activeMenuItem = 'notification'; \n      this.$router.push(\"/Notification\");\n    },\n    GoToRedeem() {\n      this.$router.push(\"/Redeem/Parent\");\n    },\n}\n  };\n  </script>\n  \n  <style scoped>\n  .sidebar {\n    width: 300px;\n    background-color: #f0f0f0;\n    margin-left:20px;\n    border-radius:20px;\n    height:90vh;\n    margin:20px;\n  }\n  .active {\n  color: blue; /* Apply blue color to the active menu item */\n}\n  \n  .sidebar ul {\n    list-style-type: none;\n    padding: 0;\n  }\n  \n  .sidebar li {\n    padding: 10px;\n  }\n  \n  .sidebar li:hover {\n    background-color: #0085ff;\n    color:#fff;\n  }\n  </style>\n  ","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheCustomSidebarRight.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheCustomSidebarRight.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheCustomSidebarRight.vue?vue&type=template&id=095229e3&scoped=true&\"\nimport script from \"./TheCustomSidebarRight.vue?vue&type=script&lang=js&\"\nexport * from \"./TheCustomSidebarRight.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheCustomSidebarRight.vue?vue&type=style&index=0&id=095229e3&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  \"095229e3\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/myTutorvector.c75118e9.svg\";","module.exports = __webpack_public_path__ + \"img/findTutorvector.f6f67e90.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sidebar\",staticStyle:{\"width\":\"initial\"}},[_c('div',{staticClass:\"text-center\"},[_c('br'),_c('span',{staticClass:\"mt-2\"},[(_vm.studentProfileAuthorize == '')?_c('img',{attrs:{\"width\":\"50px\",\"height\":\"50px\",\"src\":require(\"../assets/img/icon/icondefault.svg\")}}):_c('img',{staticStyle:{\"border-radius\":\"50%\",\"border\":\"5px solid #fff\"},attrs:{\"width\":\"50px\",\"height\":\"50px\",\"src\":_vm.photoURL}})]),_c('span',[_c('span',{staticClass:\"custom-user-title text-black m-3\"},[_vm._v(\"Hello \"+_vm._s(_vm.user.name)+\"!\")]),_vm._m(0)])]),_c('ul',{staticClass:\"ml-2\"},[_c('li',[_c('span',{class:{ 'active': _vm.activeMenuItem === 'home' },on:{\"click\":function($event){return _vm.GoHome()}}},[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/homegrey.svg\")}}),_vm._v(\" Home\")])]),_c('li',[_c('span',{class:{ 'active': _vm.activeMenuItem === 'class' },on:{\"click\":function($event){return _vm.GoClass()}}},[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/iconBook.svg\")}}),_vm._v(\" Class\")])]),_c('li',[_c('span',{class:{ 'active': _vm.activeMenuItem === 'tutor' },on:{\"click\":function($event){return _vm.GoTutor()}}},[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/profile-circle.svg\")}}),_vm._v(\" Tutor\")])]),_c('li',[_c('span',{class:{ 'active': _vm.activeMenuItem === 'notification' },on:{\"click\":function($event){return _vm.GoNotification()}}},[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/iconBell.png\")}}),_vm._v(\" Notification\")])]),_c('li',[_c('span',{class:{ 'active': _vm.activeMenuItem === 'package' },on:{\"click\":function($event){return _vm.GoPackage()}}},[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/iconBook.svg\")}}),_vm._v(\" Package\")])]),_c('li',[_c('span',{class:{ 'active': _vm.activeMenuItem === 'profile' },on:{\"click\":function($event){return _vm.GoProfile()}}},[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/profile-circle.svg\")}}),_vm._v(\" Profile\")])])]),_c('CButton',{staticClass:\"custom-btn-deactive ml-2 b-20\",attrs:{\"color\":\"danger\"},on:{\"click\":function($event){return _vm.SignOut()}}},[_vm._v(\"Logout\")])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{staticClass:\"label-greeting text-black text center\"},[_vm._v(\"What do you want to do today? \"),_c('br'),_c('br'),_c('span',{staticClass:\"custom-credit text-center\"},[_vm._v(\"O credits\")])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"sidebar\" style=\"width: initial;\">\n        <div class=\"text-center\">\n            <br />\n        <span class=\"mt-2\">\n          <img\n            v-if=\"studentProfileAuthorize == ''\"\n            width=\"50px\"\n            height=\"50px\"\n            src=\"../assets/img/icon/icondefault.svg\"\n          />\n          <img\n            v-else\n            width=\"50px\"\n            height=\"50px\"\n            :src=\"photoURL\"\n            style=\"border-radius: 50%; border: 5px solid #fff\"\n          />\n        </span>\n        <span>\n            <span class=\"custom-user-title text-black m-3\"\n              >Hello {{ user.name }}!</span\n            >\n            <label class=\"label-greeting text-black text center\"\n              >What do you want to do today? <br /><br />\n              <span class=\"custom-credit text-center\">O credits</span></label\n            >\n            \n          </span>\n          </div>\n          <ul class=\"ml-2\">\n      <li>\n        <span :class=\"{ 'active': activeMenuItem === 'home' }\" @click=\"GoHome()\"> <img src=\"../assets/img/icon/homegrey.svg\" /> Home</span>\n      </li>\n      <li>\n        <span :class=\"{ 'active': activeMenuItem === 'class' }\" @click=\"GoClass()\"> <img src=\"../assets/img/icon/iconBook.svg\" /> Class</span>\n      </li>\n      <li>\n        <span :class=\"{ 'active': activeMenuItem === 'tutor' }\" @click=\"GoTutor()\"><img src=\"../assets/img/icon/profile-circle.svg\" />  Tutor</span>\n      </li>\n      <li>\n        <span :class=\"{ 'active': activeMenuItem === 'notification' }\" @click=\"GoNotification()\"><img src=\"../assets/img/icon/iconBell.png\" /> Notification</span>\n      </li>\n      <li>\n        <span :class=\"{ 'active': activeMenuItem === 'package' }\" @click=\"GoPackage()\"><img src=\"../assets/img/icon/iconBook.svg\" /> Package</span>\n      </li>\n      <li>\n        <span :class=\"{ 'active': activeMenuItem === 'profile' }\" @click=\"GoProfile()\"><img src=\"../assets/img/icon/profile-circle.svg\" /> Profile</span>\n      </li>\n    </ul>\n    <CButton class=\"custom-btn-deactive ml-2 b-20\" color=\"danger\" @click=\"SignOut()\"\n                >Logout</CButton\n              >\n    </div>\n  </template>\n  \n  <script>\n  export default {\n    data() {\n      return {\n        sidebarItems: [\n          { id: 1, title: 'Home', path: '/ExistingUser' },\n          { id: 2, title: 'Class', path: '/about' },\n          { id: 3, title: 'Tutor', path: '/services' },\n          { id: 4, title: 'Package', path: '/contact' },\n          { id: 5, title: 'Profile', path: '/contact' }\n        ],\n        user: {},\n        studentProfileAuthorize: \"\",\n        activeMenuItem: ''\n      };\n    },\n    async mounted() {\n    let isAuth = await this.UserAuth();\n\n    if (isAuth) {\n      this.Busy = false;\n      this.GetInfoUser();\n    } else {\n      this.GoToLogin();\n    }\n  },\n  methods: {\n    GetInfoUser() {\n      return this.$API\n        .get(this.$LoginUserDetailWebs, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200) {\n            this.user = response.data;\n            this.GetAuthorizeProfile(this.user.id);\n            this.GetListChild(this.user.id);\n            this.GetParentDetail(this.user.id);\n            this.GetNews();\n            this.GetTutorRating();\n          }\n        });\n    },\n\n    GetAuthorizeProfile() {\n      this.$API\n        .get(this.$GetProfilePhotoAuthorize + \"?userId=\" + this.user.id, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200 && response.data != null) {\n            this.studentProfileAuthorize = response.data;\n            this.photoURL =\n              \"https://pickiddo.com\" + this.studentProfileAuthorize;\n          }\n        });\n    },\n    GoHome() {\n      this.activeMenuItem = 'home'; \n      this.$router.push(\"/ExistingUser\");\n      \n    },\n    GoProfile() {\n  if (this.user.userType == \"parent\") {\n    this.activeMenuItem = 'profile'; // Set active menu item to 'profile' for parent\n    this.$router.push(\"/ParentProfile/Profile\");\n  } else {\n    this.activeMenuItem = 'profile'; // Set active menu item to 'profile' for tutor\n    this.$router.push(\"/Tutor/TutorProfile\");\n  }\n},\n    GoClass() {\n      this.activeMenuItem = 'class'; \n      this.$router.push(\"/Class/ClassMain\");\n    \n    },\n    GoTutor() {\n      this.activeMenuItem = 'tutor';\n      this.$router.push(\"/FindTutor/FindTutorMainpage\");\n    },\n    GoPackage() {\n      this.activeMenuItem = 'package'; \n     window.open(\"https://www.pickiddo.com/SignInUserAffiliate\");\n    },\n    GoNotification() {\n      this.activeMenuItem = 'notification'; \n      this.$router.push(\"/Notification\");\n    },\n    SignOut: function () {\n      return this.$API\n        .get(this.$SignOut, {\n          withCredentials: true\n        })\n        .then(response => {\n          if (response.status == 200) {\n            this.$router.push(\"/LoginInformation\");\n          }\n        });\n\n    },\n}\n  };\n  </script>\n  \n  <style scoped>\n  .sidebar {\n    width: 300px;\n    background-color: #fff;\n    margin-left:20px;\n    border-radius:20px;\n    height:90vh;\n    margin:20px;\n  }\n  .active {\n  color: blue; /* Apply blue color to the active menu item */\n}\n  \n  .sidebar ul {\n    list-style-type: none;\n    padding: 0;\n  }\n  \n  .sidebar li {\n    padding: 10px;\n  }\n  \n  .sidebar li:hover {\n    background-color: #0085ff;\n    color:#fff;\n  }\n  </style>\n  ","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheCustomSidebar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheCustomSidebar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheCustomSidebar.vue?vue&type=template&id=b6973520&scoped=true&\"\nimport script from \"./TheCustomSidebar.vue?vue&type=script&lang=js&\"\nexport * from \"./TheCustomSidebar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheCustomSidebar.vue?vue&type=style&index=0&id=b6973520&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  \"b6973520\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheCustomSidebarRight.vue?vue&type=style&index=0&id=095229e3&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheCustomSidebarRight.vue?vue&type=style&index=0&id=095229e3&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/reward.c14987ed.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"footer-bottom\"},[_c('CRow',{staticClass:\"justify-content-center mb-2\"},[_c('CCol',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"center\"}},[_c('CCol',{attrs:{\"sm\":\"12\",\"lg\":\"12\"}},[_c('CCol',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"center\",\"left\":\"0\",\"right\":\"0\",\"position\":\"fixed\",\"bottom\":\"0px\"},attrs:{\"sm\":\"12\",\"lg\":\"12\"}},[_c('CCol',{staticClass:\"p-0 m-0\",staticStyle:{\"flex\":\"1\"},attrs:{\"sm\":\"2\",\"lg\":\"2\"}},[_c('CCol',{on:{\"click\":function($event){return _vm.GoHome()}}},[(_vm.homeclick===true)?_c('div',[_c('img',{staticClass:\"btn-active\",attrs:{\"src\":require(\"../assets/img/icon/home-2.svg\")}}),_c('br'),_c('label',{staticClass:\"text-blue\"},[_vm._v(\" Home\")])]):_vm._e(),(_vm.homeclickgrey===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/homegrey.svg\")}}),_c('br'),_c('label',{staticClass:\"text-non-active\"},[_vm._v(\" Home\")])]):_vm._e()])],1),_c('CCol',{staticClass:\"p-0 m-0\",staticStyle:{\"flex\":\"1\"},attrs:{\"sm\":\"2\",\"lg\":\"2\"}},[_c('CCol',{on:{\"click\":function($event){return _vm.GoClass()}}},[(_vm.classclick===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/book-blue.svg\")}}),_c('br'),_c('label',{staticClass:\"text-blue\"},[_vm._v(\" Class\")])]):_vm._e(),(_vm.classclickgrey===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/iconBook.svg\")}}),_c('br'),_c('label',{staticClass:\"text-non-active\"},[_vm._v(\" Class\")])]):_vm._e()])],1),_c('CCol',{staticClass:\"p-0 m-0\",staticStyle:{\"flex\":\"1\"},attrs:{\"sm\":\"2\",\"lg\":\"2\"}},[_c('CCol',{on:{\"click\":function($event){return _vm.GoTutor()}}},[(_vm.tutorclick===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/teacher-blue.svg\")}}),_c('br'),_c('label',{staticClass:\"text-blue\"},[_vm._v(\" Tutor\")])]):_vm._e(),(_vm.tutorclickgrey===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/iconTeacher.svg\")}}),_c('br'),_c('label',{staticClass:\"text-non-active\"},[_vm._v(\" Tutor\")])]):_vm._e()])],1),_c('CCol',{staticClass:\"p-0 m-0\",staticStyle:{\"flex\":\"1\"},attrs:{\"sm\":\"2\",\"lg\":\"2\"}},[_c('CCol',{on:{\"click\":function($event){return _vm.GoProfile()}}},[(_vm.profileclick===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/profile-blue.svg\")}}),_c('br'),_c('label',{staticClass:\"text-blue\"},[_vm._v(\" Profile\")])]):_vm._e(),(_vm.profileclickgrey===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/profile-circle.svg\")}}),_c('br'),_c('label',{staticClass:\"text-non-active\"},[_vm._v(\" Profile\")])]):_vm._e()])],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"footer-bottom\">\n      <CRow class=\"justify-content-center mb-2\">\n        <CCol style=\"display: flex; align-items: center; justify-content: center\">\n          <CCol sm=\"12\" lg=\"12\">\n            <CCol\n              sm=\"12\"\n              lg=\"12\"\n              style=\"\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                left: 0;\n                right: 0;\n                position: fixed;\n                bottom: 0px;\n              \"\n            >\n              <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n                <CCol @click=\"GoHome()\">\n                  <div v-if=\"homeclick===true\">\n                    <img src=\"../assets/img/icon/home-2.svg\" class=\"btn-active\"/>\n                    <br />\n                    <label class=\"text-blue\"> Home</label>\n                  </div>\n                  <div v-if=\"homeclickgrey===true\">\n                    <img src=\"../assets/img/icon/homegrey.svg\" />\n                    <br />\n                    <label class=\"text-non-active\"> Home</label>\n                  </div>\n                </CCol>\n              </CCol>\n  \n              <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n                <CCol @click=\"GoClass()\">\n                  <div v-if=\"classclick===true\">\n                  <img src=\"../assets/img/icon/book-blue.svg\" />\n                  <br />\n                  <label class=\"text-blue\"> Class</label>\n                  </div>\n                  <div  v-if=\"classclickgrey===true\">\n                  <img src=\"../assets/img/icon/iconBook.svg\" />\n                  <br />\n                  <label class=\"text-non-active\"> Class</label>\n                  </div>\n                </CCol>\n              </CCol>\n  \n              <!-- <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n                <CCol @click=\"GoNotification()\">\n                  <div v-if=\"noticlick===true\">\n                  <img src=\"../assets/img/icon/iconBell.png\" />\n                  <br />\n                  <label class=\"text-blue\"> Notification</label>\n                  </div>\n                  <div  v-if=\"noticlickgrey===true\">\n                  <img src=\"../assets/img/icon/iconBell.png\" />\n                  <br />\n                  <label class=\"text-non-active\"> Notification</label>\n                  </div>\n                </CCol>\n              </CCol> -->\n  \n              <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n                <CCol @click=\"GoTutor()\">\n                  <div v-if=\"tutorclick===true\">\n                  <img src=\"../assets/img/icon/teacher-blue.svg\" />\n                  <br />\n                  <label class=\"text-blue\"> Tutor</label>\n                  </div>\n                  <div  v-if=\"tutorclickgrey===true\">\n                  <img src=\"../assets/img/icon/iconTeacher.svg\" />\n                  <br />\n                  <label class=\"text-non-active\"> Tutor</label>\n                  </div>\n                </CCol>\n              </CCol>\n  \n              <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n                <CCol @click=\"GoProfile()\">\n                  <div v-if=\"profileclick===true\">\n                  <img src=\"../assets/img/icon/profile-blue.svg\" />\n                  <br />\n                  <label class=\"text-blue\"> Profile</label>\n                </div>\n                <div v-if=\"profileclickgrey===true\">\n                  <img src=\"../assets/img/icon/profile-circle.svg\" />\n                  <br />\n                  <label class=\"text-non-active\"> Profile</label>\n                </div>\n                </CCol>\n              </CCol>\n            </CCol>\n          </CCol>\n        </CCol>\n      </CRow>\n    </div>\n  </template>\n  \n              \n  <script>\n  import Vue from \"vue\";\n  \n  import MainlayoutBottom from \"../containers/TheBottomCustom.vue\";\n  \n  Vue.use(require(\"vue-moment\"));\n  import moment from \"moment\";\n  \n  export default {\n    components: {\n      MainlayoutBottom,\n    },\n    data: function () {\n      return {\n        user: {},\n        studentProfileAuthorize: \"\",\n        schedule: [],\n        hooperSettings: {\n          itemsToShow: 2,\n          centerMode: true,\n          breakpoints: {\n            800: {\n              centerMode: false,\n            },\n            1000: {\n              pagination: \"fraction\",\n            },\n          },\n        },\n        childs: [],\n        parent: [],\n        homeclick: false,\n        classclick:false,\n        profileclick: false,\n        tutorclick: false,\n        noticlick: false,\n  \n        homeclickgrey: true,\n        classclickgrey: true,\n        tutorclickgrey: true,\n        profileclickgrey: true,\n        noticlickgrey: true,\n      };\n    },\n    async mounted() {\n      let isAuth = await this.UserAuth();\n  \n      if (isAuth) {\n        this.Busy = false;\n        this.GetInfoUser();\n      } else {\n        this.GoToLogin();\n      }\n    },\n    methods: {\n      GetInfoUser() {\n        return this.$API\n          .get(this.$LoginUserDetailWebs, {\n            withCredentials: true,\n          })\n          .then((response) => {\n            if (response.status == 200) {\n              this.user = response.data;\n              this.GetAuthorizeProfile(this.user.id);\n            }\n          });\n      },\n      GoHome() {\n        this.homeclick = true;\n        this.homeclickgrey = false;\n        this.$router.push(\"/ExistingUser\");\n        \n      },\n      GoProfile() {\n        if (this.user.userType == \"parent\") {\n          this.profileclick = true;\n          this.profileclickgrey = false;\n          this.$router.push(\"/ParentProfile/Profile\");\n          \n        } else {\n          this.profileclick = true;\n          this.profileclickgrey = false;\n          this.$router.push(\"/Tutor/TutorProfile\");\n          \n        }\n      },\n      GoClass() {\n        this.classclick = true;\n        this.classclickgrey = false;\n        this.$router.push(\"/Class/ClassMain\");\n      \n      },\n      GoTutor() {\n        this.tutorclick = true;\n        this.tutorclickgrey = false;\n        this.$router.push(\"/FindTutor/FindTutorMainpage\");\n      },\n    //   GoNotification() {\n    //     this.noticlick = true;\n    //     this.noticlickgrey = false;\n    //     this.$router.push(\"/Notification\");\n    //   },\n    },\n  };\n  </script>\n  ","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheBottomCustom2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheBottomCustom2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheBottomCustom2.vue?vue&type=template&id=08c3e59c&\"\nimport script from \"./TheBottomCustom2.vue?vue&type=script&lang=js&\"\nexport * from \"./TheBottomCustom2.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/home-2.5f84ce41.svg\";","module.exports = __webpack_public_path__ + \"img/iconstar.ed60a5eb.svg\";","module.exports = __webpack_public_path__ + \"img/star.ad4cd118.svg\";","module.exports = __webpack_public_path__ + \"img/profile-blue.63949d32.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"footer-bottom\"},[_c('CRow',{staticClass:\"justify-content-center mb-2\"},[_c('CCol',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"center\"}},[_c('CCol',{attrs:{\"sm\":\"12\",\"lg\":\"12\"}},[_c('CCol',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"center\",\"left\":\"0\",\"right\":\"0\",\"position\":\"fixed\",\"bottom\":\"0px\"},attrs:{\"sm\":\"12\",\"lg\":\"12\"}},[_c('CCol',{staticClass:\"p-0 m-0\",staticStyle:{\"flex\":\"1\"},attrs:{\"sm\":\"2\",\"lg\":\"2\"}},[_c('CCol',{on:{\"click\":function($event){return _vm.GoHome()}}},[(_vm.homeclick===true)?_c('div',[_c('img',{staticClass:\"btn-active\",attrs:{\"src\":require(\"../assets/img/icon/home-2.svg\")}}),_c('br'),_c('label',{staticClass:\"text-blue\"},[_vm._v(\" Home\")])]):_vm._e(),(_vm.homeclickgrey===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/homegrey.svg\")}}),_c('br'),_c('label',{staticClass:\"text-non-active\"},[_vm._v(\" Home\")])]):_vm._e()])],1),_c('CCol',{staticClass:\"p-0 m-0\",staticStyle:{\"flex\":\"1\"},attrs:{\"sm\":\"2\",\"lg\":\"2\"}},[_c('CCol',{on:{\"click\":function($event){return _vm.GoClass()}}},[(_vm.classclick===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/book-blue.svg\")}}),_c('br'),_c('label',{staticClass:\"text-blue\"},[_vm._v(\" Class\")])]):_vm._e(),(_vm.classclickgrey===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/iconBook.svg\")}}),_c('br'),_c('label',{staticClass:\"text-non-active\"},[_vm._v(\" Class\")])]):_vm._e()])],1),_c('CCol',{staticClass:\"p-0 m-0\",staticStyle:{\"flex\":\"1\"},attrs:{\"sm\":\"2\",\"lg\":\"2\"}},[_c('CCol',{on:{\"click\":function($event){return _vm.GoNotification()}}},[(_vm.noticlick===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/iconBell.png\")}}),_c('br'),_c('label',{staticClass:\"text-blue\"},[_vm._v(\" Notification\")])]):_vm._e(),(_vm.noticlickgrey===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/iconBell.png\")}}),_c('br'),_c('label',{staticClass:\"text-non-active\"},[_vm._v(\" Notification\")])]):_vm._e()])],1),_c('CCol',{staticClass:\"p-0 m-0\",staticStyle:{\"flex\":\"1\"},attrs:{\"sm\":\"2\",\"lg\":\"2\"}},[_c('CCol',{on:{\"click\":function($event){return _vm.GoTutor()}}},[(_vm.tutorclick===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/teacher-blue.svg\")}}),_c('br'),_c('label',{staticClass:\"text-blue\"},[_vm._v(\" Tutor\")])]):_vm._e(),(_vm.tutorclickgrey===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/iconTeacher.svg\")}}),_c('br'),_c('label',{staticClass:\"text-non-active\"},[_vm._v(\" Tutor\")])]):_vm._e()])],1),_c('CCol',{staticClass:\"p-0 m-0\",staticStyle:{\"flex\":\"1\"},attrs:{\"sm\":\"2\",\"lg\":\"2\"}},[_c('CCol',{on:{\"click\":function($event){return _vm.GoProfile()}}},[(_vm.profileclick===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/profile-blue.svg\")}}),_c('br'),_c('label',{staticClass:\"text-blue\"},[_vm._v(\" Profile\")])]):_vm._e(),(_vm.profileclickgrey===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/profile-circle.svg\")}}),_c('br'),_c('label',{staticClass:\"text-non-active\"},[_vm._v(\" Profile\")])]):_vm._e()])],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }"," <template>\n  <div class=\"footer-bottom\">\n    <CRow class=\"justify-content-center mb-2\">\n      <CCol style=\"display: flex; align-items: center; justify-content: center\">\n        <CCol sm=\"12\" lg=\"12\">\n          <CCol\n            sm=\"12\"\n            lg=\"12\"\n            style=\"\n              display: flex;\n              align-items: center;\n              justify-content: center;\n              left: 0;\n              right: 0;\n              position: fixed;\n              bottom: 0px;\n            \"\n          >\n            <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n              <CCol @click=\"GoHome()\">\n                <div v-if=\"homeclick===true\">\n                  <img src=\"../assets/img/icon/home-2.svg\" class=\"btn-active\"/>\n                  <br />\n                  <label class=\"text-blue\"> Home</label>\n                </div>\n                <div v-if=\"homeclickgrey===true\">\n                  <img src=\"../assets/img/icon/homegrey.svg\" />\n                  <br />\n                  <label class=\"text-non-active\"> Home</label>\n                </div>\n              </CCol>\n            </CCol>\n\n            <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n              <CCol @click=\"GoClass()\">\n                <div v-if=\"classclick===true\">\n                <img src=\"../assets/img/icon/book-blue.svg\" />\n                <br />\n                <label class=\"text-blue\"> Class</label>\n                </div>\n                <div  v-if=\"classclickgrey===true\">\n                <img src=\"../assets/img/icon/iconBook.svg\" />\n                <br />\n                <label class=\"text-non-active\"> Class</label>\n                </div>\n              </CCol>\n            </CCol>\n\n            <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n              <CCol @click=\"GoNotification()\">\n                <div v-if=\"noticlick===true\">\n                <img src=\"../assets/img/icon/iconBell.png\" />\n                <br />\n                <label class=\"text-blue\"> Notification</label>\n                </div>\n                <div  v-if=\"noticlickgrey===true\">\n                <img src=\"../assets/img/icon/iconBell.png\" />\n                <br />\n                <label class=\"text-non-active\"> Notification</label>\n                </div>\n              </CCol>\n            </CCol>\n\n            <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n              <CCol @click=\"GoTutor()\">\n                <div v-if=\"tutorclick===true\">\n                <img src=\"../assets/img/icon/teacher-blue.svg\" />\n                <br />\n                <label class=\"text-blue\"> Tutor</label>\n                </div>\n                <div  v-if=\"tutorclickgrey===true\">\n                <img src=\"../assets/img/icon/iconTeacher.svg\" />\n                <br />\n                <label class=\"text-non-active\"> Tutor</label>\n                </div>\n              </CCol>\n            </CCol>\n\n            <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n              <CCol @click=\"GoProfile()\">\n                <div v-if=\"profileclick===true\">\n                <img src=\"../assets/img/icon/profile-blue.svg\" />\n                <br />\n                <label class=\"text-blue\"> Profile</label>\n              </div>\n              <div v-if=\"profileclickgrey===true\">\n                <img src=\"../assets/img/icon/profile-circle.svg\" />\n                <br />\n                <label class=\"text-non-active\"> Profile</label>\n              </div>\n              </CCol>\n            </CCol>\n          </CCol>\n        </CCol>\n      </CCol>\n    </CRow>\n  </div>\n</template>\n\n            \n<script>\nimport Vue from \"vue\";\n\nimport MainlayoutBottom from \"../containers/TheBottomCustom.vue\";\n\nVue.use(require(\"vue-moment\"));\nimport moment from \"moment\";\n\nexport default {\n  components: {\n    MainlayoutBottom,\n  },\n  data: function () {\n    return {\n      user: {},\n      studentProfileAuthorize: \"\",\n      schedule: [],\n      hooperSettings: {\n        itemsToShow: 2,\n        centerMode: true,\n        breakpoints: {\n          800: {\n            centerMode: false,\n          },\n          1000: {\n            pagination: \"fraction\",\n          },\n        },\n      },\n      childs: [],\n      parent: [],\n      homeclick: false,\n      classclick:false,\n      profileclick: false,\n      tutorclick: false,\n      noticlick: false,\n\n      homeclickgrey: true,\n      classclickgrey: true,\n      tutorclickgrey: true,\n      profileclickgrey: true,\n      noticlickgrey: true,\n    };\n  },\n  async mounted() {\n    let isAuth = await this.UserAuth();\n\n    if (isAuth) {\n      this.Busy = false;\n      this.GetInfoUser();\n    } else {\n      this.GoToLogin();\n    }\n  },\n  methods: {\n    GetInfoUser() {\n      return this.$API\n        .get(this.$LoginUserDetailWebs, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200) {\n            this.user = response.data;\n            this.GetAuthorizeProfile(this.user.id);\n          }\n        });\n    },\n    GoHome() {\n      this.homeclick = true;\n      this.homeclickgrey = false;\n      this.$router.push(\"/ExistingUser\");\n      \n    },\n    GoProfile() {\n      if (this.user.userType == \"parent\") {\n        this.profileclick = true;\n        this.profileclickgrey = false;\n        this.$router.push(\"/ParentProfile/Profile\");\n        \n      } else {\n        this.profileclick = true;\n        this.profileclickgrey = false;\n        this.$router.push(\"/Tutor/TutorProfile\");\n        \n      }\n    },\n    GoClass() {\n      this.classclick = true;\n      this.classclickgrey = false;\n      this.$router.push(\"/Class/ClassMain\");\n    \n    },\n    GoTutor() {\n      this.tutorclick = true;\n      this.tutorclickgrey = false;\n      this.$router.push(\"/FindTutor/FindTutorMainpage\");\n    },\n    GoNotification() {\n      this.noticlick = true;\n      this.noticlickgrey = false;\n      this.$router.push(\"/Notification\");\n    },\n  },\n};\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheBottomCustom.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheBottomCustom.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheBottomCustom.vue?vue&type=template&id=1e5b9ae9&\"\nimport script from \"./TheBottomCustom.vue?vue&type=script&lang=js&\"\nexport * from \"./TheBottomCustom.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/Ellipse1.dbc51033.svg\";","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FindTutorMainpage.vue?vue&type=style&index=0&id=4215bfac&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FindTutorMainpage.vue?vue&type=style&index=0&id=4215bfac&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/Circle.6508c455.svg\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheCustomSidebar.vue?vue&type=style&index=0&id=b6973520&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheCustomSidebar.vue?vue&type=style&index=0&id=b6973520&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/icondefault.ffbf2ec3.svg\";","module.exports = __webpack_public_path__ + \"img/iconBook.55bdc272.svg\";","module.exports = __webpack_public_path__ + \"img/book-blue.e2552d16.svg\";","module.exports = __webpack_public_path__ + \"img/referprogrammer.44819a72.svg\";","module.exports = __webpack_public_path__ + \"img/homegrey.2120fce2.svg\";","module.exports = __webpack_public_path__ + \"img/iconTeacher.3dcd19ec.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"c-app-new flex-row align-items-center d-sm-down-none\"},[_c('CRow',{staticClass:\"p-0\"},[_c('CCol',{staticClass:\"p-0\",attrs:{\"sm\":\"3\"}},[_c('TheSidebar')],1),_c('CCol',{staticClass:\"p-0\",attrs:{\"sm\":\"6\"}},[_c('div',{staticClass:\"header-top\"},[_c('hooper',{ref:\"hooper\",attrs:{\"settings\":\"hooperSettings\",\"itemsToShow\":1,\"pagination\":\"yes\"}},[_vm._l((_vm.ratinghead),function(rate){return _c('slide',{key:rate.id,attrs:{\"index\":rate.id}},[_c('CRow',{staticStyle:{\"margin\":\"0px 20px\"}},[_c('CCard',{staticClass:\"custom-card-advertise mb-5\",staticStyle:{\"margin-left\":\"8px\",\"height\":\"158px\",\"width\":\"100%\",\"margin-top\":\"0px\",\"background-color\":\"transparent\",\"border-color\":\"transparent\"}},[_c('span',{staticClass:\"class-top-header top-header-badge\"},[_vm._v(\"Tutor of the Month\")]),_c('span',{staticClass:\"class-top-header class-teacher-name\"},[_vm._v(_vm._s(rate.teacherName))]),_c('span',{staticClass:\"class-top-header class-teach-subject\"},[_vm._v(_vm._s(rate.achivementContent))]),_c('span',{staticClass:\"float-right custom-bg-icon\"},[_c('img',{staticStyle:{\"right\":\"-16px\",\"position\":\"absolute\",\"bottom\":\"-135px\",\"width\":\"160px\",\"height\":\"160px\"},attrs:{\"src\":require(\"../../assets/img/icon/Circle.svg\")}}),(rate.profileImage == null)?_c('div',[_c('img',{staticClass:\"custom-bg-advetise\",staticStyle:{\"position\":\"absolute\",\"width\":\"70px\",\"height\":\"70px\",\"right\":\"10px\",\"bottom\":\"-95px\",\"border-radius\":\"107px\"},attrs:{\"src\":require(\"../../assets/img/icon/icondefault.svg\")}})]):_c('div',[_c('img',{staticClass:\"custom-bg-advetise\",staticStyle:{\"position\":\"absolute\",\"width\":\"70px\",\"height\":\"70px\",\"right\":\"10px\",\"bottom\":\"-95px\",\"border-radius\":\"107px\"},attrs:{\"src\":rate.profileImage}})])])])],1)],1)}),_c('hooper-navigation',{attrs:{\"slot\":\"hooper-addons\"},slot:\"hooper-addons\"})],2)],1),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('br'),_c('CContainer',{staticClass:\"p-0\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\",\"margin-top\":\"0px\"}},[_c('div',{staticClass:\"container-box-custom center\"},[_c('div',{staticClass:\"text-left\"},[_c('div',{staticClass:\"card-custom-web-new\"},[_c('br'),_c('CCard',{staticClass:\"card-blue\"},[_c('CRow',[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"50%\"}},[_c('h3',{staticClass:\"label-blue\",staticStyle:{\"text-align\":\"left\"}},[_vm._v(\" Congratulations, You have a new Tutor ! \")])]),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"50%\"}},[_c('img',{staticStyle:{\"position\":\"absolute\",\"left\":\"73.13%\",\"right\":\"5.07%\",\"top\":\"3.57%\",\"bottom\":\"9.52%\"},attrs:{\"src\":require(\"../../assets/img/icon/star.svg\")}})])])],1),_c('br'),_c('div',{staticClass:\"class-card-multiple\"},[_c('CCard',{staticClass:\"class-card-box\",on:{\"click\":function($event){return _vm.GoToClassType()}}},[_c('img',{staticStyle:{\"border-radius\":\"8px\",\"height\":\"117px\",\"top\":\"50px\",\"object-fit\":\"fill\"},attrs:{\"src\":require(\"../../assets/img/icon/Ellipse1.svg\")}}),_c('h3',{staticClass:\"sub-title-header text-black\",staticStyle:{\"position\":\"absolute\",\"top\":\"25px\",\"left\":\"5px\"}},[_c('strong',[_vm._v(\"Find Tutor\")])]),_c('div',{staticClass:\"float-right\"},[_c('img',{staticStyle:{\"max-width\":\"60%\",\"right\":\"0\",\"position\":\"absolute\",\"bottom\":\"0\"},attrs:{\"src\":require(\"../../assets/img/icon/findTutorvector.svg\")}})])]),_c('CCard',{staticClass:\"class-card-box\",on:{\"click\":function($event){return _vm.GoToMyTutor()}}},[_c('img',{staticStyle:{\"border-radius\":\"8px\",\"height\":\"117px\",\"object-fit\":\"cover\",\"display\":\"block\"},attrs:{\"src\":require(\"../../assets/img/icon/Ellipse2.svg\")}}),_c('h3',{staticClass:\"sub-title-header  text-black\",staticStyle:{\"position\":\"absolute\",\"top\":\"25px\",\"left\":\"5px\"}},[_c('strong',[_vm._v(\"My Tutor\")])]),_c('div',{staticClass:\"float-right\"},[_c('img',{staticStyle:{\"max-width\":\"60%\",\"right\":\"0\",\"position\":\"absolute\",\"bottom\":\"0\"},attrs:{\"src\":require(\"../../assets/img/icon/myTutorvector.svg\")}})])])],1),_c('br'),_c('div',{staticClass:\"float-left\"},[_c('strong',{staticClass:\"class-teach-name\",staticStyle:{\"color\":\"#000A2C\",\"text-align\":\"left\",\"margin\":\"20px\"}},[_vm._v(\" Tutor of the Month \")])]),_c('div',{staticClass:\"float-right\"},[_c('strong',{staticClass:\"custom-text-viewall\",staticStyle:{\"margin\":\"20px\"},on:{\"click\":function($event){return _vm.GoToAllToTM()}}},[_vm._v(\"View All\")])]),_c('br'),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('hooper',{ref:\"hooper\",staticClass:\"d-sm-flex d-md-none\",attrs:{\"settings\":\"hooperSettings\",\"itemsToShow\":2,\"pagination\":\"yes\"}},[_vm._l((_vm.rating),function(rate){return _c('slide',{key:rate.id,attrs:{\"index\":rate.id}},[_c('CRow',{staticStyle:{\"margin\":\"0px 20px\"}},[_c('div',{staticStyle:{\"display\":\"flex\",\"margin-right\":\"15px\"}},[_c('CCard',{staticClass:\"custom-card-advertise mb-5\",staticStyle:{\"margin-left\":\"0px\",\"height\":\"158px\"}},[(rate.profileImage == null)?_c('div',[_c('img',{staticClass:\"custom-bg-advetise\",staticStyle:{\"width\":\"170px\",\"height\":\"150px\"},attrs:{\"src\":require(\"../../assets/img/icon/icondefault.svg\")},on:{\"click\":function($event){return _vm.GoToFTTutorProfile(rate.teacherId)}}})]):_c('div',[_c('img',{staticClass:\"custom-bg-advetise\",staticStyle:{\"width\":\"170px\",\"height\":\"150px\"},attrs:{\"src\":rate.profileImage},on:{\"click\":function($event){return _vm.GoToFTTutorProfile(rate.teacherId)}}})]),_c('div',{staticClass:\"bg-linear\"},[_c('h1',{staticClass:\"custom-text-adv ml-2\"},[_vm._v(\" \"+_vm._s(rate.teacherName)+\" \")]),(rate.achivementContent != 'No achivement')?_c('span',[_c('label',{staticClass:\"custom-label-text ml-2\"},[_vm._v(\" \"+_vm._s(rate.achivementContent)+\" \")])]):_c('span',[_c('label',{staticClass:\"custom-label-text ml-2\",staticStyle:{\"white-space\":\"nowrap\",\"overflow\":\"hidden\",\"text-overflow\":\"ellipsis\",\"max-width\":\"130px\"}},[_vm._v(\" \"+_vm._s(rate.aboutTutor)+\" \")])]),_c('br'),_c('img',{staticClass:\"ml-2\",attrs:{\"src\":require(\"../../assets/img/icon/iconstar.svg\")}}),_c('label',{staticClass:\"float-right custom-label-text mr-2 mt-1\"},[_vm._v(\" \"+_vm._s(rate.totalRating)+\" ratings \")])])])],1)])],1)}),_c('hooper-navigation',{attrs:{\"slot\":\"hooper-addons\"},slot:\"hooper-addons\"})],2),_c('hooper',{ref:\"hooper\",staticClass:\"d-sm-down-none\",attrs:{\"settings\":\"hooperSettings\",\"itemsToShow\":4,\"pagination\":\"yes\"}},[_vm._l((_vm.rating),function(rate){return _c('slide',{key:rate.id,attrs:{\"index\":rate.id}},[_c('CRow',{staticStyle:{\"margin\":\"0px 20px\"}},[_c('div',{staticStyle:{\"display\":\"flex\",\"margin-right\":\"15px\"}},[_c('CCard',{staticClass:\"custom-card-advertise mb-5\",staticStyle:{\"margin-left\":\"0px\",\"height\":\"158px\"}},[(rate.profileImage == null)?_c('div',[_c('img',{staticClass:\"custom-bg-advetise\",staticStyle:{\"width\":\"170px\",\"height\":\"150px\"},attrs:{\"src\":require(\"../../assets/img/icon/icondefault.svg\")},on:{\"click\":function($event){return _vm.GoToFTTutorProfile(rate.teacherId)}}})]):_c('div',[_c('img',{staticClass:\"custom-bg-advetise\",staticStyle:{\"width\":\"170px\",\"height\":\"150px\"},attrs:{\"src\":rate.profileImage},on:{\"click\":function($event){return _vm.GoToFTTutorProfile(rate.teacherId)}}})]),_c('div',{staticClass:\"bg-linear\"},[_c('h1',{staticClass:\"custom-text-adv ml-2\"},[_vm._v(\" \"+_vm._s(rate.teacherName)+\" \")]),(rate.achivementContent != 'No achivement')?_c('span',[_c('label',{staticClass:\"custom-label-text ml-2\"},[_vm._v(\" \"+_vm._s(rate.achivementContent)+\" \")])]):_c('span',[_c('label',{staticClass:\"custom-label-text ml-2\",staticStyle:{\"white-space\":\"nowrap\",\"overflow\":\"hidden\",\"text-overflow\":\"ellipsis\",\"max-width\":\"130px\"}},[_vm._v(\" \"+_vm._s(rate.aboutTutor)+\" \")])]),_c('br'),_c('img',{staticClass:\"ml-2\",attrs:{\"src\":require(\"../../assets/img/icon/iconstar.svg\")}}),_c('label',{staticClass:\"float-right custom-label-text mr-2 mt-1\"},[_vm._v(\" \"+_vm._s(rate.totalRating)+\" ratings \")])])])],1)])],1)}),_c('hooper-navigation',{attrs:{\"slot\":\"hooper-addons\"},slot:\"hooper-addons\"})],2),_c('CCard',{staticClass:\"custom-bg-color-grey\",staticStyle:{\"height\":\"153px\"}},[_c('CRow',[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"50%\"}},[_c('h3',{staticClass:\"sub-title-header2 mt-1 ml-4 mb-2\",staticStyle:{\"text-align\":\"left\"}},[_c('strong',[_vm._v(\" Become a Tutor\")]),_c('br')]),_c('label',{staticClass:\"sub-title-card2 ml-4\",staticStyle:{\"margin-bottom\":\"20px\"}},[_vm._v(\" Are you a teacher? Become our tutor and gain more side income!\")]),_c('CButton',{staticClass:\"custom-header-btn ml-4\",on:{\"click\":function($event){return _vm.GoToBecomeTutor()}}},[_vm._v(\" Register Now\")])],1),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"50%\"}},[_c('img',{staticStyle:{\"max-width\":\"100%\",\"right\":\"0\",\"position\":\"absolute\",\"bottom\":\"0\",\"height\":\"150px\"},attrs:{\"src\":require(\"../../assets/img/icon/vectorTutor.svg\")}})])])],1),_c('br'),_c('br'),_c('MainlayoutBottom',{staticClass:\"d-md-none d-lg-none\"})],1)])])])],1),_c('CCol',{staticClass:\"p-0\",attrs:{\"sm\":\"3\"}},[_c('TheSidebarRight',{staticClass:\"mt-3\"})],1)],1)],1),_c('div',{staticClass:\"c-app-new flex-row align-items-center d-md-none d-lg-none\"},[_c('CRow',{staticClass:\"p-0\"},[_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('br'),_c('CContainer',{staticClass:\"p-0 mt-4\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\",\"margin-top\":\"0px\"}},[_c('div',{staticClass:\"container-box center\"},[_c('div',{staticClass:\"text-left\"},[_c('div',{staticClass:\"card-custom-web\"},[_c('br'),_c('CCard',{staticClass:\"card-blue\"},[_c('CRow',[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"50%\"}},[_c('h3',{staticClass:\"label-blue\",staticStyle:{\"text-align\":\"left\"}},[_vm._v(\" Congratulations, You have a new Tutor ! \")])]),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"50%\"}},[_c('img',{staticStyle:{\"position\":\"absolute\",\"left\":\"73.13%\",\"right\":\"5.07%\",\"top\":\"3.57%\",\"bottom\":\"9.52%\"},attrs:{\"src\":require(\"../../assets/img/icon/star.svg\")}})])])],1),_c('br'),_c('div',{staticClass:\"class-card-multiple\"},[_c('CCard',{staticClass:\"class-card-box\",on:{\"click\":function($event){return _vm.GoToClassType()}}},[_c('img',{staticStyle:{\"border-radius\":\"8px\",\"height\":\"117px\",\"top\":\"50px\",\"object-fit\":\"fill\"},attrs:{\"src\":require(\"../../assets/img/icon/Ellipse1.svg\")}}),_c('h3',{staticClass:\"sub-title-header text-black\",staticStyle:{\"position\":\"absolute\",\"top\":\"25px\",\"left\":\"5px\"}},[_c('strong',[_vm._v(\"Find Tutor\")])]),_c('div',{staticClass:\"float-right\"},[_c('img',{staticStyle:{\"max-width\":\"60%\",\"right\":\"0\",\"position\":\"absolute\",\"bottom\":\"0\"},attrs:{\"src\":require(\"../../assets/img/icon/findTutorvector.svg\")}})])]),_c('CCard',{staticClass:\"class-card-box\",on:{\"click\":function($event){return _vm.GoToMyTutor()}}},[_c('img',{staticStyle:{\"border-radius\":\"8px\",\"height\":\"117px\",\"object-fit\":\"cover\",\"display\":\"block\"},attrs:{\"src\":require(\"../../assets/img/icon/Ellipse2.svg\")}}),_c('h3',{staticClass:\"sub-title-header  text-black\",staticStyle:{\"position\":\"absolute\",\"top\":\"25px\",\"left\":\"5px\"}},[_c('strong',[_vm._v(\"My Tutor\")])]),_c('div',{staticClass:\"float-right\"},[_c('img',{staticStyle:{\"max-width\":\"60%\",\"right\":\"0\",\"position\":\"absolute\",\"bottom\":\"0\"},attrs:{\"src\":require(\"../../assets/img/icon/myTutorvector.svg\")}})])])],1),_c('br'),_c('div',{staticClass:\"float-left\"},[_c('strong',{staticClass:\"class-teach-name\",staticStyle:{\"color\":\"#000A2C\",\"text-align\":\"left\",\"margin\":\"20px\"}},[_vm._v(\" Tutor of the Month \")])]),_c('div',{staticClass:\"float-right\"},[_c('strong',{staticClass:\"custom-text-viewall\",staticStyle:{\"margin\":\"20px\"},on:{\"click\":function($event){return _vm.GoToAllToTM()}}},[_vm._v(\"View All\")])]),_c('br'),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('hooper',{ref:\"hooper\",staticClass:\"d-sm-flex d-md-none\",attrs:{\"settings\":\"hooperSettings\",\"itemsToShow\":2,\"pagination\":\"yes\"}},[_vm._l((_vm.rating),function(rate){return _c('slide',{key:rate.id,attrs:{\"index\":rate.id}},[_c('CRow',{staticStyle:{\"margin\":\"0px 20px\"}},[_c('div',{staticStyle:{\"display\":\"flex\",\"margin-right\":\"15px\"}},[_c('CCard',{staticClass:\"custom-card-advertise mb-5\",staticStyle:{\"margin-left\":\"0px\",\"height\":\"158px\"}},[(rate.profileImage == null)?_c('div',[_c('img',{staticClass:\"custom-bg-advetise\",staticStyle:{\"width\":\"170px\",\"height\":\"150px\"},attrs:{\"src\":require(\"../../assets/img/icon/icondefault.svg\")},on:{\"click\":function($event){return _vm.GoToFTTutorProfile(rate.teacherId)}}})]):_c('div',[_c('img',{staticClass:\"custom-bg-advetise\",staticStyle:{\"width\":\"170px\",\"height\":\"150px\"},attrs:{\"src\":rate.profileImage},on:{\"click\":function($event){return _vm.GoToFTTutorProfile(rate.teacherId)}}})]),_c('div',{staticClass:\"bg-linear\"},[_c('h1',{staticClass:\"custom-text-adv ml-2\"},[_vm._v(\" \"+_vm._s(rate.teacherName)+\" \")]),(rate.achivementContent != 'No achivement')?_c('span',[_c('label',{staticClass:\"custom-label-text ml-2\"},[_vm._v(\" \"+_vm._s(rate.achivementContent)+\" \")])]):_c('span',[_c('label',{staticClass:\"custom-label-text ml-2\",staticStyle:{\"white-space\":\"nowrap\",\"overflow\":\"hidden\",\"text-overflow\":\"ellipsis\",\"max-width\":\"130px\"}},[_vm._v(\" \"+_vm._s(rate.aboutTutor)+\" \")])]),_c('br'),_c('img',{staticClass:\"ml-2\",attrs:{\"src\":require(\"../../assets/img/icon/iconstar.svg\")}}),_c('label',{staticClass:\"float-right custom-label-text mr-2 mt-1\"},[_vm._v(\" \"+_vm._s(rate.totalRating)+\" ratings \")])])])],1)])],1)}),_c('hooper-navigation',{attrs:{\"slot\":\"hooper-addons\"},slot:\"hooper-addons\"})],2),_c('hooper',{ref:\"hooper\",staticClass:\"d-sm-down-none\",attrs:{\"settings\":\"hooperSettings\",\"itemsToShow\":4,\"pagination\":\"yes\"}},[_vm._l((_vm.rating),function(rate){return _c('slide',{key:rate.id,attrs:{\"index\":rate.id}},[_c('CRow',{staticStyle:{\"margin\":\"0px 20px\"}},[_c('div',{staticStyle:{\"display\":\"flex\",\"margin-right\":\"15px\"}},[_c('CCard',{staticClass:\"custom-card-advertise mb-5\",staticStyle:{\"margin-left\":\"0px\",\"height\":\"158px\"}},[(rate.profileImage == null)?_c('div',[_c('img',{staticClass:\"custom-bg-advetise\",staticStyle:{\"width\":\"170px\",\"height\":\"150px\"},attrs:{\"src\":require(\"../../assets/img/icon/icondefault.svg\")},on:{\"click\":function($event){return _vm.GoToFTTutorProfile(rate.teacherId)}}})]):_c('div',[_c('img',{staticClass:\"custom-bg-advetise\",staticStyle:{\"width\":\"170px\",\"height\":\"150px\"},attrs:{\"src\":rate.profileImage},on:{\"click\":function($event){return _vm.GoToFTTutorProfile(rate.teacherId)}}})]),_c('div',{staticClass:\"bg-linear\"},[_c('h1',{staticClass:\"custom-text-adv ml-2\"},[_vm._v(\" \"+_vm._s(rate.teacherName)+\" \")]),(rate.achivementContent != 'No achivement')?_c('span',[_c('label',{staticClass:\"custom-label-text ml-2\"},[_vm._v(\" \"+_vm._s(rate.achivementContent)+\" \")])]):_c('span',[_c('label',{staticClass:\"custom-label-text ml-2\",staticStyle:{\"white-space\":\"nowrap\",\"overflow\":\"hidden\",\"text-overflow\":\"ellipsis\",\"max-width\":\"130px\"}},[_vm._v(\" \"+_vm._s(rate.aboutTutor)+\" \")])]),_c('br'),_c('img',{staticClass:\"ml-2\",attrs:{\"src\":require(\"../../assets/img/icon/iconstar.svg\")}}),_c('label',{staticClass:\"float-right custom-label-text mr-2 mt-1\"},[_vm._v(\" \"+_vm._s(rate.totalRating)+\" ratings \")])])])],1)])],1)}),_c('hooper-navigation',{attrs:{\"slot\":\"hooper-addons\"},slot:\"hooper-addons\"})],2),_c('CCard',{staticClass:\"custom-bg-color-grey\",staticStyle:{\"height\":\"153px\"}},[_c('CRow',[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"50%\"}},[_c('h3',{staticClass:\"sub-title-header2 mt-1 ml-4 mb-2\",staticStyle:{\"text-align\":\"left\"}},[_c('strong',[_vm._v(\" Become a Tutor\")]),_c('br')]),_c('label',{staticClass:\"sub-title-card2 ml-4\",staticStyle:{\"margin-bottom\":\"20px\"}},[_vm._v(\" Are you a teacher? Become our tutor and gain more side income!\")]),_c('CButton',{staticClass:\"custom-header-btn ml-4\",on:{\"click\":function($event){return _vm.GoToBecomeTutor()}}},[_vm._v(\" Register Now\")])],1),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"50%\"}},[_c('img',{staticStyle:{\"max-width\":\"100%\",\"right\":\"0\",\"position\":\"absolute\",\"bottom\":\"0\",\"height\":\"150px\"},attrs:{\"src\":require(\"../../assets/img/icon/vectorTutor.svg\")}})])])],1),_c('br'),_c('br'),_c('MainlayoutBottom')],1)])])]),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('br'),_c('div',{staticClass:\"header-top\"},[_c('hooper',{ref:\"hooper\",attrs:{\"settings\":\"hooperSettings\",\"itemsToShow\":1,\"pagination\":\"yes\"}},[_vm._l((_vm.ratinghead),function(rate){return _c('slide',{key:rate.id,attrs:{\"index\":rate.id}},[_c('CRow',{staticStyle:{\"margin\":\"0px 20px\"}},[_c('CCard',{staticClass:\"custom-card-advertise mb-5\",staticStyle:{\"margin-left\":\"8px\",\"height\":\"158px\",\"width\":\"100%\",\"margin-top\":\"-10px\",\"background-color\":\"transparent\",\"border-color\":\"transparent\"}},[_c('span',{staticClass:\"class-top-header top-header-badge\"},[_vm._v(\"Tutor of the Month\")]),_c('span',{staticClass:\"class-top-header class-teacher-name\"},[_vm._v(_vm._s(rate.teacherName))]),_c('span',{staticClass:\"class-top-header class-teach-subject\"},[_vm._v(_vm._s(rate.achivementContent))]),_c('span',{staticClass:\"float-right custom-bg-icon\"},[_c('img',{staticStyle:{\"right\":\"-16px\",\"position\":\"absolute\",\"bottom\":\"-135px\",\"width\":\"160px\",\"height\":\"160px\"},attrs:{\"src\":require(\"../../assets/img/icon/Circle.svg\")}}),(rate.profileImage == null)?_c('div',[_c('img',{staticClass:\"custom-bg-advetise\",staticStyle:{\"position\":\"absolute\",\"width\":\"70px\",\"height\":\"70px\",\"right\":\"10px\",\"bottom\":\"-95px\",\"border-radius\":\"107px\"},attrs:{\"src\":require(\"../../assets/img/icon/icondefault.svg\")}})]):_c('div',[_c('img',{staticClass:\"custom-bg-advetise\",staticStyle:{\"position\":\"absolute\",\"width\":\"70px\",\"height\":\"70px\",\"right\":\"10px\",\"bottom\":\"-95px\",\"border-radius\":\"107px\"},attrs:{\"src\":rate.profileImage}})])])])],1)],1)}),_c('hooper-navigation',{attrs:{\"slot\":\"hooper-addons\"},slot:\"hooper-addons\"})],2)],1)],1)],1),_c('div',{staticStyle:{\"clear\":\"both\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <div class=\"c-app-new flex-row align-items-center d-sm-down-none\">\n            <CRow class=\"p-0\">\n                <CCol sm=\"3\" class=\"p-0\">\n                    <TheSidebar></TheSidebar>\n                </CCol>\n                <CCol sm=\"6\" class=\"p-0\">\n                    <div class=\"header-top\">\n                        <hooper settings=\"hooperSettings\" ref=\"hooper\" :itemsToShow=\"1\" pagination=\"yes\" class=\"\">\n                            <slide v-for=\"rate in ratinghead\" :key=\"rate.id\" :index=\"rate.id\">\n                                <CRow style=\"margin: 0px 20px;\">\n                                    <CCard class=\"custom-card-advertise mb-5\" style=\"margin-left: 8px; height: 158px; width: 100%; margin-top: 0px; background-color: transparent; border-color: transparent;\">\n                                        <span class=\"class-top-header top-header-badge\">Tutor of the Month</span>\n                                        <span class=\"class-top-header class-teacher-name\">{{rate.teacherName}}</span>\n                                        <span class=\"class-top-header class-teach-subject\">{{rate.achivementContent}}</span>\n                                        <span class=\"float-right custom-bg-icon\">\n                    <img src=\"../../assets/img/icon/Circle.svg\" style=\"\n                      right: -16px;\n                      position: absolute;\n                      bottom: -135px;\n                      width: 160px;\n                      height: 160px;\" \n                    />\n    \n                    <div v-if=\"rate.profileImage == null\">\n                      <img\n                        src=\"../../assets/img/icon/icondefault.svg\"\n                        class=\"custom-bg-advetise\"\n                        style=\"\n                          position: absolute;\n                          width: 70px;\n                          height: 70px;\n                          right: 10px;\n                          bottom: -95px;\n                          border-radius: 107px;\"\n                      />\n                    </div>\n                    <div v-else>\n                      <img\n                        :src=\"rate.profileImage\"\n                        class=\"custom-bg-advetise\"\n                        style=\"\n                          position: absolute;\n                          width: 70px;\n                          height: 70px;\n                          right: 10px;\n                          bottom: -95px;\n                          border-radius: 107px;\"\n                      />\n                    </div>\n                  </span>\n                                    </CCard>\n                                </CRow>\n    \n                            </slide>\n    \n                            <hooper-navigation slot=\"hooper-addons\"></hooper-navigation>\n                            <!-- <hooper-pagination slot=\"hooper-addons\"></hooper-pagination> -->\n                        </hooper>\n                    </div>\n                    <br /> <br /> <br /> <br /> <br /> <br /> <br />\n                    <CContainer style=\"display: flex; justify-content: center;margin-top:0px\" class=\"p-0\">\n                        <div class=\"container-box-custom center\">\n    \n                            <div class=\"text-left\">\n                                <div class=\"card-custom-web-new\">\n                                    <br />\n    \n                                    <CCard class=\"card-blue\">\n                                        <CRow>\n                                            <div style=\"width: 50%\" class=\"float-left\">\n                                                <h3 style=\"text-align: left\" class=\"label-blue\">\n                                                    Congratulations, You have a new Tutor !\n                                                </h3>\n                                            </div>\n                                            <div style=\"width: 50%\" class=\"float-right\">\n                                                <img style=\"\n                        position: absolute;\n                        left: 73.13%;\n                        right: 5.07%;\n                        top: 3.57%;\n                        bottom: 9.52%;\" src=\"../../assets/img/icon/star.svg\" />\n                                            </div>\n                                        </CRow>\n                                    </CCard>\n    \n    \n                                    <br />\n    \n                                    <!-- FIND TUTOR / MY TUTOR -->\n                                    <div class=\"class-card-multiple\">\n                                        <CCard class=\"class-card-box\" @click=\"GoToClassType()\">\n                                            <img style=\"\n                        border-radius: 8px;\n                        height: 117px;\n                        top: 50px;\n                        object-fit: fill;\n                        \" src=\"../../assets/img/icon/Ellipse1.svg\" />\n                                            <h3 style=\"position:absolute; top: 25px; left: 5px;\" class=\"sub-title-header text-black\">\n                                                <strong>Find Tutor</strong>\n                                            </h3>\n                                            <div style=\"\" class=\"float-right\">\n                                                <img style=\"\n                          max-width: 60%;\n                          right: 0;\n                          position: absolute;\n                          bottom: 0;\n                        \" src=\"../../assets/img/icon/findTutorvector.svg\" />\n                                            </div>\n                                        </CCard>\n    \n                                        <CCard class=\"class-card-box\" @click=\"GoToMyTutor()\">\n                                            <img style=\"\n                        border-radius: 8px;\n                        height: 117px;\n                        object-fit: cover;\n                        display:block;\n                        \" src=\"../../assets/img/icon/Ellipse2.svg\" />\n                                            <h3 style=\"position:absolute; top: 25px; left: 5px;\" class=\"sub-title-header  text-black\">\n                                                <strong>My Tutor</strong>\n                                            </h3>\n                                            <div style=\"\" class=\"float-right\">\n                                                <img style=\"\n                          max-width: 60%;\n                          right: 0;\n                          position: absolute;\n                          bottom: 0;\n                        \" src=\"../../assets/img/icon/myTutorvector.svg\" />\n                                            </div>\n                                        </CCard>\n                                    </div>\n    \n                                    <br />\n    \n                                    <!-- TUTOR OF THE MONTH -->\n                                    <div class=\"float-left\">\n                                        <strong style=\"color: #000A2C; text-align: left; margin: 20px;\" class=\"class-teach-name\"> Tutor of the Month </strong>\n                                    </div>\n                                    <div class=\"float-right\">\n                                        <strong class=\"custom-text-viewall\" style=\"margin: 20px;\" @click=\"GoToAllToTM()\">View All</strong>\n                                    </div>\n    \n                                    <br />\n                                    <div style=\"clear: both\"></div>\n    \n                                    <hooper settings=\"hooperSettings\" ref=\"hooper\" :itemsToShow=\"2\" pagination=\"yes\" class=\"d-sm-flex d-md-none\">\n                                        <slide v-for=\"rate in rating\" :key=\"rate.id\" :index=\"rate.id\">\n                                            <CRow style=\"margin: 0px 20px;\">\n                                                <div style=\"display: flex; margin-right: 15px;\">\n                                                    <CCard class=\"custom-card-advertise mb-5\" style=\"margin-left: 0px; height: 158px;\">\n                                                        <div v-if=\"rate.profileImage == null\">\n                                                            <img src=\"../../assets/img/icon/icondefault.svg\" class=\"custom-bg-advetise\" @click=\"GoToFTTutorProfile(rate.teacherId)\" style=\"width: 170px; height: 150px;\" />\n                                                        </div>\n                                                        <div v-else>\n                                                            <img :src=\"rate.profileImage\" class=\"custom-bg-advetise\" @click=\"GoToFTTutorProfile(rate.teacherId)\" style=\"width: 170px; height: 150px;\" />\n                                                        </div>\n    \n                                                        <div class=\"bg-linear\">\n                                                            <h1 class=\"custom-text-adv ml-2\"> {{ rate.teacherName}} </h1>\n                                                            <span v-if=\"rate.achivementContent != 'No achivement'\">\n                              <label class=\"custom-label-text ml-2\">\n                                {{ rate.achivementContent }}\n                              </label>\n                            </span>\n                                                            <span v-else>\n                              <label class=\"custom-label-text ml-2\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 130px;...\">\n                                {{ rate.aboutTutor }}\n                              </label>\n                            </span>\n    \n                                                            <br />\n                                                            <img src=\"../../assets/img/icon/iconstar.svg\" class=\"ml-2\" />\n                                                            <label class=\"float-right custom-label-text mr-2 mt-1\"> \n                              {{ rate.totalRating }} ratings\n                            </label>\n                                                        </div>\n                                                    </CCard>\n                                                </div>\n                                            </CRow>\n    \n                                        </slide>\n    \n                                        <hooper-navigation slot=\"hooper-addons\"></hooper-navigation>\n                                        <!-- <hooper-pagination slot=\"hooper-addons\"></hooper-pagination> -->\n                                    </hooper>\n    \n                                    <hooper settings=\"hooperSettings\" ref=\"hooper\" :itemsToShow=\"4\" pagination=\"yes\" class=\"d-sm-down-none\">\n                                        <slide v-for=\"rate in rating\" :key=\"rate.id\" :index=\"rate.id\">\n                                            <CRow style=\"margin: 0px 20px;\">\n                                                <div style=\"display: flex; margin-right: 15px;\">\n                                                    <CCard class=\"custom-card-advertise mb-5\" style=\"margin-left: 0px; height: 158px;;\">\n                                                        <div v-if=\"rate.profileImage == null\">\n                                                            <img src=\"../../assets/img/icon/icondefault.svg\" class=\"custom-bg-advetise\" @click=\"GoToFTTutorProfile(rate.teacherId)\" style=\"width: 170px; height: 150px;\" />\n                                                        </div>\n                                                        <div v-else>\n                                                            <img :src=\"rate.profileImage\" class=\"custom-bg-advetise\" @click=\"GoToFTTutorProfile(rate.teacherId)\" style=\"width: 170px; height: 150px;\" />\n                                                        </div>\n    \n                                                        <div class=\"bg-linear\">\n                                                            <h1 class=\"custom-text-adv ml-2\"> {{ rate.teacherName}} </h1>\n                                                            <span v-if=\"rate.achivementContent != 'No achivement'\">\n                              <label class=\"custom-label-text ml-2\">\n                                {{ rate.achivementContent }}\n                              </label>\n                            </span>\n                                                            <span v-else>\n                              <label class=\"custom-label-text ml-2\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 130px;...\">\n                                {{ rate.aboutTutor }}\n                              </label>\n                            </span>\n    \n                                                            <br />\n                                                            <img src=\"../../assets/img/icon/iconstar.svg\" class=\"ml-2\" />\n                                                            <label class=\"float-right custom-label-text mr-2 mt-1\"> \n                              {{ rate.totalRating }} ratings\n                            </label>\n                                                        </div>\n                                                    </CCard>\n                                                </div>\n                                            </CRow>\n    \n                                        </slide>\n    \n                                        <hooper-navigation slot=\"hooper-addons\"></hooper-navigation>\n                                        <!-- <hooper-pagination slot=\"hooper-addons\"></hooper-pagination> -->\n                                    </hooper>\n    \n    \n    \n                                    <!-- BECOME A TUTOR -->\n                                    <CCard class=\"custom-bg-color-grey\" style=\"height: 153px\">\n                                        <CRow>\n                                            <div style=\"width: 50%\" class=\"float-left\">\n                                                <h3 style=\"text-align: left\" class=\"sub-title-header2 mt-1 ml-4 mb-2\">\n                                                    <strong> Become a Tutor</strong><br />\n                                                </h3>\n                                                <label class=\"sub-title-card2 ml-4\" style=\"margin-bottom: 20px;\">\n                        Are you a teacher? Become our tutor and gain more side\n                        income!</label\n                      >\n                      <CButton class=\"custom-header-btn ml-4\" @click=\"GoToBecomeTutor()\">\n                        Register Now</CButton\n                      >\n                      \n                    </div>\n                    <div style=\"width: 50%\" class=\"float-right\">\n                      <img\n                        style=\"\n                          max-width: 100%;\n                          right: 0;\n                          position: absolute;\n                          bottom: 0;\n                          height: 150px;\n                        \"\n                        src=\"../../assets/img/icon/vectorTutor.svg\"\n                      />\n                    </div>\n                  </CRow>\n                </CCard>\n    \n                <br /><br />\n                <MainlayoutBottom class=\"d-md-none d-lg-none\"></MainlayoutBottom>\n    \n              </div>\n            </div>\n          </div>\n        </CContainer>\n        </CCol>\n        <CCol sm=\"3\" class=\"p-0\">\n          <TheSidebarRight class=\"mt-3\"></TheSidebarRight></CCol>\n        </CRow>\n      </div>\n    \n      <div class=\"c-app-new flex-row align-items-center d-md-none d-lg-none\">\n        <CRow class=\"p-0\">\n      <br /> <br /> <br /> <br /> \n        <CContainer style=\"display: flex; justify-content: center;margin-top:0px\" class=\"p-0 mt-4\">\n          <div class=\"container-box center\" > \n    \n            <div class=\"text-left\">\n              <div class=\"card-custom-web\">\n                <br />\n    \n                <CCard class=\"card-blue\">\n                  <CRow>\n                    <div style=\"width: 50%\" class=\"float-left\">\n                      <h3 style = \"text-align: left\" class=\"label-blue\">\n                        Congratulations, You have a new Tutor !\n                      </h3>\n                    </div>\n                    <div style=\"width: 50%\" class=\"float-right\">\n                      <img style=\"\n                        position: absolute;\n                        left: 73.13%;\n                        right: 5.07%;\n                        top: 3.57%;\n                        bottom: 9.52%;\"\n                        src=\"../../assets/img/icon/star.svg\"\n                      />\n                    </div>\n                  </CRow>\n                </CCard>\n    \n                \n                <br />\n    \n                <!-- FIND TUTOR / MY TUTOR -->\n                <div class=\"class-card-multiple\" >\n                  <CCard class=\"class-card-box\" @click=\"GoToClassType()\"> \n                    <img\n                      style=\"\n                        border-radius: 8px;\n                        height: 117px;\n                        top: 50px;\n                        object-fit: fill;\n                        \"\n                      src=\"../../assets/img/icon/Ellipse1.svg\"\n                      />                \n                    <h3 style=\"position:absolute; top: 25px; left: 5px;\" class=\"sub-title-header text-black\" >\n                      <strong>Find Tutor</strong>\n                    </h3>           \n                    <div style=\"\" class=\"float-right\">\n                      <img\n                        style=\"\n                          max-width: 60%;\n                          right: 0;\n                          position: absolute;\n                          bottom: 0;\n                        \"\n                        src=\"../../assets/img/icon/findTutorvector.svg\"\n                      />\n                    </div>\n                  </CCard>\n    \n                  <CCard class=\"class-card-box\" @click=\"GoToMyTutor()\">\n                    <img\n                      style=\"\n                        border-radius: 8px;\n                        height: 117px;\n                        object-fit: cover;\n                        display:block;\n                        \"\n                      src=\"../../assets/img/icon/Ellipse2.svg\"\n                      />\n                      <h3 style=\"position:absolute; top: 25px; left: 5px;\" class=\"sub-title-header  text-black\" >\n                        <strong>My Tutor</strong>\n                      </h3>\n                      <div style=\"\" class=\"float-right\">\n                      <img\n                        style=\"\n                          max-width: 60%;\n                          right: 0;\n                          position: absolute;\n                          bottom: 0;\n                        \"\n                        src=\"../../assets/img/icon/myTutorvector.svg\"\n                      />\n                    </div>                \n                  </CCard>\n                </div>\n    \n                <br />\n    \n                <!-- TUTOR OF THE MONTH -->\n                <div class=\"float-left\">\n                  <strong style=\"color: #000A2C; text-align: left; margin: 20px;\" class=\"class-teach-name\"> Tutor of the Month </strong>\n                </div>\n                <div class=\"float-right\">\n                  <strong class=\"custom-text-viewall\" style=\"margin: 20px;\" @click=\"GoToAllToTM()\">View All</strong>\n                </div>\n                  \n                <br />\n                <div style=\"clear: both\"></div>\n    \n                <hooper\n                  settings=\"hooperSettings\"\n                  ref=\"hooper\"\n                  :itemsToShow=\"2\"\n                  pagination=\"yes\"\n                  class=\"d-sm-flex d-md-none\"\n                >\n                  <slide\n                    v-for=\"rate in rating\"\n                    :key=\"rate.id\"\n                    :index=\"rate.id\"\n                  >\n                    <CRow style=\"margin: 0px 20px;\">\n                      <div style=\"display: flex; margin-right: 15px;\">\n                        <CCard class=\"custom-card-advertise mb-5\" style=\"margin-left: 0px; height: 158px;\">\n                          <div v-if=\"rate.profileImage == null\">\n                            <img\n                              src=\"../../assets/img/icon/icondefault.svg\"\n                              class=\"custom-bg-advetise\"\n                              @click=\"GoToFTTutorProfile(rate.teacherId)\"\n                              style=\"width: 170px; height: 150px;\"\n                            />\n                          </div>\n                          <div v-else>\n                            <img\n                              :src=\"rate.profileImage\"\n                              class=\"custom-bg-advetise\"\n                              @click=\"GoToFTTutorProfile(rate.teacherId)\"\n                              style=\"width: 170px; height: 150px;\"\n                            />\n                          </div>\n                          \n                          <div class=\"bg-linear\">\n                            <h1 class=\"custom-text-adv ml-2\"> {{ rate.teacherName}} </h1>\n                            <span v-if=\"rate.achivementContent != 'No achivement'\">\n                              <label class=\"custom-label-text ml-2\">\n                                {{ rate.achivementContent }}\n                              </label>\n                                                </span>\n                                                <span v-else>\n                              <label class=\"custom-label-text ml-2\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 130px;...\">\n                                {{ rate.aboutTutor }}\n                              </label>\n                            </span>\n    \n                                                <br />\n                                                <img src=\"../../assets/img/icon/iconstar.svg\" class=\"ml-2\" />\n                                                <label class=\"float-right custom-label-text mr-2 mt-1\"> \n                              {{ rate.totalRating }} ratings\n                            </label>\n                                            </div>\n                                    </CCard>\n                                </div>\n                                </CRow>\n    \n                                </slide>\n    \n                                <hooper-navigation slot=\"hooper-addons\"></hooper-navigation>\n                                <!-- <hooper-pagination slot=\"hooper-addons\"></hooper-pagination> -->\n                                </hooper>\n    \n                                <hooper settings=\"hooperSettings\" ref=\"hooper\" :itemsToShow=\"4\" pagination=\"yes\" class=\"d-sm-down-none\">\n                                    <slide v-for=\"rate in rating\" :key=\"rate.id\" :index=\"rate.id\">\n                                        <CRow style=\"margin: 0px 20px;\">\n                                            <div style=\"display: flex; margin-right: 15px;\">\n                                                <CCard class=\"custom-card-advertise mb-5\" style=\"margin-left: 0px; height: 158px;\">\n                                                    <div v-if=\"rate.profileImage == null\">\n                                                        <img src=\"../../assets/img/icon/icondefault.svg\" class=\"custom-bg-advetise\" @click=\"GoToFTTutorProfile(rate.teacherId)\" style=\"width: 170px; height: 150px;\" />\n                                                    </div>\n                                                    <div v-else>\n                                                        <img :src=\"rate.profileImage\" class=\"custom-bg-advetise\" @click=\"GoToFTTutorProfile(rate.teacherId)\" style=\"width: 170px; height: 150px;\" />\n                                                    </div>\n    \n                                                    <div class=\"bg-linear\">\n                                                        <h1 class=\"custom-text-adv ml-2\"> {{ rate.teacherName}} </h1>\n                                                        <span v-if=\"rate.achivementContent != 'No achivement'\">\n                              <label class=\"custom-label-text ml-2\">\n                                {{ rate.achivementContent }}\n                              </label>\n                            </span>\n                                                        <span v-else>\n                              <label class=\"custom-label-text ml-2\" style=\"white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 130px;...\">\n                                {{ rate.aboutTutor }}\n                              </label>\n                            </span>\n    \n                                                        <br />\n                                                        <img src=\"../../assets/img/icon/iconstar.svg\" class=\"ml-2\" />\n                                                        <label class=\"float-right custom-label-text mr-2 mt-1\"> \n                              {{ rate.totalRating }} ratings\n                            </label>\n                                                    </div>\n                                                </CCard>\n                                            </div>\n                                        </CRow>\n    \n                                    </slide>\n    \n                                    <hooper-navigation slot=\"hooper-addons\"></hooper-navigation>\n                                    <!-- <hooper-pagination slot=\"hooper-addons\"></hooper-pagination> -->\n                                </hooper>\n    \n    \n    \n                                <!-- BECOME A TUTOR -->\n                                <CCard class=\"custom-bg-color-grey\" style=\"height: 153px\">\n                                    <CRow>\n                                        <div style=\"width: 50%\" class=\"float-left\">\n                                            <h3 style=\"text-align: left\" class=\"sub-title-header2 mt-1 ml-4 mb-2\">\n                                                <strong> Become a Tutor</strong><br />\n                                            </h3>\n                                            <label class=\"sub-title-card2 ml-4\" style=\"margin-bottom: 20px;\">\n                        Are you a teacher? Become our tutor and gain more side\n                        income!</label\n                      >\n                      <CButton class=\"custom-header-btn ml-4\" @click=\"GoToBecomeTutor()\">\n                        Register Now</CButton\n                      >\n                      \n                    </div>\n                    <div style=\"width: 50%\" class=\"float-right\">\n                      <img\n                        style=\"\n                          max-width: 100%;\n                          right: 0;\n                          position: absolute;\n                          bottom: 0;\n                          height: 150px;\n                        \"\n                        src=\"../../assets/img/icon/vectorTutor.svg\"\n                      />\n                    </div>\n                  </CRow>\n                </CCard>\n    \n                <br /><br />\n                <MainlayoutBottom></MainlayoutBottom>\n    \n              </div>\n            </div>\n          </div>\n        </CContainer>\n        <br /> <br /> <br />\n        <div class=\"header-top\">\n          \n                        <hooper settings=\"hooperSettings\" ref=\"hooper\" :itemsToShow=\"1\" pagination=\"yes\" class=\"\">\n                            <slide v-for=\"rate in ratinghead\" :key=\"rate.id\" :index=\"rate.id\">\n                                <CRow style=\"margin: 0px 20px;\">\n                                    <CCard class=\"custom-card-advertise mb-5\" style=\"margin-left: 8px; height: 158px; width: 100%; margin-top: -10px; background-color: transparent; border-color: transparent;\">\n                                        <span class=\"class-top-header top-header-badge\">Tutor of the Month</span>\n                                        <span class=\"class-top-header class-teacher-name\">{{rate.teacherName}}</span>\n                                        <span class=\"class-top-header class-teach-subject\">{{rate.achivementContent}}</span>\n                                        <span class=\"float-right custom-bg-icon\">\n                    <img src=\"../../assets/img/icon/Circle.svg\" style=\"\n                      right: -16px;\n                      position: absolute;\n                      bottom: -135px;\n                      width: 160px;\n                      height: 160px;\" \n                    />\n    \n                    <div v-if=\"rate.profileImage == null\">\n                      <img\n                        src=\"../../assets/img/icon/icondefault.svg\"\n                        class=\"custom-bg-advetise\"\n                        style=\"\n                          position: absolute;\n                          width: 70px;\n                          height: 70px;\n                          right: 10px;\n                          bottom: -95px;\n                          border-radius: 107px;\"\n                      />\n                    </div>\n                    <div v-else>\n                      <img\n                        :src=\"rate.profileImage\"\n                        class=\"custom-bg-advetise\"\n                        style=\"\n                          position: absolute;\n                          width: 70px;\n                          height: 70px;\n                          right: 10px;\n                          bottom: -95px;\n                          border-radius: 107px;\"\n                      />\n                    </div>\n                  </span>\n                                    </CCard>\n                                </CRow>\n    \n                            </slide>\n    \n                            <hooper-navigation slot=\"hooper-addons\"></hooper-navigation>\n                            <!-- <hooper-pagination slot=\"hooper-addons\"></hooper-pagination> -->\n                        </hooper>\n                    </div>\n        </CRow>\n      </div>\n    \n      \n      \n    \n          \n      \n              \n        <div style=\"clear: both\"></div>   \n      </div>\n</template>\n\n<script>\nimport Vue from \"vue\";\nimport _ from \"lodash\";\nimport MainlayoutBottom from \"../../containers/TheBottomCustom2.vue\";\nimport TheSidebar from \"../../containers/TheCustomSidebar.vue\";\nimport TheSidebarRight from \"../../containers/TheCustomSidebarRight.vue\";\nimport {\n    Hooper,\n    Slide,\n    Navigation as HooperNavigation,\n    Pagination as HooperPagination,\n} from \"hooper\";\nimport \"hooper/dist/hooper.css\";\nexport default {\n    components: {\n        Hooper,\n        Slide,\n        HooperNavigation,\n        HooperPagination,\n        MainlayoutBottom,\n        TheSidebar,\n        TheSidebarRight\n    },\n    data: function() {\n        return {\n            user: {},\n            subject: [],\n            FilterSubject: [],\n            Grade: this.$route.query.Grade,\n            Exam: this.$route.query.Exam,\n            SearchQuery: \"\",\n            SelectedSubject: \"\",\n\n            studentProfileAuthorize: \"\",\n            rating: [],\n            ratinghead: [],\n            hooperSettings: {\n                itemsToShow: 2,\n                centerMode: true,\n                breakpoints: {\n                    800: {\n                        centerMode: false,\n                    },\n                    1000: {\n                        pagination: \"fraction\",\n                    },\n                },\n            },\n            childs: [],\n        };\n    },\n    async mounted() {\n        let isAuth = await this.UserAuth();\n\n        if (isAuth) {\n            this.Busy = false;\n            this.GetInfoUser();\n        } else {\n            this.GoToLogin();\n        }\n    },\n    methods: {\n        GetInfoUser() {\n            return this.$API\n                .get(this.$LoginUserDetailWebs, {\n                    withCredentials: true,\n                })\n                .then((response) => {\n                    if (response.status == 200) {\n                        this.user = response.data;\n                        this.GetSubject();\n                        this.GetAuthorizeProfile(this.user.id);\n                        this.GetTutorRating();\n                        this.GetTutorRatingHeader();\n                        this.GetListChild();\n                    }\n                });\n        },\n\n        GetAuthorizeProfile() {\n            this.$API\n                .get(this.$GetProfilePhotoAuthorize + \"?userId=\" + this.user.id, {\n                    withCredentials: true,\n                })\n                .then((response) => {\n                    if (response.status == 200 && response.data != null) {\n                        this.studentProfileAuthorize = response.data;\n                        this.photoURL =\n                            \"https://pickiddo.com\" + this.studentProfileAuthorize;\n                    }\n                });\n        },\n\n        GetSubject() {\n            this.$API\n                .get(this.$SubjectListAuthorize, {\n                    withCredentials: true,\n                })\n                .then((response) => {\n                    if (response.status == 200 && response.data != null) {\n                        this.subject = response.data;\n                        this.FilterSubject = this.subject;\n                    }\n                });\n        },\n\n        GetTutorRating() {\n            this.$API\n                .get(this.$GetTutorRatingLimitByCountryId + \"?countryId=\" + this.user.countryId, {\n                    withCredentials: true,\n                })\n                .then((response) => {\n                    if (response.status == 200 && response.data != null) {\n                        this.rating = response.data;\n                    }\n                });\n        },\n\n        GetTutorRatingHeader() {\n            this.$API\n                .get(this.$GetTutorRatingheader, {\n                    withCredentials: true,\n                })\n                .then((response) => {\n                    if (response.status == 200 && response.data != null) {\n                        this.ratinghead = response.data;\n                    }\n                });\n        },\n\n        GetListChild() {\n            this.$API\n                .get(this.$ListChild + \"?userID=\" + this.user.id, {\n                    withCredentials: true,\n                })\n                .then((response) => {\n                    if (response.status == 200 && response.data != null) {\n                        this.childs = response.data;\n                    }\n                });\n        },\n\n        GoToClassType() {\n            this.$router.push(\"/FindTutor/FTClassType\");\n        },\n\n        GoToMyTutor() {\n            this.$router.push(\"/FindTutor/MyTutor\");\n        },\n\n        GoToAllToTM() {\n            this.$router.push(\"/FindTutor/AllTutorOfTheMonth\");\n        },\n\n        GoToBecomeTutor() {\n            this.$router.push(\"/FindTutor/BecomeATutor\");\n        },\n\n        GoBack() {\n            this.$router.back();\n        },\n\n        GoToFTTutorProfile(teaId) {\n            this.$router.push(\n                \"/FindTutor/FTTutorProfile?teacherId=\" +\n                teaId\n            );\n        },\n\n        ApplyFilter: function() {\n            var arr = _.orderBy(this.subject, [\"subjectName\"], [\"asc\"]);\n            if (_.isEmpty(arr) == false) {\n                const result = _.filter(arr, ({ subjectName }) =>\n                    _.some([\n                        _.includes(!subjectName || subjectName.toLowerCase(), [\n                            this.SearchQuery.toLowerCase(),\n                        ]),\n                    ])\n                );\n                this.FilterSubject = result;\n            }\n        },\n    },\n};\n</script>\n\n<style scoped>\n@import url(\"https://fonts.googleapis.com/css2?family=Montserrat&family=Poppins&display=swap\");\ninput {\n    border-bottom: 2px solid #dbdbdb;\n    background: none;\n    border-top: none;\n    border-left: none;\n    border-right: none;\n    width: 90%;\n}\n\ninput ::placeholder {\n    color: #e0e0e0;\n}\n\n::placeholder {\n    /* Chrome, Firefox, Opera, Safari 10.1+ */\n    color: #e0e0e0;\n}\n\n.c-app {\n    background: linear-gradient(286.01deg, #5bc4ff 7.93%, #0085ff 96.74%);\n}\n\n.custom-bg-color {\n    background: linear-gradient(286.01deg, #5bc4ff 7.93%, #0085ff 96.74%);\n    /* Clickable/Light */\n    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);\n    border-radius: 8px;\n    margin: 0px 20px;\n    display: flex;\n    justify-content: center;\n}\n\nbody {\n    font-family: \"Montserrat\", sans-serif;\n}\n\n.class-top-header {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    position: absolute;\n    /* width: 135px;   */\n    left: 0px;\n}\n\n.top-header-badge {\n    padding: 10px;\n    top: 20px;\n    height: 23px;\n    /* Pure/White */\n    background: #FFFFFF;\n    border-radius: 4px;\n    /* width: 96px;\n  height: 15px; */\n    font-family: 'Montserrat';\n    font-style: normal;\n    font-weight: 700;\n    font-size: 12px;\n    line-height: 15px;\n    /* identical to box height */\n    /* Blue/Primary */\n    color: #007CEF;\n    /* Inside auto layout */\n    flex: none;\n    order: 0;\n    flex-grow: 0;\n}\n\n.class-teacher-name {\n    padding: 4px 1px;\n    top: 50px;\n    /* height: 40px; */\n    font-family: 'Montserrat';\n    font-style: normal;\n    font-weight: 600;\n    font-size: 16px;\n    line-height: 20px;\n    /* Pure/White */\n    color: #FFFFFF;\n    /* Inside auto layout */\n    /* flex: none;\n  order: 0;\n  flex-grow: 0; */\n}\n\n.class-teach-subject {\n    /* padding: 4px 1px; */\n    top: 80px;\n    height: 15px;\n    width: auto;\n    font-family: 'Montserrat';\n    font-style: normal;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 15px;\n    /* identical to box height */\n    /* Pure/White */\n    color: #FFFFFF;\n    /* Inside auto layout */\n    flex: none;\n    order: 1;\n    flex-grow: 0;\n}\n\n.carousel {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    padding: 0px;\n    gap: 4px;\n    position: absolute;\n    width: 36px;\n    height: 6px;\n    left: 20px;\n    top: 115px;\n}\n\n.circle {\n    vertical-align: top;\n    position: absolute;\n    top: 20px;\n    text-align: right;\n    float: none;\n    left: 20px;\n}\n\n.custom-bg-icon {\n    vertical-align: top;\n    position: absolute;\n    top: 10px;\n    text-align: center;\n    margin: 20px auto;\n    float: none;\n    left: 0;\n    right: 0;\n}\n\n.Asv1 {\n    position: absolute;\n    width: 107px;\n    height: 107px;\n    left: 249px;\n    /* top: 62px; */\n    border-radius: 107px;\n}\n\n.class-card-box {\n    /* White Solid AF */\n    background: #FFFFFF;\n    box-shadow: -5px 8px 20px -1px rgba(0, 0, 0, 0.08);\n    border-radius: 8px;\n    /* margin: 0px 20px; */\n    display: flex;\n    /* flex-direction: row;\n  justify-content: center;\n  align-items: flex-start;\n  gap: 16px; */\n    width: 50%;\n    height: 117px;\n}\n\n.card-blue {\n    /* width: 335px; */\n    height: 84px;\n    /* Brand/Gradient-Blue */\n    background: linear-gradient(286.01deg, #5BC4FF 7.93%, #0085FF 96.74%);\n    border-radius: 10px;\n    margin: 0px 20px;\n    display: flex;\n    justify-content: center;\n    /* Inside auto layout */\n    /* flex: none;\norder: 0;\nflex-grow: 0; */\n}\n\n.label-blue {\n    position: absolute;\n    width: 205px;\n    height: 44px;\n    left: 16px;\n    top: 20px;\n    /* Title/1/Semibold */\n    font-family: 'Montserrat';\n    font-style: normal;\n    font-weight: 600;\n    font-size: 18px;\n    line-height: 22px;\n    /* Pure/White */\n    color: #FFFFFF;\n    ;\n}\n\n.class-teach-name {\n    padding: 4px 1px;\n    top: 45px;\n    /* height: 40px; */\n    font-family: 'Montserrat';\n    font-style: normal;\n    font-weight: 600;\n    font-size: 16px;\n    line-height: 20px;\n    /* Pure/White */\n    color: #FFFFFF;\n    /* Inside auto layout */\n    /* flex: none;\n  order: 0;\n  flex-grow: 0; */\n}\n\n.class-card-multiple {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: flex-start;\n    padding: 0px;\n    gap: 16px;\n    /* width: 334px; */\n    height: 117px;\n    margin: 0px 20px;\n    display: flex;\n    /* Inside auto layout */\n    flex: none;\n    order: 1;\n    flex-grow: 0;\n}\n\n.custom-frame-text {\n    /* Frame 8382 */\n    /* Auto layout */\n    display: flex;\n    flex-direction: row;\n    justify-content: normal;\n    align-items: center;\n    padding: 17px;\n    gap: 134px;\n    width: 335px;\n    height: 20px;\n    /* Inside auto layout */\n    flex: none;\n    order: 0;\n    flex-grow: 0;\n}\n\n.carousel {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n    -ms-flex-direction: row;\n    flex-direction: row;\n    -webkit-box-align: start;\n    -ms-flex-align: start;\n    align-items: flex-start;\n    padding: 0px;\n    gap: 4px;\n    position: absolute;\n    width: 100%;\n    height: 6px;\n    left: 0px;\n    top: 30px;\n}\n\n.carousel-indicators {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 15;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n    -ms-flex-pack: center;\n    justify-content: left;\n    margin-right: 15%;\n    margin-left: 5%;\n    list-style: none;\n    margin-bottom: -20px;\n}\n\n.carousel-indicators li {\n    -webkit-box-sizing: content-box;\n    box-sizing: content-box;\n    -webkit-box-flex: 0;\n    -ms-flex: 0 1 auto;\n    flex: 0 1 auto;\n    width: 5px;\n    height: 3px;\n    margin-right: 3px;\n    margin-left: 3px;\n    text-indent: -999px;\n    cursor: pointer;\n    background-color: #fff;\n    background-clip: padding-box;\n    border-top: 10px solid transparent;\n    border-bottom: 10px solid transparent;\n    opacity: .5;\n    -webkit-transition: opacity 0.6s ease;\n    transition: opacity 0.6s ease;\n}\n\n.carousel-inner {\n    position: relative;\n    width: 100%;\n    overflow: visible;\n    top: -30px;\n    @include clearfix();\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FindTutorMainpage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FindTutorMainpage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FindTutorMainpage.vue?vue&type=template&id=4215bfac&scoped=true&\"\nimport script from \"./FindTutorMainpage.vue?vue&type=script&lang=js&\"\nexport * from \"./FindTutorMainpage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FindTutorMainpage.vue?vue&type=style&index=0&id=4215bfac&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  \"4215bfac\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGZ2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4yLWMwMDAgNzkuNTY2ZWJjNSwgMjAyMi8wNS8wOS0wNzoyMjoyOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wOC0xMFQwOToyNDowOCswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDgtMTBUMDk6MzE6MzIrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDgtMTBUMDk6MzE6MzIrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA2YjJlYTk4LWUyYTctYTc0OS1iNzMyLWQ4NDMyOWRmYjNjZiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmQ4MDdjZThiLThhNGItYWQ0ZS1hNWUyLTkwODFmMTY2M2I1OCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjQ5ZTRmYjU5LWZmZDAtOTM0Ny05Y2I1LTEzMzZiMmQ5OWQwOCI+IDxwaG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDxyZGY6QmFnPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDplYjcyMmVkNC0wNDlmLWI5NGItYmM2YS0wZjZiY2M4YWFjM2E8L3JkZjpsaT4gPC9yZGY6QmFnPiA8L3Bob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo0OWU0ZmI1OS1mZmQwLTkzNDctOWNiNS0xMzM2YjJkOTlkMDgiIHN0RXZ0OndoZW49IjIwMjMtMDgtMTBUMDk6MjQ6MDgrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMy40IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MDZiMmVhOTgtZTJhNy1hNzQ5LWI3MzItZDg0MzI5ZGZiM2NmIiBzdEV2dDp3aGVuPSIyMDIzLTA4LTEwVDA5OjMxOjMyKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjMuNCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SQn6LgAAAZNJREFUOI2t1L9qFFEUx/HPzG52jYkmEUH8F0QQLbSIEYKIAQsbIYWFgpWF+Aq+hqXvINgIWmrhSyhYbCGKGDCJGANJdi3uGXOZTJJR/MFw4Z7f/c45Z86dYjAYOEC38BSH8AQv9zN394lNYBY3cRlDLOITPmKtLbCDSdzGfVyPvQ4e4BKe4zVWsHUQcBZ3sYQrOJbFTkqlz+BcgN/vBSxwNMq6hzn0Yj/3zOAaxrGM7/gmtUSZmcfCeEfqWb8Gy6G9KH1J6nGvCubAPhbimWwA1TWOq+HvNwE7OIXjLWCVpnAizu4Ckvqwpb1G0nj9aU1ZCw5jbasS0zmnnuG/aFh/w39VDqz69zclj7CJ7SbgSPPctUlq11c+gnlckOarrXo4K933aXau3g08lIZ0TFaClHX14voUFDiPR3HuRQWcw0WsS7+l7ezwFE6H73PEi6zMMrJcyIEf8MzOLMKvOLSIx7H3Cu/CczjWbkB/5iW/CVj1FJHlBM5kJX7BW6xmGVZZljlwRbM28FUapy5+hHd9D7/fQW9McVV9EWQAAAAASUVORK5CYII=\"","module.exports = __webpack_public_path__ + \"img/vectorTutor.6db0191b.svg\";","module.exports = __webpack_public_path__ + \"img/profile-circle.380f0322.svg\";"],"sourceRoot":""}