{"version":3,"sources":["webpack:///./src/core/UserProfile/service/BzbsUserProfile.js","webpack:///./src/module/Settings/AccountSetup/pages/Branch.vue?c20c","webpack:///./src/components/Modal/Component/confirmmodal2.vue?497b","webpack:///./src/components/Modal/Component/alertmodal2.vue?d258","webpack:///./src/components/Maps/GoogleMap.vue?5996","webpack:///./src/components/Modal/Component/alertmodal2.vue?9152","webpack:///src/components/Modal/Component/alertmodal2.vue","webpack:///./src/components/Modal/Component/alertmodal2.vue?1e53","webpack:///./src/components/Modal/Component/alertmodal2.vue","webpack:///./src/module/Settings/AccountSetup/pages/Branch.vue?6fb9","webpack:///src/module/Settings/AccountSetup/pages/Branch.vue","webpack:///./src/module/Settings/AccountSetup/pages/Branch.vue?bcee","webpack:///./src/module/Settings/AccountSetup/pages/Branch.vue","webpack:///./src/components/Maps/GoogleMap.vue?b742","webpack:///src/components/Maps/GoogleMap.vue","webpack:///./src/components/Maps/GoogleMap.vue?200c","webpack:///./src/components/Maps/GoogleMap.vue","webpack:///./src/components/Modal/Component/confirmmodal2.vue?d198","webpack:///src/components/Modal/Component/confirmmodal2.vue","webpack:///./src/components/Modal/Component/confirmmodal2.vue?0ae4","webpack:///./src/components/Modal/Component/confirmmodal2.vue"],"names":["KEY_COOKIE_USER","config","Vue","bzbsConfig","token","Cache","get","this","Token","agency_id","$cookies","AgencyId","getLevelIcon","params","agencyId","strUrl","bzbsModuleUrl","BzbsApi","connectBzbsGet","postUploadLevelIcon","connectBzbsPost","postEndCampaign","postCreateLevel","data","model","JSON","stringify","getLevelList","device_app_id","client_id","getHistory","startyear","endyear","postUpdateLevel","strGroupkey","groupkey","postPublishgroup","postCancelPublishgroup","postUploadExcel","file","business_name","business_type","email","district_code","district_name","subdistrict_code","subdistrict_name","province_code","province_name","zipcode","branch","logo","branchfile","render","_vm","_h","$createElement","_c","_self","class","isOpenModal","staticClass","modalType","attrs","_e","_v","_s","title","details","desciption","staticRenderFns","mixins","props","type","default","onActionModal","methods","component","$store","state","isDashboard","lbl","active","on","previousAccountSetting","isUseFacebook","isEdit","loginTypeList","includes","gotoConnectFacebook","gotoConnectSetting","form","handleSubmit","directives","name","rawName","value","initialValue","rules","required","message","expression","disableField","isHeadQuarter","isHideEdit","maxPhoneLength","onlyNumber","openMap","latitude","onlyNumberDecimal","changeLatitude","longtitude","changeLongtitude","showGoogleMap","$event","changeCloseGoogleMap","changeSubmitGoogleMap","countBranch","backgroundColor","clickCancleEditBranch","addBranch","columns","dataSource","scopedSlots","_u","key","fn","text","dateShortWithTimeFormat","record","onEdit","slot","style","color","fontSize","onDelete","handleSaveAndNext","confirmModalSetting","backto","onConfirm","onCancel","alertModalSetting","dataIndex","align","customRender","width","components","Header","GoogleMap","ConfirmModal","AlertModal","setupNotification","optionCountry","country","oriDataSource","editData","editableData","isEditBranch","storeType","BranchAmount","userData","detail","crmPackage","isPH","loginType","watch","configSelfOnBoard","parse","beforeCreate","created","Account","init","getCRMPlusProfile","BzbsProfile","then","resolve","catch","window","checkAccountSetup","genDataProfile","id","display_name","contact_number","import","isheadoffice","changeSelectCountry","setTimeout","head_quarter","onSave","confirmDelete","e","_","item","values","resetFields","setKey","i","content","centered","autoFocusButton","closable","okText","onOk","arrList","onFileChange","BzbsUserProfile","confirmModalAction","alertModalAction","location","currentLocale","mapsClose","proxy","callback","$$v","showModal","ref","staticStyle","center","mapOptions","handleMapClick","marker","position","handleMarkerDrag","panToMarker","show","lat","lng","disableDefaultUI","geolocate","navigator","modalShow","banner","domProps","_t","disabledConfirm","confirm","showbackto"],"mappings":"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qB,uBAEAC,aAEA,CACAH,mBACAC,aACApB,aACAqB,0BAEAC,eAEA,CACAH,gBACAC,eACApB,aACAqB,uBAEAC,gBAIe,GACfnD,qBACAvB,gBACA2E,YACAC,cACAC,iBACAC,oBACAC,mBAEA/H,gBACA,OACAgI,qBACAC,iBACAC,cACAxC,iBACAL,YACAG,cACAU,UACAC,cACAgC,iBACAC,YACAC,gBACAC,gBACArD,cACAlB,UACAzE,UACAiJ,aACAC,kBACAtD,kBACAuD,YACA1D,gBACAmC,qBACAtE,SACA8F,UACAnG,aACA4E,UACAC,eACAC,cACAhF,gBAEAiF,mBACA1E,SACA8F,UACAnG,aACAF,gBAEA2C,iBACAc,cACA6C,cACA7E,iBACA8E,QACAC,eACA7E,mBAGA8E,OACA3C,sBACA,SACA,IACA,wDAEA4C,EADA,IACAA,8BACAC,6BAGAD,kDAEA,SACAA,oDAGA,GACA,uCACA,yBACA,qBAEA,qBAUA,yCACA,qBAEA,uBAKAE,wBACA,sCACA1E,yBAGA2E,mBACA,sBACA,sEACA,yDACA,yCACAC,4BACA,uBACA,yBACA,cACA,WAEA,aAEA9F,SACA+F,gBACA,yBACA,0EAEAC,6BAAA,WACA,gCACAC,2BACAC,kBACA,yBACA,4BACA,kBACAC,aAEAC,mBAEAC,yBACAF,YAIAG,8BACA,4CACA,kCACA,0BAEA,0BAGA,QACA,0BAEA,2BAIAC,2BACA,2BACA,4DACA,0BACA,iCACA,yCACA,yCACA,kDACA,eACA,eAEA,eAEA,UACA,oBACA,kCAEA,8CACA,OACAC,QACAtF,YACAuF,kCACAC,+BACA1E,oBACAG,wBACAwE,gBACAC,gCAGA,gBAEA,mBACA,qBAGA9E,uBACA,mBACA,iBAEA,SACAQ,oBAGAL,8BACA,mCACA,qBACAK,oBAGAuE,gCACA,gBAEA9E,mBAEA+D,4BACA,uBACA,yBACA,wBACA,YAEA,uBAEAvD,gCAEAuD,4BACA,uBACA,yBACA,0BACA,YAEA,uBAEAtD,kCAEAsD,4BACA,uBACA,yBACA,wBACA,YAEA,sBACA,IACA,oBACA,sBACA,0BACA9D,eACAG,qBAIAD,2BAEA,8BAEAE,6BAEA,gCAEAkB,mBAAA,WACA,mCAEA,oBACA,qBACA,mBACA,mCACA,4DACAwD,YACA,kBACA,uBACAC,6BACAL,yCACA1E,6BACAG,iCACAyE,yCAEA,MAGAI,kBACA,uBACA,qBACA,mBACA,uBAEArD,qBAAA,WAEA,wBACA,iCACA,gCACA,SACA,uCACA,GACA,WACA,qCACA,sBAEA,WACA,yCAIAsD,0BACA,wDACA,wBAGA,cAEA,sBACA,qCACA,sDACA,WACA,IAGAtE,iCACA,uBACA,qBACA,mBACA,sBACA,0BACAoE,gBACAL,kBACA1E,YACAG,cACAyE,kBAEA,eAEAhE,qBAAA,WAEAkD,4BACA,uBACA,yBACA,mBACA,YAEA,0CACA,wCACA,IAEA,mBACA5E,oBACAuF,4BACAC,gCACA1E,oBACAG,wBACAwE,UACAC,6CAGA,kBACA,gBACA,mBAEA,WACA,gBACA,mBAIA,qBACA,mBACA,wBAGA5F,yBAAA,WACAkG,mBACApB,4BACA,uBACA,yBACA,mBACA,YAEA,0CACA,wCACA,IACA,eACAqB,sCACA,wBACAC,sBACAA,8BACAA,kCACAA,sBACAA,0BACAA,8BACA,kBAEAA,mBACAA,eACAC,kCAIA,kBACA,gBACA,qBAEAF,sCACA,wBACAC,uBACAA,8BACAA,kCACAA,sBACAA,0BACAA,8BACA,kBAEAA,eACAC,kCAIA,kBACA,gBACA,oBAGA,WACA,gBACA,mBAIA,qBACA,mBACA,wBAGAC,uBACA,wBACA,iBACA,oBAEAC,kBAAA,WACA,gCACA,QACAJ,sCACAC,QACAI,OAEArB,UAGAvC,6BAAA,WAGA,OAFA,mDACA,uBACA,yBACAqC,oCACAC,kBACA,oBACA,sDACA,gBAAAhF,yBAEA,gBAAAA,wBAEAiF,aAEAC,mBACA,oBACA,YACA7G,sCACAkI,sCACAC,YACAC,qBACAC,YACAC,+CACAC,oBAEA3B,YAIArF,8BACA,mBAAAI,yBAEAL,+BACAiF,4BACA,uBACA,yBACA,6CACA,YAEA,mBAAA5E,0BAEA6G,oBACA,mBACA,sBAEA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","file":"js/chunk-750a85db.js","sourcesContent":["import Vue from 'vue'\r\nimport BzbsApi from '@/core/Http/BzbsApi.js'\r\nimport Cache from '@/helper/Cache.js'\r\n/**\r\n * @method getLevelIcon\r\n * @method postUploadLevelIcon\r\n * @method postUploadExcel\r\n * @method postEndCampaign\r\n * @method postCreateLevel\r\n * @method getLevelList\r\n * @method getHistory\r\n * @method postUpdateLevel\r\n * @method postPublishgroup\r\n * @method postCancelPublishgroup\r\n */\r\nexport default {\r\n  KEY_COOKIE_USER: 'CRMUser',\r\n  config: function () {\r\n    return Vue.bzbsConfig\r\n  },\r\n  token: function () {\r\n    return Cache.get(this.KEY_COOKIE_USER).Token\r\n  },\r\n  agency_id: function () {\r\n    return Vue.$cookies.get(this.KEY_COOKIE_USER).AgencyId\r\n      ? Vue.$cookies.get(this.KEY_COOKIE_USER).AgencyId\r\n      : this.config().agency_id\r\n  },\r\n  getLevelIcon: function () {\r\n    const params = {\r\n      agencyId: this.agency_id(),\r\n    }\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmpluslevel/getLevelIcon'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  postUploadLevelIcon: function (params) {\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmpluslevel/uploadLevelIcon'\r\n    params.agencyId = this.agency_id()\r\n\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n  postEndCampaign: function () {\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmpluslevel/delgroup'\r\n    let params = {\r\n      agencyId: this.agency_id(),\r\n    }\r\n\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n  postCreateLevel: function (data) {\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmpluslevel/creategroup'\r\n    let params = {\r\n      agencyId: this.agency_id(),\r\n      model: JSON.stringify(data),\r\n    }\r\n\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n  getLevelList: function () {\r\n    const params = {\r\n      agencyId: this.agency_id(),\r\n      device_app_id: this.config().client_id,\r\n    }\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmpluslevel/office_list'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  getHistory: function (startyear, endyear) {\r\n    const params = {\r\n      agencyId: this.agency_id(),\r\n      device_app_id: this.config().client_id,\r\n      startyear: startyear ? startyear : 0,\r\n      endyear: endyear ? endyear : 0,\r\n    }\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmpluslevel/history'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), params)\r\n  },\r\n  postUpdateLevel: function (data, strGroupkey) {\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmpluslevel/updategroup'\r\n    let params = {\r\n      agencyId: this.agency_id(),\r\n      model: JSON.stringify(data),\r\n      groupkey: strGroupkey,\r\n    }\r\n\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n  postPublishgroup: function (strGroupkey) {\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmpluslevel/publishgroup'\r\n    let params = {\r\n      agencyId: this.agency_id(),\r\n      groupkey: strGroupkey,\r\n    }\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n  postCancelPublishgroup: function (strGroupkey) {\r\n    var strUrl =\r\n      this.config().bzbsModuleUrl + '/crmpluslevel/cancel_publishgroup'\r\n    let params = {\r\n      agencyId: this.agency_id(),\r\n      groupkey: strGroupkey,\r\n    }\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n  postUploadExcel: function (data, file) {\r\n    var strUrl = this.config().bzbsModuleUrl + '/crmplusoffice/profile'\r\n    // var form = new FormData()\r\n    // form.append('branchfile', file[0])\r\n\r\n    let params = {\r\n      agencyId: this.agency_id(),\r\n      device_app_id: this.config().client_id,\r\n      business_name: data.business_name,\r\n      business_type: data.business_type,\r\n      email: data.email,\r\n      district_code: data.district_code,\r\n      district_name: data.district_name,\r\n      subdistrict_code: data.subdistrict_code,\r\n      subdistrict_name: data.subdistrict_name,\r\n      province_code: data.province_code,\r\n      province_name: data.province_name,\r\n      zipcode: data.zipcode,\r\n      branch: data.branch,\r\n      logo: data.logo,\r\n      branchfile: file[0],\r\n    }\r\n\r\n    // console.log(file, file[0])\r\n\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n}\r\n","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Branch.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./confirmmodal2.vue?vue&type=style&index=0&id=b5943d36&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./alertmodal2.vue?vue&type=style&index=0&id=00b8c840&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GoogleMap.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['mainBG', _vm.isOpenModal ? 'open' : '']},[_c('div',{staticClass:\"mainModal\"},[_c('div',{staticClass:\"icon\"},[(_vm.modalType == 'success')?_c('img',{attrs:{\"src\":require(\"@/assets/images/Done-circle2.svg\"),\"alt\":\"success\",\"width\":\"100\",\"height\":\"100\"}}):_vm._e(),(_vm.modalType == 'error')?_c('img',{attrs:{\"src\":require(\"@/assets/images/Error-circle.svg\"),\"alt\":\"error\",\"width\":\"100\",\"height\":\"100\"}}):_vm._e()]),_c('div',{staticClass:\"titleText\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"details\"},[_vm._v(_vm._s(_vm.details))]),(_vm.desciption)?_c('div',{staticClass:\"details\"},[_vm._v(_vm._s(_vm.desciption))]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :class=\"['mainBG', isOpenModal ? 'open' : '']\">\r\n    <div class=\"mainModal\">\r\n      <div class=\"icon\">\r\n        <img\r\n          src=\"@/assets/images/Done-circle2.svg\"\r\n          v-if=\"modalType == 'success'\"\r\n          alt=\"success\"\r\n          width=\"100\"\r\n          height=\"100\"\r\n        />\r\n        <img\r\n          src=\"@/assets/images/Error-circle.svg\"\r\n          v-if=\"modalType == 'error'\"\r\n          alt=\"error\"\r\n          width=\"100\"\r\n          height=\"100\"\r\n        />\r\n      </div>\r\n      <div class=\"titleText\">{{ title }}</div>\r\n      <div class=\"details\">{{ details }}</div>\r\n      <div v-if=\"desciption\" class=\"details\">{{ desciption }}</div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nexport default {\r\n  mixins: [Mixin],\r\n  props: {\r\n    title: {\r\n      type: String,\r\n    },\r\n    details: {\r\n      type: String,\r\n    },\r\n    desciption: {\r\n      type: String,\r\n      default: null,\r\n    },\r\n    type: {\r\n      type: String,\r\n    },\r\n    modalType: {\r\n      type: String,\r\n    },\r\n    isOpenModal: {\r\n      type: Boolean,\r\n    },\r\n    onActionModal: {\r\n      type: Function,\r\n    },\r\n  },\r\n  methods: {},\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.mainBG {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background-color: rgba(0, 0, 0, 0.7);\r\n  z-index: 1256;\r\n  visibility: hidden;\r\n  opacity: 0;\r\n  transition: all 0.3s ease-in;\r\n  &.open {\r\n    visibility: visible;\r\n    opacity: 1;\r\n  }\r\n  .mainModal {\r\n    max-width: 310px;\r\n    width: 100%;\r\n    background-color: #eeeeee;\r\n    border-radius: 12px;\r\n    padding: 30px;\r\n    text-align: center;\r\n    .titleText {\r\n      margin-left: 8px;\r\n      font-size: 24px;\r\n      color: #424242;\r\n      font-weight: 600;\r\n    }\r\n    .details {\r\n      margin-top: 10px;\r\n      font-size: 14px;\r\n    }\r\n  }\r\n}\r\n</style>\r\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!./alertmodal2.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!./alertmodal2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./alertmodal2.vue?vue&type=template&id=00b8c840&scoped=true&\"\nimport script from \"./alertmodal2.vue?vue&type=script&lang=js&\"\nexport * from \"./alertmodal2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./alertmodal2.vue?vue&type=style&index=0&id=00b8c840&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"00b8c840\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('Header'),_c('div',{staticClass:\"mx-auto mt-1 content-outer-container\",class:{ 'content-dashboard': _vm.$store.state.isDashboard }},[_c('div',{staticClass:\"mx-auto content-inner-container\"},[_c('div',{staticClass:\"wrap-AccountSetup wrap-branch-page\"},[_c('div',{staticClass:\"row paj-custom-row\"},[_c('div',{staticClass:\"col-12 custom-wrapper-dashboard\"},[_c('div',{staticClass:\"d-flex align-items-center flex-wrap mr-2 text-title\"},[_c('img',{staticClass:\"mr-2\",attrs:{\"src\":require(\"@/assets/images/accountsetup/setting.svg\"),\"alt\":\"image\"}}),_vm._v(\" \"+_vm._s(_vm.lbl['main-menu-setting'])+\" \")])]),_c('div',{staticClass:\"col-xl-12 col-lg-12 col-md-12 wrapper-content-tab\"},[_c('div',{staticClass:\"d-flex wrapper-select-header\"},[(_vm.isEdit)?_c('div',{staticClass:\"select-header cursor-pointer\",class:{ active: false },on:{\"click\":_vm.previousAccountSetting}},[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-account-setting'])+\" \")]):_c('div',{staticClass:\"select-header\",class:{ active: false }},[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-account-setting'])+\" \")]),(_vm.isEdit)?_c('div',{staticClass:\"select-header select-hd-right cursor-pointer\",class:{ active: true }},[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-hq-and-branch'])+\" \")]):_c('div',{staticClass:\"select-header select-hd-right\",class:{ active: true }},[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-hq-and-branch'])+\" \")]),(\n                  _vm.isUseFacebook &&\n                  _vm.isEdit &&\n                  _vm.loginTypeList.includes('Facebook')\n                )?_c('div',{staticClass:\"select-header select-hd-right cursor-pointer\",class:{ active: false },on:{\"click\":_vm.gotoConnectFacebook}},[_vm._v(\" \"+_vm._s(_vm.lbl['link-setup-tab-connect-facebook'])+\" \")]):_vm._e(),(\n                  _vm.isUseFacebook &&\n                  !_vm.isEdit &&\n                  _vm.loginTypeList.includes('Facebook')\n                )?_c('div',{staticClass:\"select-header select-hd-right\",class:{ active: false }},[_vm._v(\" \"+_vm._s(_vm.lbl['link-setup-tab-connect-facebook'])+\" \")]):_vm._e(),(_vm.isEdit)?_c('div',{staticClass:\"select-header select-hd-right cursor-pointer\",class:{ active: false },on:{\"click\":_vm.gotoConnectSetting}},[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-line-connect'])+\" / \"+_vm._s(_vm.lbl['account-setup-link-setup'])+\" \"),(_vm.setupNotification)?_c('div',{staticClass:\"dot-notification\"},[_c('img',{staticClass:\"item-status-icon ml-0\",attrs:{\"src\":require(\"@/assets/images/item-inactive-icon.png\"),\"alt\":\"image\"}})]):_vm._e()]):_c('div',{staticClass:\"select-header select-hd-right\",class:{ active: false }},[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-line-connect'])+\" / \"+_vm._s(_vm.lbl['account-setup-link-setup'])+\" \")])])])]),_c('div',{staticClass:\"px-5\"},[_c('a-form',{attrs:{\"form\":_vm.form},on:{\"submit\":_vm.handleSubmit}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12\"},[_c('a-form-item',[_c('strong',{staticClass:\"fz-16\"},[_vm._v(_vm._s(_vm.lbl['account-setup-head-quarter']))]),_c('a-input',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:([\n                      'head_quarter',\n                      {\n                        initialValue: '',\n                        rules: [\n                          {\n                            required: true,\n                            message: '',\n                          } ],\n                      } ]),expression:\"[\\n                      'head_quarter',\\n                      {\\n                        initialValue: '',\\n                        rules: [\\n                          {\\n                            required: true,\\n                            message: '',\\n                          },\\n                        ],\\n                      },\\n                    ]\"}],staticClass:\"w-100\",attrs:{\"type\":\"text\",\"disabled\":(_vm.disableField || _vm.isHeadQuarter) && !_vm.isHideEdit}})],1)],1),_c('div',{staticClass:\"col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12\"},[_c('a-form-item',[_c('strong',{staticClass:\"fz-16\"},[_vm._v(_vm._s(_vm.lbl['account-setup-telephone-number']))]),_c('a-input',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:([\n                      'contact_number',\n                      {\n                        initialValue: '',\n                        rules: [\n                          {\n                            required: true,\n                            message: '',\n                          } ],\n                      } ]),expression:\"[\\n                      'contact_number',\\n                      {\\n                        initialValue: '',\\n                        rules: [\\n                          {\\n                            required: true,\\n                            message: '',\\n                          },\\n                        ],\\n                      },\\n                    ]\"}],staticClass:\"w-100\",attrs:{\"max-length\":_vm.maxPhoneLength,\"disabled\":_vm.disableField && !_vm.isHideEdit},on:{\"keypress\":_vm.onlyNumber}})],1)],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 mb-3\"},[_c('strong',{staticClass:\"fz-16\"},[_vm._v(_vm._s(_vm.lbl['account-setup-select-your-location']))])]),_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-xl-2 col-lg-2 col-md-12 col-sm-12 col-12\"},[_c('div',{staticClass:\"btn-map d-flex\",on:{\"click\":_vm.openMap}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/accountsetup/map.svg\"),\"alt\":\"map\",\"width\":\"24\",\"height\":\"24\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-open-maps'])+\" \")])])]),_c('div',{staticClass:\"col-xl-2 col-lg-3 col-md-4 col-sm-12 col-12\"},[_c('label',{staticClass:\"lbl-manual d-flex\"},[_vm._v(_vm._s(_vm.lbl['account-setup-or-add-manual'])+\" \"),_c('img',{staticClass:\"ml-1\",attrs:{\"src\":require(\"@/assets/images/accountsetup/info.svg\"),\"alt\":\"image\"}})])]),_c('div',{staticClass:\"col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12\"},[_c('a-form-item',[_c('a-input',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:([\n                          'latitude',\n                          {\n                            initialValue: _vm.latitude,\n                            rules: [\n                              {\n                                required: true,\n                                message: '',\n                              } ],\n                          } ]),expression:\"[\\n                          'latitude',\\n                          {\\n                            initialValue: latitude,\\n                            rules: [\\n                              {\\n                                required: true,\\n                                message: '',\\n                              },\\n                            ],\\n                          },\\n                        ]\"}],staticClass:\"w-100\",attrs:{\"prefix\":\"lat : \",\"type\":\"text\",\"disabled\":_vm.disableField && !_vm.isHideEdit},on:{\"keypress\":_vm.onlyNumberDecimal,\"change\":_vm.changeLatitude}})],1)],1),_c('div',{staticClass:\"col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12\"},[_c('a-form-item',[_c('a-input',{directives:[{name:\"decorator\",rawName:\"v-decorator\",value:([\n                          'longtitude',\n                          {\n                            initialValue: _vm.longtitude,\n                            rules: [\n                              {\n                                required: true,\n                                message: '',\n                              } ],\n                          } ]),expression:\"[\\n                          'longtitude',\\n                          {\\n                            initialValue: longtitude,\\n                            rules: [\\n                              {\\n                                required: true,\\n                                message: '',\\n                              },\\n                            ],\\n                          },\\n                        ]\"}],staticClass:\"w-100\",attrs:{\"prefix\":\"lng : \",\"type\":\"text\",\"disabled\":_vm.disableField && !_vm.isHideEdit},on:{\"keypress\":_vm.onlyNumberDecimal,\"change\":_vm.changeLongtitude}})],1)],1)]),_c('GoogleMap',{attrs:{\"show\":_vm.showGoogleMap},on:{\"changeCloseGoogleMap\":function($event){return _vm.changeCloseGoogleMap($event)},\"changeSubmitGoogleMap\":function($event){return _vm.changeSubmitGoogleMap($event)}}})],1)]),_c('hr',{staticClass:\"bw-3\"}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12\"},[_c('strong',{staticClass:\"fz-16\"},[_vm._v(\" \"+_vm._s(_vm.lbl['company-setup-branch-name'])+\" \"),(_vm.countBranch > 0)?_c('a-badge',{staticClass:\"mr-1\",attrs:{\"count\":_vm.countBranch,\"overflow-count\":9999,\"number-style\":{ backgroundColor: '#f9a601' }}}):_vm._e()],1),_c('span',{staticClass:\"upgrade-required\"},[_vm._v(\" * \"+_vm._s(_vm.lbl['account-setup-upgrade-plan-required'])+\" \")])]),_c('div',{staticClass:\"\\n                  col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12\\n                  d-flex\\n                  justify-end\\n                  table-button\\n                \"},[(_vm.isEditBranch)?_c('a-button',{staticClass:\"btn-red-outline ml-3\",attrs:{\"disabled\":_vm.disableField && !_vm.isHideEdit},on:{\"click\":function($event){return _vm.clickCancleEditBranch()}}},[_c('span',[_vm._v(\" \"+_vm._s(_vm.lbl['confirm-box-cancel-button'])+\" \")])]):_vm._e(),(_vm.isEditBranch)?_c('a-button',{staticClass:\"btn-orange-outline ml-3\",attrs:{\"html-type\":\"submit\",\"type\":\"submit\",\"disabled\":_vm.disableField && !_vm.isHideEdit}},[_c('span',[_vm._v(\" \"+_vm._s(_vm.lbl['company-setup-save-button'])+\" \")])]):_c('a-button',{staticClass:\"btn-orange-outline ml-3\",attrs:{\"disabled\":_vm.disableField},on:{\"click\":function($event){return _vm.addBranch()}}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/accountsetup/account_add.svg\"),\"alt\":\"image\",\"width\":\"24\",\"height\":\"24\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-add-branch'])+\" \")])])],1),_c('div',{staticClass:\"col-12\"},[_c('a-table',{attrs:{\"row-key\":\"RowKey\",\"columns\":_vm.columns,\"data-source\":_vm.dataSource,\"pagination\":false,\"showHeader\":false},scopedSlots:_vm._u([{key:\"date\",fn:function(text){return [_vm._v(\" \"+_vm._s(_vm.dateShortWithTimeFormat(text))+\" \")]}},{key:\"isname\",fn:function(text){return [_c('span',[_vm._v(\" \"+_vm._s(text ? text : '-')+\" \")])]}},{key:\"iscontact_number\",fn:function(text){return [_c('span',[_vm._v(\" \"+_vm._s(text ? text : '-')+\" \")])]}},{key:\"create_by\",fn:function(text){return [_c('span',[_vm._v(\" \"+_vm._s(text ? _vm.lbl['branch-create-by-import'] : _vm.lbl['branch-create-by-web'])+\" \")])]}},{key:\"latlng\",fn:function(text, record){return [_c('span',[_vm._v(\" \"+_vm._s(record.latitude ? record.latitude : 0)+\" / \"+_vm._s(record.longtitude ? record.longtitude : 0)+\" \")])]}},{key:\"action\",fn:function(text, record){return [(record.import)?_c('div',{staticClass:\"d-flex box-action\"},[_c('a',{staticClass:\"btn-action-branch\",class:{ 'none-event': _vm.isHideEdit },attrs:{\"type\":\"primary\",\"disabled\":_vm.isHideEdit},on:{\"click\":function () { return _vm.onEdit(record.key); }}},[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-button-edit'])+\" \")])]):_c('div',{staticClass:\"d-flex box-action\"},[_c('a',{staticClass:\"btn-action-branch\",class:{ 'none-event': _vm.isHideEdit },attrs:{\"type\":\"primary\",\"disabled\":_vm.isHideEdit},on:{\"click\":function () { return _vm.onEdit(record.key); }}},[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-button-edit'])+\" \")]),(record.name != 'Headquarter')?_c('a-tooltip',{attrs:{\"placement\":\"top\"}},[_c('template',{slot:\"title\"},[_c('div',[_vm._v(\" \"+_vm._s(_vm.lbl['smart-target-delete'])+\" \")])]),_c('div',{staticClass:\"mx-3 mb-2\"},[_c('a-icon',{class:{ 'none-event': _vm.isHideEdit },style:({\n                              color: _vm.isHideEdit ? '#c4c4c4' : '#ff5252',\n                              fontSize: '18px ',\n                            }),attrs:{\"theme\":\"filled\",\"type\":\"delete\"},on:{\"click\":function($event){return _vm.onDelete(record.key)}}})],1)],2):_vm._e()],1)]}}])})],1)]),_c('div',{staticClass:\"row mt-5\"},[_c('div',{staticClass:\"col-12\"},[_c('hr'),_c('b-button',{staticClass:\"btn-submit float-right\",attrs:{\"variant\":\"warning\"},on:{\"click\":_vm.handleSaveAndNext}},[_vm._v(\" \"+_vm._s(_vm.lbl['account-setup-save-and-next'])+\" \")])],1)])])],1)])])]),_c('ConfirmModal',{attrs:{\"isOpenModal\":_vm.confirmModalSetting.isOpenModal,\"modalType\":_vm.confirmModalSetting.modalType,\"title\":_vm.confirmModalSetting.title,\"details\":_vm.confirmModalSetting.details,\"backto\":_vm.confirmModalSetting.backto,\"onConfirm\":_vm.confirmModalSetting.onConfirm,\"onCancel\":_vm.confirmModalSetting.onCancel}}),_c('AlertModal',{attrs:{\"isOpenModal\":_vm.alertModalSetting.isOpenModal,\"modalType\":_vm.alertModalSetting.modalType,\"title\":_vm.alertModalSetting.title,\"details\":_vm.alertModalSetting.details}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container-fluid\">\r\n    <Header />\r\n    <div\r\n      class=\"mx-auto mt-1 content-outer-container\"\r\n      :class=\"{ 'content-dashboard': $store.state.isDashboard }\"\r\n    >\r\n      <div class=\"mx-auto content-inner-container\">\r\n        <div class=\"wrap-AccountSetup wrap-branch-page\">\r\n          <div class=\"row paj-custom-row\">\r\n            <div class=\"col-12 custom-wrapper-dashboard\">\r\n              <div class=\"d-flex align-items-center flex-wrap mr-2 text-title\">\r\n                <img\r\n                  src=\"@/assets/images/accountsetup/setting.svg\"\r\n                  alt=\"image\"\r\n                  class=\"mr-2\"\r\n                />\r\n                {{ lbl['main-menu-setting'] }}\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-xl-12 col-lg-12 col-md-12 wrapper-content-tab\">\r\n              <div class=\"d-flex wrapper-select-header\">\r\n                <div\r\n                  v-if=\"isEdit\"\r\n                  class=\"select-header cursor-pointer\"\r\n                  :class=\"{ active: false }\"\r\n                  @click=\"previousAccountSetting\"\r\n                >\r\n                  {{ lbl['account-setup-account-setting'] }}\r\n                </div>\r\n                <div v-else class=\"select-header\" :class=\"{ active: false }\">\r\n                  {{ lbl['account-setup-account-setting'] }}\r\n                </div>\r\n                <div\r\n                  v-if=\"isEdit\"\r\n                  class=\"select-header select-hd-right cursor-pointer\"\r\n                  :class=\"{ active: true }\"\r\n                >\r\n                  {{ lbl['account-setup-hq-and-branch'] }}\r\n                </div>\r\n                <div\r\n                  v-else\r\n                  class=\"select-header select-hd-right\"\r\n                  :class=\"{ active: true }\"\r\n                >\r\n                  {{ lbl['account-setup-hq-and-branch'] }}\r\n                </div>\r\n                <div\r\n                  v-if=\"\r\n                    isUseFacebook &&\r\n                    isEdit &&\r\n                    loginTypeList.includes('Facebook')\r\n                  \"\r\n                  class=\"select-header select-hd-right cursor-pointer\"\r\n                  :class=\"{ active: false }\"\r\n                  @click=\"gotoConnectFacebook\"\r\n                >\r\n                  {{ lbl['link-setup-tab-connect-facebook'] }}\r\n                </div>\r\n                <div\r\n                  v-if=\"\r\n                    isUseFacebook &&\r\n                    !isEdit &&\r\n                    loginTypeList.includes('Facebook')\r\n                  \"\r\n                  class=\"select-header select-hd-right\"\r\n                  :class=\"{ active: false }\"\r\n                >\r\n                  {{ lbl['link-setup-tab-connect-facebook'] }}\r\n                </div>\r\n                <div\r\n                  v-if=\"isEdit\"\r\n                  class=\"select-header select-hd-right cursor-pointer\"\r\n                  :class=\"{ active: false }\"\r\n                  @click=\"gotoConnectSetting\"\r\n                >\r\n                  {{ lbl['account-setup-line-connect'] }} /\r\n                  {{ lbl['account-setup-link-setup'] }}\r\n                  <div v-if=\"setupNotification\" class=\"dot-notification\">\r\n                    <img\r\n                      src=\"@/assets/images/item-inactive-icon.png\"\r\n                      alt=\"image\"\r\n                      class=\"item-status-icon ml-0\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  v-else\r\n                  class=\"select-header select-hd-right\"\r\n                  :class=\"{ active: false }\"\r\n                >\r\n                  {{ lbl['account-setup-line-connect'] }} /\r\n                  {{ lbl['account-setup-link-setup'] }}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"px-5\">\r\n            <a-form :form=\"form\" @submit=\"handleSubmit\">\r\n              <!-- Head -->\r\n              <div class=\"row\">\r\n                <div class=\"col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12\">\r\n                  <a-form-item>\r\n                    <strong class=\"fz-16\">{{\r\n                      lbl['account-setup-head-quarter']\r\n                    }}</strong>\r\n                    <a-input\r\n                      v-decorator=\"[\r\n                        'head_quarter',\r\n                        {\r\n                          initialValue: '',\r\n                          rules: [\r\n                            {\r\n                              required: true,\r\n                              message: '',\r\n                            },\r\n                          ],\r\n                        },\r\n                      ]\"\r\n                      type=\"text\"\r\n                      class=\"w-100\"\r\n                      :disabled=\"(disableField || isHeadQuarter) && !isHideEdit\"\r\n                    />\r\n                  </a-form-item>\r\n                </div>\r\n                <div class=\"col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12\">\r\n                  <a-form-item>\r\n                    <strong class=\"fz-16\">{{\r\n                      lbl['account-setup-telephone-number']\r\n                    }}</strong>\r\n                    <a-input\r\n                      v-decorator=\"[\r\n                        'contact_number',\r\n                        {\r\n                          initialValue: '',\r\n                          rules: [\r\n                            {\r\n                              required: true,\r\n                              message: '',\r\n                            },\r\n                          ],\r\n                        },\r\n                      ]\"\r\n                      class=\"w-100\"\r\n                      :max-length=\"maxPhoneLength\"\r\n                      @keypress=\"onlyNumber\"\r\n                      :disabled=\"disableField && !isHideEdit\"\r\n                    >\r\n                    </a-input>\r\n                  </a-form-item>\r\n                </div>\r\n              </div>\r\n\r\n              <!-- Select your location -->\r\n              <div class=\"row\">\r\n                <div class=\"col-12 mb-3\">\r\n                  <strong class=\"fz-16\">{{\r\n                    lbl['account-setup-select-your-location']\r\n                  }}</strong>\r\n                </div>\r\n                <div class=\"col-12\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-xl-2 col-lg-2 col-md-12 col-sm-12 col-12\">\r\n                      <div class=\"btn-map d-flex\" @click=\"openMap\">\r\n                        <img\r\n                          src=\"@/assets/images/accountsetup/map.svg\"\r\n                          alt=\"map\"\r\n                          width=\"24\"\r\n                          height=\"24\"\r\n                        />\r\n                        <span class=\"ml-2\">\r\n                          {{ lbl['account-setup-open-maps'] }}\r\n                        </span>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"col-xl-2 col-lg-3 col-md-4 col-sm-12 col-12\">\r\n                      <label class=\"lbl-manual d-flex\"\r\n                        >{{ lbl['account-setup-or-add-manual'] }}\r\n                        <img\r\n                          src=\"@/assets/images/accountsetup/info.svg\"\r\n                          alt=\"image\"\r\n                          class=\"ml-1\"\r\n                      /></label>\r\n                    </div>\r\n                    <div class=\"col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12\">\r\n                      <a-form-item>\r\n                        <a-input\r\n                          v-decorator=\"[\r\n                            'latitude',\r\n                            {\r\n                              initialValue: latitude,\r\n                              rules: [\r\n                                {\r\n                                  required: true,\r\n                                  message: '',\r\n                                },\r\n                              ],\r\n                            },\r\n                          ]\"\r\n                          prefix=\"lat : \"\r\n                          type=\"text\"\r\n                          class=\"w-100\"\r\n                          @keypress=\"onlyNumberDecimal\"\r\n                          @change=\"changeLatitude\"\r\n                          :disabled=\"disableField && !isHideEdit\"\r\n                        />\r\n                      </a-form-item>\r\n                    </div>\r\n                    <div class=\"col-xl-3 col-lg-3 col-md-4 col-sm-12 col-12\">\r\n                      <a-form-item>\r\n                        <a-input\r\n                          v-decorator=\"[\r\n                            'longtitude',\r\n                            {\r\n                              initialValue: longtitude,\r\n                              rules: [\r\n                                {\r\n                                  required: true,\r\n                                  message: '',\r\n                                },\r\n                              ],\r\n                            },\r\n                          ]\"\r\n                          prefix=\"lng : \"\r\n                          type=\"text\"\r\n                          class=\"w-100\"\r\n                          @keypress=\"onlyNumberDecimal\"\r\n                          @change=\"changeLongtitude\"\r\n                          :disabled=\"disableField && !isHideEdit\"\r\n                        />\r\n                      </a-form-item>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <GoogleMap\r\n                    :show=\"showGoogleMap\"\r\n                    @changeCloseGoogleMap=\"changeCloseGoogleMap($event)\"\r\n                    @changeSubmitGoogleMap=\"changeSubmitGoogleMap($event)\"\r\n                  />\r\n                </div>\r\n              </div>\r\n\r\n              <hr class=\"bw-3\" />\r\n\r\n              <div class=\"row\">\r\n                <div class=\"col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12\">\r\n                  <strong class=\"fz-16\">\r\n                    {{ lbl['company-setup-branch-name'] }}\r\n                    <a-badge\r\n                      v-if=\"countBranch > 0\"\r\n                      :count=\"countBranch\"\r\n                      :overflow-count=\"9999\"\r\n                      :number-style=\"{ backgroundColor: '#f9a601' }\"\r\n                      class=\"mr-1\"\r\n                    />\r\n                  </strong>\r\n                  <span class=\"upgrade-required\">\r\n                    * {{ lbl['account-setup-upgrade-plan-required'] }}\r\n                  </span>\r\n                </div>\r\n                <div\r\n                  class=\"\r\n                    col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12\r\n                    d-flex\r\n                    justify-end\r\n                    table-button\r\n                  \"\r\n                >\r\n                  <a-button\r\n                    v-if=\"isEditBranch\"\r\n                    class=\"btn-red-outline ml-3\"\r\n                    @click=\"clickCancleEditBranch()\"\r\n                    :disabled=\"disableField && !isHideEdit\"\r\n                  >\r\n                    <span>\r\n                      {{ lbl['confirm-box-cancel-button'] }}\r\n                    </span>\r\n                  </a-button>\r\n                  <a-button\r\n                    v-if=\"isEditBranch\"\r\n                    class=\"btn-orange-outline ml-3\"\r\n                    html-type=\"submit\"\r\n                    type=\"submit\"\r\n                    :disabled=\"disableField && !isHideEdit\"\r\n                  >\r\n                    <span>\r\n                      {{ lbl['company-setup-save-button'] }}\r\n                    </span>\r\n                  </a-button>\r\n                  <a-button\r\n                    v-else\r\n                    class=\"btn-orange-outline ml-3\"\r\n                    :disabled=\"disableField\"\r\n                    @click=\"addBranch()\"\r\n                  >\r\n                    <img\r\n                      src=\"@/assets/images/accountsetup/account_add.svg\"\r\n                      alt=\"image\"\r\n                      width=\"24\"\r\n                      height=\"24\"\r\n                    />\r\n                    <span class=\"ml-2\">\r\n                      {{ lbl['account-setup-add-branch'] }}\r\n                    </span>\r\n                  </a-button>\r\n                </div>\r\n\r\n                <div class=\"col-12\">\r\n                  <a-table\r\n                    row-key=\"RowKey\"\r\n                    :columns=\"columns\"\r\n                    :data-source=\"dataSource\"\r\n                    :pagination=\"false\"\r\n                    :showHeader=\"false\"\r\n                  >\r\n                    <template slot=\"date\" slot-scope=\"text\">\r\n                      {{ dateShortWithTimeFormat(text) }}\r\n                    </template>\r\n                    <template slot=\"isname\" slot-scope=\"text\">\r\n                      <span>\r\n                        {{ text ? text : '-' }}\r\n                      </span>\r\n                    </template>\r\n                    <template slot=\"iscontact_number\" slot-scope=\"text\">\r\n                      <span>\r\n                        {{ text ? text : '-' }}\r\n                      </span>\r\n                    </template>\r\n                    <template slot=\"create_by\" slot-scope=\"text\">\r\n                      <span>\r\n                        {{\r\n                          text\r\n                            ? lbl['branch-create-by-import']\r\n                            : lbl['branch-create-by-web']\r\n                        }}\r\n                      </span>\r\n                    </template>\r\n                    <template slot=\"latlng\" slot-scope=\"text, record\">\r\n                      <span>\r\n                        {{ record.latitude ? record.latitude : 0 }} /\r\n                        {{ record.longtitude ? record.longtitude : 0 }}\r\n                      </span>\r\n                    </template>\r\n                    <template slot=\"action\" slot-scope=\"text, record\">\r\n                      <div v-if=\"record.import\" class=\"d-flex box-action\">\r\n                        <a\r\n                          type=\"primary\"\r\n                          class=\"btn-action-branch\"\r\n                          :disabled=\"isHideEdit\"\r\n                          :class=\"{ 'none-event': isHideEdit }\"\r\n                          @click=\"() => onEdit(record.key)\"\r\n                        >\r\n                          {{ lbl['account-setup-button-edit'] }}\r\n                        </a>\r\n                      </div>\r\n                      <div v-else class=\"d-flex box-action\">\r\n                        <a\r\n                          type=\"primary\"\r\n                          class=\"btn-action-branch\"\r\n                          :disabled=\"isHideEdit\"\r\n                          :class=\"{ 'none-event': isHideEdit }\"\r\n                          @click=\"() => onEdit(record.key)\"\r\n                        >\r\n                          {{ lbl['account-setup-button-edit'] }}\r\n                        </a>\r\n\r\n                        <a-tooltip\r\n                          v-if=\"record.name != 'Headquarter'\"\r\n                          placement=\"top\"\r\n                        >\r\n                          <template slot=\"title\"\r\n                            ><div>\r\n                              {{ lbl['smart-target-delete'] }}\r\n                            </div></template\r\n                          >\r\n                          <div class=\"mx-3 mb-2\">\r\n                            <a-icon\r\n                              :style=\"{\r\n                                color: isHideEdit ? '#c4c4c4' : '#ff5252',\r\n                                fontSize: '18px ',\r\n                              }\"\r\n                              theme=\"filled\"\r\n                              type=\"delete\"\r\n                              :class=\"{ 'none-event': isHideEdit }\"\r\n                              @click=\"onDelete(record.key)\"\r\n                            />\r\n                          </div>\r\n                        </a-tooltip>\r\n                      </div>\r\n                    </template>\r\n                  </a-table>\r\n                </div>\r\n              </div>\r\n\r\n              <!-- Footer Button -->\r\n              <div class=\"row mt-5\">\r\n                <div class=\"col-12\">\r\n                  <hr />\r\n                  <b-button\r\n                    variant=\"warning\"\r\n                    class=\"btn-submit float-right\"\r\n                    @click=\"handleSaveAndNext\"\r\n                  >\r\n                    {{ lbl['account-setup-save-and-next'] }}\r\n                  </b-button>\r\n                </div>\r\n              </div>\r\n            </a-form>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <ConfirmModal\r\n      :isOpenModal=\"confirmModalSetting.isOpenModal\"\r\n      :modalType=\"confirmModalSetting.modalType\"\r\n      :title=\"confirmModalSetting.title\"\r\n      :details=\"confirmModalSetting.details\"\r\n      :backto=\"confirmModalSetting.backto\"\r\n      :onConfirm=\"confirmModalSetting.onConfirm\"\r\n      :onCancel=\"confirmModalSetting.onCancel\"\r\n    />\r\n\r\n    <AlertModal\r\n      :isOpenModal=\"alertModalSetting.isOpenModal\"\r\n      :modalType=\"alertModalSetting.modalType\"\r\n      :title=\"alertModalSetting.title\"\r\n      :details=\"alertModalSetting.details\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport _ from 'lodash'\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport Mixin from '@/mixin/Mixin'\r\nimport Header from '@/components/Layout/Header'\r\nimport GoogleMap from '@/components/Maps/GoogleMap.vue'\r\nimport BzbsProfile from '@/core/Account/service/BzbsProfile'\r\nimport Vue from 'vue'\r\nimport BzbsUserProfile from '@/core/UserProfile/service/BzbsUserProfile'\r\nimport ConfirmModal from '@/components/Modal/Component/confirmmodal2'\r\nimport AlertModal from '@/components/Modal/Component/alertmodal2'\r\n\r\nconst columns = [\r\n  {\r\n    dataIndex: 'display_name',\r\n    align: 'left',\r\n    scopedSlots: {\r\n      customRender: 'isname',\r\n    },\r\n  },\r\n  {\r\n    dataIndex: 'contact_number',\r\n    align: 'left',\r\n    scopedSlots: {\r\n      customRender: 'iscontact_number',\r\n    },\r\n    width: '30%',\r\n  },\r\n  {\r\n    dataIndex: 'latitude',\r\n    align: 'left',\r\n    scopedSlots: {\r\n      customRender: 'latlng',\r\n    },\r\n    width: '30%',\r\n  },\r\n  {\r\n    dataIndex: 'import',\r\n    align: 'left',\r\n    scopedSlots: {\r\n      customRender: 'create_by',\r\n    },\r\n    width: '120px',\r\n  },\r\n  {\r\n    dataIndex: 'key',\r\n    align: 'center',\r\n    scopedSlots: {\r\n      customRender: 'action',\r\n    },\r\n    width: '120px',\r\n  },\r\n]\r\n\r\nexport default {\r\n  name: 'BranchSetting',\r\n  mixins: [Mixin],\r\n  components: {\r\n    Header,\r\n    GoogleMap,\r\n    ConfirmModal,\r\n    AlertModal,\r\n  },\r\n  data: function () {\r\n    return {\r\n      setupNotification: false,\r\n      optionCountry: [],\r\n      country: '+66',\r\n      showGoogleMap: false,\r\n      latitude: '',\r\n      longtitude: '',\r\n      columns,\r\n      dataSource: [],\r\n      oriDataSource: [],\r\n      editData: {},\r\n      editableData: '',\r\n      isEditBranch: false,\r\n      isHideEdit: false,\r\n      isEdit: false,\r\n      params: {},\r\n      storeType: '',\r\n      BranchAmount: null,\r\n      maxPhoneLength: 10,\r\n      userData: {},\r\n      disableField: false,\r\n      confirmModalSetting: {\r\n        title: '',\r\n        detail: '',\r\n        modalType: '',\r\n        backto: '',\r\n        onConfirm: null,\r\n        onCancel: null,\r\n        isOpenModal: false,\r\n      },\r\n      alertModalSetting: {\r\n        title: '',\r\n        detail: '',\r\n        modalType: '',\r\n        isOpenModal: false,\r\n      },\r\n      isHeadQuarter: false,\r\n      countBranch: 0,\r\n      crmPackage: {},\r\n      isUseFacebook: false,\r\n      isPH: false,\r\n      loginType: null,\r\n      loginTypeList: [],\r\n    }\r\n  },\r\n  watch: {\r\n    dataSource() {\r\n      let configSelfOnBoard = false\r\n      try {\r\n        let parse = JSON.parse(localStorage.getItem('bzbsCRMConfig'))\r\n        if (parse) {\r\n          configSelfOnBoard = parse.buzzebeesConfigSelfOnBoard\r\n            ? parse.buzzebeesConfigSelfOnBoard\r\n            : false\r\n        } else {\r\n          configSelfOnBoard = Vue.bzbsConfig.businessRule.open.package\r\n        }\r\n      } catch (e) {\r\n        configSelfOnBoard = Vue.bzbsConfig.businessRule.open.package\r\n      }\r\n\r\n      if (configSelfOnBoard) {\r\n        if (this.crmPackage.PackageId == 'basicplus') {\r\n          if (this.dataSource.length < 2) {\r\n            this.disableField = false\r\n          } else {\r\n            this.disableField = true\r\n          }\r\n        } else {\r\n          if (this.dataSource.length < this.BranchAmount) {\r\n            this.disableField = false\r\n          } else {\r\n            this.disableField = true\r\n          }\r\n        }\r\n      } else {\r\n        if (this.dataSource.length < this.BranchAmount) {\r\n          this.disableField = false\r\n        } else {\r\n          this.disableField = true\r\n        }\r\n      }\r\n    },\r\n  },\r\n  beforeCreate() {\r\n    this.form = this.$form.createForm(this, {\r\n      name: 'branch-setting',\r\n    })\r\n  },\r\n  created() {\r\n    this.handleFooter(true)\r\n    this.isUseFacebook = Vue.bzbsConfig.businessRule.open.facebook\r\n    this.isPH = Vue.bzbsConfig.businessRule.webFor.PH\r\n    this.crmPackage = Account.getCachePackage()\r\n    Account.bzbsAnalyticTracking(\r\n      'setting_account_page',\r\n      'setting_account_branch',\r\n      'view_branch',\r\n      'on view',\r\n    )\r\n    this.init()\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.getCRMPlusProfile()\r\n      this.maxPhoneLength = Vue.bzbsConfig.businessRule.max.phoneLength\r\n    },\r\n    getCRMPlusProfile() {\r\n      return new Promise(resolve => {\r\n        BzbsProfile.getCRMPlusProfile()\r\n          .then(res => {\r\n            this.genDataProfile(res.data)\r\n            this.checkAccountSetup(res.data)\r\n            this.userData = res.data\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            console.log('getCRMPlusProfile error', error)\r\n            window.location.reload()\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    checkAccountSetup(data) {\r\n      if (data.LoginType.toLowerCase().includes('line')) {\r\n        if ((data.LiffLanding || data.LiffId) && data.AppId) {\r\n          this.setupNotification = false\r\n        } else {\r\n          this.setupNotification = true\r\n        }\r\n      } else {\r\n        if (data.AppId) {\r\n          this.setupNotification = false\r\n        } else {\r\n          this.setupNotification = true\r\n        }\r\n      }\r\n    },\r\n    genDataProfile(data) {\r\n      this.storeType = data.StoreType\r\n      this.loginType = data.LoginType ? data.LoginType.toLowerCase() : 'line'\r\n      this.arrList(data.LoginType)\r\n      this.params.agencyId = data.SponsorId\r\n      this.params.business_name = data.BusinessName\r\n      this.params.business_type = data.BusinessType\r\n      this.BranchAmount = data.BranchAmount ? data.BranchAmount : 5\r\n      if (data.BusinessName) {\r\n        this.isEdit = true\r\n      } else {\r\n        this.isEdit = false\r\n      }\r\n      if (data.Stores) {\r\n        if (data.Stores.length > 0) {\r\n          this.countBranch = data.Stores.length\r\n        }\r\n        this.dataSource = _.map(data.Stores, e => {\r\n          return {\r\n            id: e.ID,\r\n            name: e.Name,\r\n            display_name: e.Name + ' (' + e.ID + ')',\r\n            contact_number: e.ContactNumber,\r\n            latitude: e.Latitude,\r\n            longtitude: e.Longtitude,\r\n            import: e.Import,\r\n            isheadoffice: e.IsHeadOffice,\r\n          }\r\n        })\r\n        this.setKey()\r\n      } else {\r\n        this.dataSource = []\r\n        this.countBranch = 0\r\n      }\r\n    },\r\n    onlyNumber($event) {\r\n      const regex = /^[0-9]\\d*$/\r\n      var match = $event.key.match(regex)\r\n\r\n      if (match == null) {\r\n        $event.preventDefault()\r\n      }\r\n    },\r\n    onlyNumberDecimal($event) {\r\n      let keyCode = $event.keyCode ? $event.keyCode : $event.which\r\n      if ((keyCode < 48 || keyCode > 57) && keyCode !== 46) {\r\n        $event.preventDefault()\r\n      }\r\n    },\r\n    changeSelectCountry(e) {\r\n      this.country = e\r\n    },\r\n    openMap() {\r\n      console.log('openMap')\r\n      Account.bzbsAnalyticTracking(\r\n        'setting_account_page',\r\n        'setting_account_branch',\r\n        'click_branch_open_map',\r\n        'on click',\r\n      )\r\n      this.showGoogleMap = true\r\n    },\r\n    changeCloseGoogleMap() {\r\n      console.log('CloseGoogleMap : ')\r\n      Account.bzbsAnalyticTracking(\r\n        'setting_account_page',\r\n        'setting_account_branch',\r\n        'click_branch_add_cancel',\r\n        'on click',\r\n      )\r\n      this.showGoogleMap = false\r\n    },\r\n    changeSubmitGoogleMap(res) {\r\n      console.log('SubmitGoogleMap lat : ', res.lat, 'lng : ', res.lng)\r\n      Account.bzbsAnalyticTracking(\r\n        'setting_account_page',\r\n        'setting_account_branch',\r\n        'click_branch_add_save',\r\n        'on click',\r\n      )\r\n      this.showGoogleMap = false\r\n      if (res) {\r\n        this.latitude = res.lat\r\n        this.longtitude = res.lng\r\n        this.form.setFieldsValue({\r\n          latitude: res.lat,\r\n          longtitude: res.lng,\r\n        })\r\n      }\r\n    },\r\n    changeLatitude(e) {\r\n      console.log('changeLatitude ; ', e.target.value)\r\n      this.latitude = e.target.value\r\n    },\r\n    changeLongtitude(e) {\r\n      console.log('changeLongtitude ; ', e.target.value)\r\n      this.longtitude = e.target.value\r\n    },\r\n    onEdit(key) {\r\n      this.oriDataSource = this.dataSource\r\n      console.log('onEdit : ', key)\r\n      this.editableData = key\r\n      this.isEditBranch = true\r\n      this.isHideEdit = true\r\n      this.editData = this.dataSource[key - 1]\r\n      if (this.editData.name === 'Headquarter') this.isHeadQuarter = true\r\n      setTimeout(\r\n        () =>\r\n          this.form.setFieldsValue({\r\n            head_quarter: this.editData.name,\r\n            contact_number: this.editData.contact_number,\r\n            latitude: this.editData.latitude,\r\n            longtitude: this.editData.longtitude,\r\n            isheadoffice: this.editData.isheadoffice,\r\n          }),\r\n        300,\r\n      )\r\n    },\r\n    onSave() {\r\n      this.editableData = null\r\n      this.isEditBranch = false\r\n      this.isHideEdit = false\r\n      this.isHeadQuarter = false\r\n    },\r\n    onDelete(key) {\r\n      console.log('onEdit : ', key)\r\n      this.confirmModalAction(\r\n        this.lbl['branch-delete-header'],\r\n        this.lbl['branch-delete-title'],\r\n        'danger',\r\n        this.lbl['confirm-box-cancel-button'],\r\n        true,\r\n        () => {\r\n          this.confirmModalSetting.isOpenModal = false\r\n          this.confirmDelete(key)\r\n        },\r\n        () => {\r\n          this.confirmModalSetting.isOpenModal = false\r\n        },\r\n      )\r\n    },\r\n    confirmDelete(key) {\r\n      this.dataSource = _.filter(this.dataSource, item => {\r\n        if (item.key != key) return item\r\n      })\r\n\r\n      this.setKey()\r\n\r\n      this.alertModalAction(\r\n        this.lbl['alert-box-success-header'],\r\n        this.lbl['plan-reward-branch-delete-success-message'],\r\n        'success',\r\n        true,\r\n      )\r\n    },\r\n    clickCancleEditBranch() {\r\n      this.editableData = null\r\n      this.isEditBranch = false\r\n      this.isHideEdit = false\r\n      this.isHeadQuarter = false\r\n      this.form.setFieldsValue({\r\n        head_quarter: '',\r\n        contact_number: '',\r\n        latitude: '',\r\n        longtitude: '',\r\n        isheadoffice: '',\r\n      })\r\n      this.setKey()\r\n    },\r\n    addBranch() {\r\n      console.log('addBranch')\r\n      Account.bzbsAnalyticTracking(\r\n        'setting_account_page',\r\n        'setting_account_branch',\r\n        'click_branch_add',\r\n        'on click',\r\n      )\r\n      if (this.dataSource.length <= this.BranchAmount) {\r\n        this.form.validateFields((err, values) => {\r\n          if (!err) {\r\n            console.log('values of form: ', values)\r\n            this.dataSource.push({\r\n              name: values.head_quarter,\r\n              display_name: values.head_quarter,\r\n              contact_number: values.contact_number,\r\n              latitude: values.latitude,\r\n              longtitude: values.longtitude,\r\n              import: false,\r\n              isheadoffice: values.head_quarter == 'Headquarter' ? true : false,\r\n            })\r\n\r\n            this.isEditBranch = false\r\n            this.isHideEdit = false\r\n            this.isHeadQuarter = false\r\n\r\n            this.setKey()\r\n            this.resetFields()\r\n            this.editData = {}\r\n          }\r\n        })\r\n      } else {\r\n        this.isEditBranch = false\r\n        this.isHideEdit = false\r\n        this.isHeadQuarter = false\r\n      }\r\n    },\r\n    handleSubmit(e) {\r\n      e.preventDefault()\r\n      Account.bzbsAnalyticTracking(\r\n        'setting_account_page',\r\n        'setting_account_branch',\r\n        'click_branch_add',\r\n        'on click',\r\n      )\r\n      if (this.dataSource.length <= this.BranchAmount) {\r\n        this.form.validateFields((err, values) => {\r\n          if (!err) {\r\n            if (this.editData.id) {\r\n              _.forEach(this.dataSource, item => {\r\n                if (item.key == this.editableData) {\r\n                  item.name = values.head_quarter\r\n                  item.display_name = values.head_quarter\r\n                  item.contact_number = values.contact_number\r\n                  item.latitude = values.latitude\r\n                  item.longtitude = values.longtitude\r\n                  item.import = this.editData.import\r\n                    ? this.editData.import\r\n                    : false\r\n                  item.id = this.editData.id\r\n                  item.isheadoffice =\r\n                    values.head_quarter == 'Headquarter' ? true : false\r\n                }\r\n              })\r\n\r\n              this.isEditBranch = false\r\n              this.isHideEdit = false\r\n              this.isHeadQuarter = false\r\n            } else {\r\n              _.forEach(this.dataSource, item => {\r\n                if (item.key == this.editableData) {\r\n                  item.iname = values.head_quarter\r\n                  item.display_name = values.head_quarter\r\n                  item.contact_number = values.contact_number\r\n                  item.latitude = values.latitude\r\n                  item.longtitude = values.longtitude\r\n                  item.import = this.editData.import\r\n                    ? this.editData.import\r\n                    : false\r\n                  item.isheadoffice =\r\n                    values.head_quarter == 'Headquarter' ? true : false\r\n                }\r\n              })\r\n\r\n              this.isEditBranch = false\r\n              this.isHideEdit = false\r\n              this.isHeadQuarter = false\r\n            }\r\n\r\n            this.setKey()\r\n            this.resetFields()\r\n            this.editData = {}\r\n          }\r\n        })\r\n      } else {\r\n        this.isEditBranch = false\r\n        this.isHideEdit = false\r\n        this.isHeadQuarter = false\r\n      }\r\n    },\r\n    resetFields() {\r\n      this.form.resetFields()\r\n      this.latitude = ''\r\n      this.longtitude = ''\r\n    },\r\n    setKey() {\r\n      return new Promise(resolve => {\r\n        var i = 1\r\n        _.forEach(this.dataSource, item => {\r\n          item.key = i\r\n          i++\r\n        })\r\n        resolve(true)\r\n      })\r\n    },\r\n    handleSaveAndNext() {\r\n      this.params.branch = JSON.stringify(this.dataSource)\r\n      this.handleLoading(true)\r\n      return new Promise(resolve => {\r\n        BzbsProfile.postAccountSetting(this.params)\r\n          .then(res => {\r\n            this.handleLoading(false)\r\n            if (this.isUseFacebook && this.loginTypeList.includes('Facebook')) {\r\n              this.$router.push({ name: 'ConnectFacebook' })\r\n            } else {\r\n              this.$router.push({ name: 'ConnectSetting' })\r\n            }\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            this.$warning({\r\n              title: this.lbl['alert-box-error-header'],\r\n              content: error.response.data.error.message,\r\n              centered: true,\r\n              autoFocusButton: null,\r\n              closable: true,\r\n              okText: this.lbl['alert-box-success-close-button'],\r\n              onOk: () => {},\r\n            })\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    gotoConnectSetting() {\r\n      this.$router.push({ name: 'ConnectSetting' })\r\n    },\r\n    gotoConnectFacebook() {\r\n      Account.bzbsAnalyticTracking(\r\n        'setting_account_page',\r\n        'setting_account_branch',\r\n        'click_setting_account_connect_facebook_tab',\r\n        'on click',\r\n      )\r\n      this.$router.push({ name: 'ConnectFacebook' })\r\n    },\r\n    arrList(string) {\r\n      var list = string.split(',')\r\n      this.loginTypeList = list\r\n    },\r\n    previousAccountSetting() {\r\n      this.$router.push({ name: 'AccountSetting' })\r\n    },\r\n    onFileChange(e) {\r\n      let data = {\r\n        business_name: this.userData.BusinessName,\r\n        business_type: this.userData.BusinessType,\r\n        email: this.userData.Email,\r\n        district_code: this.userData.DistrictCode,\r\n        district_name: this.userData.DistrictName,\r\n        subdistrict_code: this.userData.SubDistrictCode,\r\n        subdistrict_name: this.userData.SubDistrictName,\r\n        province_code: this.userData.ProvinceCode,\r\n        province_name: this.userData.ProvinceName,\r\n        zipcode: this.userData.Zipcode,\r\n        branch: JSON.stringify(this.dataSource),\r\n        logo: this.userData.LogoUrl,\r\n      }\r\n      var files = e.target.files\r\n      if (files.length) {\r\n        return new Promise(resolve => {\r\n          BzbsUserProfile.postUploadExcel(data, files)\r\n            .then(res => {\r\n              resolve(res.data)\r\n            })\r\n            .catch(error => {\r\n              resolve(error)\r\n            })\r\n        })\r\n      }\r\n    },\r\n\r\n    // Modal\r\n    confirmModalAction(\r\n      title,\r\n      details,\r\n      modalType,\r\n      backto,\r\n      isOpenModal,\r\n      onConfirm,\r\n      onCancel,\r\n    ) {\r\n      this.confirmModalSetting.title = title\r\n      this.confirmModalSetting.details = details\r\n      this.confirmModalSetting.modalType = modalType\r\n      this.confirmModalSetting.isOpenModal = isOpenModal\r\n      this.confirmModalSetting.backto = backto\r\n      this.confirmModalSetting.onConfirm = onConfirm\r\n      this.confirmModalSetting.onCancel = onCancel\r\n    },\r\n    alertModalAction(title, details, modalType, isOpenModal) {\r\n      this.alertModalSetting.title = title\r\n      this.alertModalSetting.details = details\r\n      this.alertModalSetting.modalType = modalType\r\n      this.alertModalSetting.isOpenModal = isOpenModal\r\n      if (modalType == 'success' && isOpenModal) {\r\n        setTimeout(() => {\r\n          this.alertModalSetting.isOpenModal = false\r\n        }, 2000)\r\n      } else {\r\n        if (isOpenModal)\r\n          setTimeout(() => {\r\n            location.reload()\r\n          }, 2000)\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import '../styles/accountsetup_main.scss';\r\n\r\n.wrap-branch-page {\r\n  .none-event {\r\n    pointer-events: none !important;\r\n    color: $btn-disabled;\r\n  }\r\n  .ant-table .ant-table-thead > tr > td,\r\n  .ant-table .ant-table-tbody > tr > td {\r\n    padding: 15px 10px;\r\n    font-size: 14px;\r\n    font-weight: normal;\r\n    font-stretch: normal;\r\n    font-style: normal;\r\n    line-height: 1.57;\r\n    letter-spacing: 0.15px;\r\n    color: #616161;\r\n    border: initial;\r\n  }\r\n\r\n  tbody.ant-table-tbody {\r\n    background-color: #fafafa;\r\n  }\r\n\r\n  .ant-table .ant-table-tbody {\r\n    tr:nth-child(even) {\r\n      background-color: #f5f5f5;\r\n    }\r\n  }\r\n}\r\n.ant-table-row-cell-break-word {\r\n  word-break: inherit;\r\n}\r\n.dot-notification {\r\n  position: absolute;\r\n  right: -8px;\r\n  top: 0;\r\n}\r\n</style>\r\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!./Branch.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!./Branch.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Branch.vue?vue&type=template&id=e3faa44e&\"\nimport script from \"./Branch.vue?vue&type=script&lang=js&\"\nexport * from \"./Branch.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Branch.vue?vue&type=style&index=0&lang=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('a-modal',{staticClass:\"modal-Maps\",class:[_vm.currentLocale],attrs:{\"id\":\"modalMaps\",\"afterClose\":_vm.mapsClose},scopedSlots:_vm._u([{key:\"footer\",fn:function(){return [_c('a-button',{key:\"submit\",staticClass:\"btn-submit-map\",attrs:{\"type\":\"primary\"},on:{\"click\":_vm.handleSubmit}},[_vm._v(_vm._s(_vm.lbl['btn-submit']))])]},proxy:true}]),model:{value:(_vm.showModal),callback:function ($$v) {_vm.showModal=$$v},expression:\"showModal\"}},[_c('GmapMap',{ref:\"mapRef\",staticStyle:{\"width\":\"100%\",\"height\":\"50vmin\"},attrs:{\"center\":_vm.center,\"zoom\":12,\"map-style-id\":\"roadmap\",\"options\":_vm.mapOptions},on:{\"click\":_vm.handleMapClick}},[_c('GmapMarker',{attrs:{\"position\":_vm.marker.position,\"clickable\":true,\"draggable\":true},on:{\"drag\":_vm.handleMarkerDrag,\"click\":_vm.panToMarker}})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <a-modal\r\n      id=\"modalMaps\"\r\n      v-model=\"showModal\"\r\n      class=\"modal-Maps\"\r\n      :afterClose=\"mapsClose\"\r\n      :class=\"[currentLocale]\"\r\n    >\r\n      <GmapMap\r\n        :center=\"center\"\r\n        :zoom=\"12\"\r\n        map-style-id=\"roadmap\"\r\n        :options=\"mapOptions\"\r\n        style=\"width: 100%; height: 50vmin\"\r\n        ref=\"mapRef\"\r\n        @click=\"handleMapClick\"\r\n      >\r\n        <GmapMarker\r\n          :position=\"marker.position\"\r\n          :clickable=\"true\"\r\n          :draggable=\"true\"\r\n          @drag=\"handleMarkerDrag\"\r\n          @click=\"panToMarker\"\r\n        />\r\n      </GmapMap>\r\n      <!-- <button @click=\"geolocate\">Detect Location</button>\r\n      <p>Selected Position: {{ marker.position }}</p> -->\r\n      <template #footer>\r\n        <a-button\r\n          key=\"submit\"\r\n          type=\"primary\"\r\n          class=\"btn-submit-map\"\r\n          @click=\"handleSubmit\"\r\n          >{{ lbl['btn-submit'] }}</a-button\r\n        >\r\n      </template>\r\n    </a-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nimport Locale from '@/helper/locale.js'\r\n\r\nexport default {\r\n  name: 'GoogleMap',\r\n  mixins: [Mixin],\r\n  props: {\r\n    show: Boolean,\r\n  },\r\n  data() {\r\n    return {\r\n      marker: { position: { lat: 13.764783502066184, lng: 100.5020819538797 } },\r\n      center: { lat: 13.764783502066184, lng: 100.5020819538797 },\r\n      mapOptions: {\r\n        disableDefaultUI: true,\r\n      },\r\n      showModal: false,\r\n      currentLocale: Locale.getLocaleShort(),\r\n    }\r\n  },\r\n  watch: {\r\n    show(newVal, oldVal) {\r\n      console.log('Prop show: ', newVal, ' | was: ', oldVal)\r\n      if (newVal == true) {\r\n        this.modalShow(newVal)\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    geolocate() {\r\n      navigator.geolocation.getCurrentPosition(position => {\r\n        this.marker.position = {\r\n          lat: position.coords.latitude,\r\n          lng: position.coords.longitude,\r\n        }\r\n        this.panToMarker()\r\n      })\r\n    },\r\n    //sets the position of marker when dragged\r\n    handleMarkerDrag(e) {\r\n      this.marker.position = { lat: e.latLng.lat(), lng: e.latLng.lng() }\r\n    },\r\n    //Moves the map view port to marker\r\n    panToMarker() {\r\n      this.$refs.mapRef.panTo(this.marker.position)\r\n      this.$refs.mapRef.setZoom(18)\r\n    },\r\n    //Moves the marker to click position on the map\r\n    handleMapClick(e) {\r\n      this.marker.position = { lat: e.latLng.lat(), lng: e.latLng.lng() }\r\n      console.log(e)\r\n    },\r\n    modalShow(newVal) {\r\n      this.showModal = newVal\r\n    },\r\n    mapsClose() {\r\n      this.showModal = false\r\n      this.$emit('changeCloseGoogleMap', false)\r\n    },\r\n    handleSubmit() {\r\n      this.showModal = false\r\n      this.$emit('changeSubmitGoogleMap', this.marker.position)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@use '@/style/base/common' as common;\r\n\r\n\r\n#modalMaps {\r\n  .ant-modal {\r\n    width: 50% !important;\r\n  }\r\n\r\n  .btn-submit-map {\r\n    border: 1px solid common.$color-orange-2;\r\n    background-color: common.$color-orange-2;\r\n    padding: 0px 15px;\r\n    border-radius: 5px;\r\n    font-weight: 500;\r\n    font-size: 14px;\r\n    color: #fff;\r\n    cursor: pointer;\r\n  }\r\n\r\n  @media only screen and (max-width: 600px) {\r\n    .ant-modal {\r\n      width: 90% !important;\r\n    }\r\n  }\r\n  @media only screen and (max-width: 1280px) {\r\n    .ant-modal {\r\n      width: 80% !important;\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GoogleMap.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!./GoogleMap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GoogleMap.vue?vue&type=template&id=724bb9ec&\"\nimport script from \"./GoogleMap.vue?vue&type=script&lang=js&\"\nexport * from \"./GoogleMap.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GoogleMap.vue?vue&type=style&index=0&lang=scss&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['mainBG', _vm.isOpenModal ? 'open' : '']},[_c('div',{staticClass:\"mainModal\"},[_c('div',{staticClass:\"title\"},[_c('div',{staticClass:\"icon\",class:[_vm.modalType]},[(_vm.modalType == 'warning')?_c('img',{attrs:{\"src\":require(\"@/assets/images/Warning-1-circle.svg\"),\"alt\":\"Warning\",\"width\":\"24\",\"height\":\"24\"}}):_vm._e(),(_vm.modalType == 'danger')?_c('img',{attrs:{\"src\":require(\"@/assets/images/Trash.svg\"),\"alt\":\"Trash\",\"width\":\"24\",\"height\":\"24\"}}):_vm._e(),(_vm.modalType == 'question')?_c('img',{attrs:{\"src\":require(\"@/assets/images/selfonboard/question-blue.svg\"),\"alt\":\"question\",\"width\":\"24\",\"height\":\"24\"}}):_vm._e()]),_c('div',{staticClass:\"titleText\",style:({ 'font-size': _vm.fontSize + 'px' })},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")])]),(_vm.banner)?_c('div',{staticClass:\"banner\"},[_c('img',{attrs:{\"src\":_vm.banner,\"alt\":\"banner\"}})]):_vm._e(),_c('div',{staticClass:\"details\",domProps:{\"innerHTML\":_vm._s(_vm.details)}}),_c('div',{staticClass:\"content\"},[_vm._t(\"default\")],2),_c('div',{staticClass:\"btnContainer\"},[(_vm.showbackto)?_c('button',{staticClass:\"outlineprimary\",class:[_vm.modalType],attrs:{\"id\":\"friendgetfriends_fgfmodal_onactionmodalback_button\"},on:{\"click\":function($event){return _vm.onCancel()}}},[_vm._v(\" \"+_vm._s(_vm.backto)+\" \")]):_vm._e(),_c('button',{staticClass:\"primarybtn\",class:[_vm.modalType],attrs:{\"id\":\"friendgetfriends_fgfmodal_onactionmodalconfirm_button\",\"disabled\":_vm.disabledConfirm},on:{\"click\":function($event){return _vm.onConfirm()}}},[(_vm.confirm)?_c('span',[_vm._v(\" \"+_vm._s(_vm.confirm))]):_c('span',[_vm._v(\" \"+_vm._s(_vm.lbl['fgf-confirm'])+\" \")])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div :class=\"['mainBG', isOpenModal ? 'open' : '']\">\r\n    <div class=\"mainModal\">\r\n      <div class=\"title\">\r\n        <div class=\"icon\" :class=\"[modalType]\">\r\n          <img\r\n            src=\"@/assets/images/Warning-1-circle.svg\"\r\n            alt=\"Warning\"\r\n            width=\"24\"\r\n            height=\"24\"\r\n            v-if=\"modalType == 'warning'\"\r\n          />\r\n          <img\r\n            src=\"@/assets/images/Trash.svg\"\r\n            alt=\"Trash\"\r\n            width=\"24\"\r\n            height=\"24\"\r\n            v-if=\"modalType == 'danger'\"\r\n          />\r\n          <img\r\n            src=\"@/assets/images/selfonboard/question-blue.svg\"\r\n            alt=\"question\"\r\n            width=\"24\"\r\n            height=\"24\"\r\n            v-if=\"modalType == 'question'\"\r\n          />\r\n        </div>\r\n        <div class=\"titleText\" :style=\"{ 'font-size': fontSize + 'px' }\">\r\n          {{ title }}\r\n        </div>\r\n      </div>\r\n      <div v-if=\"banner\" class=\"banner\">\r\n        <img :src=\"banner\" alt=\"banner\" />\r\n      </div>\r\n      <div class=\"details\" v-html=\"details\"></div>\r\n      <div class=\"content\">\r\n        <slot></slot>\r\n      </div>\r\n      <div class=\"btnContainer\">\r\n        <button\r\n          id=\"friendgetfriends_fgfmodal_onactionmodalback_button\"\r\n          @click=\"onCancel()\"\r\n          class=\"outlineprimary\"\r\n          :class=\"[modalType]\"\r\n          v-if=\"showbackto\"\r\n        >\r\n          {{ backto }}\r\n        </button>\r\n        <button\r\n          id=\"friendgetfriends_fgfmodal_onactionmodalconfirm_button\"\r\n          @click=\"onConfirm()\"\r\n          class=\"primarybtn\"\r\n          :disabled=\"disabledConfirm\"\r\n          :class=\"[modalType]\"\r\n        >\r\n          <span v-if=\"confirm\"> {{ confirm }}</span>\r\n          <span v-else>\r\n            {{ lbl['fgf-confirm'] }}\r\n          </span>\r\n        </button>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Mixin from '@/mixin/Mixin'\r\nexport default {\r\n  mixins: [Mixin],\r\n  props: {\r\n    title: {\r\n      type: String,\r\n    },\r\n    banner: {\r\n      type: String,\r\n      default: null,\r\n    },\r\n    details: {\r\n      type: String,\r\n    },\r\n    backto: {\r\n      type: String,\r\n    },\r\n    confirm: {\r\n      type: String,\r\n    },\r\n    modalType: {\r\n      type: String,\r\n    },\r\n    isOpenModal: {\r\n      type: Boolean,\r\n    },\r\n    showbackto: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    disabledConfirm: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    onConfirm: {\r\n      type: Function,\r\n    },\r\n    onCancel: {\r\n      type: Function,\r\n    },\r\n    fontSize: {\r\n      type: String,\r\n      default: '24',\r\n    },\r\n  },\r\n  methods: {},\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use '@/style/base/common' as common;\r\n\r\n.mainBG {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background-color: rgba(0, 0, 0, 0.7);\r\n  z-index: 9999;\r\n  visibility: hidden;\r\n  opacity: 0;\r\n  transition: all 0.3s ease-in;\r\n  &.open {\r\n    visibility: visible;\r\n    opacity: 1;\r\n  }\r\n  .mainModal {\r\n    max-width: 530px;\r\n    width: 100%;\r\n    background-color: white;\r\n    border-radius: 8px;\r\n    padding: 24px;\r\n    z-index: 9999;\r\n    text-align: left;\r\n    .title {\r\n      display: flex;\r\n      .icon {\r\n        width: 44px;\r\n        height: 44px;\r\n        padding: 10px;\r\n        border-radius: 4px;\r\n        background-color: #fff3e0;\r\n        &.danger {\r\n          background-color: #ffe0e0;\r\n        }\r\n        &.question {\r\n          background-color: #e6f7ff;\r\n        }\r\n      }\r\n      .titleText {\r\n        margin-left: 8px;\r\n      }\r\n    }\r\n    .banner {\r\n      text-align: center;\r\n      margin: 16px auto;\r\n\r\n      img {\r\n        width: 100px;\r\n        height: 100px;\r\n      }\r\n    }\r\n    .details {\r\n      margin-top: 10px;\r\n      font-size: 14px;\r\n      .color-red-day {\r\n        color: red;\r\n      }\r\n    }\r\n    .btnContainer {\r\n      margin-top: 24px;\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      gap: 24px;\r\n    }\r\n  }\r\n}\r\n</style>\r\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!./confirmmodal2.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!./confirmmodal2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./confirmmodal2.vue?vue&type=template&id=b5943d36&scoped=true&\"\nimport script from \"./confirmmodal2.vue?vue&type=script&lang=js&\"\nexport * from \"./confirmmodal2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./confirmmodal2.vue?vue&type=style&index=0&id=b5943d36&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"b5943d36\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}