{"version":3,"sources":["webpack:///./src/views/Company/Lease/createLease.vue?dcca","webpack:///src/views/Company/Lease/createLease.vue","webpack:///./src/views/Company/Lease/createLease.vue?0b20","webpack:///./src/views/Company/Lease/createLease.vue","webpack:///./src/assets/img/profile-user.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","mode","on","$event","changeTab","class","tab","attrs","$t","_e","branches","model","value","callback","$$v","branchId","expression","directives","name","rawName","domProps","target","composing","rentPaid","$root","$i18n","locale","$store","getters","getDatePickerColor","formData","$set","branchSpaces","spacesLoader","rentDurations","durationLoader","rentDuration","rentDurationLength","occupants","$route","params","leaseId","leasedBy","userDetail","isButtonDisabled","createBranchLease","updateLease","staticStyle","staticRenderFns","$","title","components","MasterLayout","VueTagsInput","PulseLoader","ModelSelect","data","companyId","company","branch","maxDate","rentDate","expiryDate","branchSpaceID","occupantID","fullName","email","address","phoneNumber","branchSpace","created","watch","console","handler","deep","mounted","beforeDestroy","methods","getBranches","get","configObject","then","res","b","el","catch","error","getBranchSpaces","response","newData","finally","getRentDurations","getBranchLease","message","type","duration","url","post","query","dealerId","groupId","regionId","put","getBranchOccupants","component","module","exports"],"mappings":"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CA,wBAGAC,mBACA,uBAEA,WACAZ,IACA,+EACAC,qBAEAC,KAAAO,IACAA,mBACAJ,aACAA,sBACA,2CACA,oBAEA,4BAEAC,MAAAC,IACA,yBAEAI,QAAA,KACA,0BAGAE,iBACA,mBACA,WACAb,IACA,+DACAC,qBAEAC,KAAAO,IACA,uCACA,2CACA,iDACA,2CACA,gCAEAH,MAAAC,IACA,sBAGAlF,aACA,YAEAyC,qBAEA,GADA1C,oBACA,cAMA,YALA,kBACA0F,gDACAC,aACAC,eAIA,8CACA,oBACA,2CACA,MAMA,YALA,kBACAF,8CACAC,aACAC,mBAIA,+CAMA,YALA,kBACAF,8CACAC,aACAC,eAIA,OACA,6CAQA,YALA,kBACAF,8CACAC,aACAC,eALA,UAYA,yBACA,iBACA,gDACA,MAMA,YALA,kBACAF,8CACAC,aACAC,eASA,sBAMA,YALA,kBACAF,oDACAC,aACAC,eAIA,4BAMA,YALA,kBACAF,kDACAC,aACAC,eAKA,MAwBA,EAtBAvC,EADA,qBACAA,CACAjC,+BACAsC,gCACAC,oCACAC,0CACApB,oCACAP,+BACAC,oDAGAmB,CACAjC,+BACAsC,gCACAC,oCACAC,0CACAC,oCACA5B,+BACAC,oDAIA,yBAGA2D,EADA,qBACAA,+CAEAA,oDAEA/C,oBACA,WACAgD,KAAAD,EAAAxC,EAAAwB,qBACAC,KAAA,KACA,mBACA/D,oBACAgF,OACAzC,sCACA0C,oCACAC,kCACAC,uCAGA,kBACAR,qDACAC,eACAC,eAEA9C,oBACA,2BAEAoC,MAAAC,IACA,kBACAO,gCACAC,aACAC,eAEA,yBACA9C,uBAGAH,eAEA,GADA3C,oBACA,cAMA,YALA,kBACA0F,gDACAC,aACAC,eAIA,8CACA,oBACA,2CACA,MAMA,YALA,kBACAF,8CACAC,aACAC,mBAIA,+CAMA,YALA,kBACAF,8CACAC,aACAC,eAIA,OACA,6CAQA,YALA,kBACAF,8CACAC,aACAC,eALA,UAYA,yBACA,iBACA,gDACA,MAMA,YALA,kBACAF,8CACAC,aACAC,eASA,OACAlC,gCACAC,oCACAC,0CACAC,oCACAtB,wBAEA,eASA,yBACAO,oBAEA,WACAqD,IACA,sEACA9C,EACAwB,qBAEAC,KAAA,KACA,mBACA/D,oBACAgF,OACAzC,sCACA1C,oCACAoF,oCACAC,kCACAC,uCAGA,kBACAR,qDACAC,eACAC,eAEA9C,oBACA,2BAEAoC,MAAAC,IACA,kBACAO,gCACAC,aACAC,eAEA,yBACA9C,uBA3CA,kBACA4C,gDACAC,aACAC,gBA2CAQ,qBACA,mBAEA,WACAxB,IACA,yDACAC,qBAEAC,KAAAO,IACAA,mBACAJ,sCACAA,eAEA,wBAEAC,MAAAC,IACA,wBC7uBmX,I,YCO/WkB,EAAY,eACd,EACAjH,EACAyD,GACA,EACA,KACA,KACA,MAIa,aAAAwD,E,8BClBfC,EAAOC,QAAU,IAA0B","file":"js/chunk-b9b61098.befeae48.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('MasterLayout',[_c('div',{staticClass:\"new-staff\"},[_c('div',{staticClass:\"add_new_bank_account_header\"},[_c('p',[_vm._v(_vm._s(_vm.mode == \"create\" ? \"Create Rent\" : \"Edit Rent \"))])]),_vm._v(\" \"),_c('div',{staticClass:\"cover\"},[(_vm.mode === 'create')?_c('div',{staticClass:\"row mt-4\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"card cursor-pointer\",on:{\"click\":function($event){_vm.mode === 'create' ? _vm.changeTab('newUser') : null}}},[_c('div',{staticClass:\"card-body text-center br-7\",class:[_vm.tab == 'newUser' ? 'activeCard' : null]},[_c('img',{attrs:{\"src\":require(\"@/assets/img/profile-user.png\"),\"width\":\"50\"}}),_vm._v(\" \"),_c('h5',{staticClass:\"card-text font-bold mt-3\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bLease.newUser\"))+\"\\n              \")])])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"card cursor-pointer\",on:{\"click\":function($event){_vm.mode === 'create' ? _vm.changeTab('oldUser') : null}}},[_c('div',{staticClass:\"card-body text-center\",class:[_vm.tab == 'oldUser' ? 'activeCard' : null]},[_c('img',{attrs:{\"src\":require(\"@/assets/img/profile-user.png\"),\"width\":\"50\"}}),_vm._v(\" \"),_c('h5',{staticClass:\"font-bold mt-3 card-text\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bLease.existingUser\"))+\"\\n              \")])])])])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"personal mt-4\"},[_c('h5',[_vm._v(_vm._s(_vm.$t(\"text.bLease.leaseInfo\")))]),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[(_vm.mode === 'create')?_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.cashflow.selectStation\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('model-select',{attrs:{\"options\":_vm.branches,\"placeholder\":_vm.$t('text.cBranchLease.selectBranch')},model:{value:(_vm.branchId),callback:function ($$v) {_vm.branchId=$$v},expression:\"branchId\"}})],1)]):_vm._e(),_vm._v(\" \"),(_vm.mode === 'create')?_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"text.bLease.rentPaid\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.rentPaid),expression:\"rentPaid\"}],staticClass:\"border-0\",attrs:{\"type\":\"number\",\"placeholder\":\"Rent  paid\"},domProps:{\"value\":(_vm.rentPaid)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.rentPaid=$event.target.value}}})])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"text.bLease.rentDate\"))+\" \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('vue-ctk-date-time-picker',{attrs:{\"onlyDate\":true,\"autoClose\":true,\"locale\":this.$root.$i18n.locale,\"color\":_vm.$store.getters.getDatePickerColor,\"format\":\"YYYY-MM-DDTHH:mm:ss\",\"formatted\":\"DD/MM/YYYY\",\"label\":_vm.$t('text.calendar.selectDate')},model:{value:(_vm.formData.rentDate),callback:function ($$v) {_vm.$set(_vm.formData, \"rentDate\", $$v)},expression:\"formData.rentDate\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bLease.availableBs\"))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('model-select',{attrs:{\"options\":_vm.branchSpaces,\"placeholder\":_vm.spacesLoader ? 'Loading...' : _vm.$t('text.bLease.selectBS')},model:{value:(_vm.formData.branchSpaceID),callback:function ($$v) {_vm.$set(_vm.formData, \"branchSpaceID\", $$v)},expression:\"formData.branchSpaceID\"}})],1)]),_vm._v(\" \"),(_vm.formData.branchSpaceID)?_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bLease.selectRentDur\"))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('model-select',{attrs:{\"options\":_vm.rentDurations,\"placeholder\":_vm.durationLoader ? 'Loading...' : 'select rent duration'},model:{value:(_vm.rentDuration),callback:function ($$v) {_vm.rentDuration=$$v},expression:\"rentDuration\"}})],1)]):_vm._e(),_vm._v(\" \"),(_vm.rentDuration)?_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bLease.rentDurLength\"))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.rentDurationLength),expression:\"rentDurationLength\"}],staticClass:\"border-0\",attrs:{\"type\":\"number\",\"placeholder\":_vm.$t('text.bLease.rentDurLength')},domProps:{\"value\":(_vm.rentDurationLength)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.rentDurationLength=$event.target.value}}})])]):_vm._e(),_vm._v(\" \"),(_vm.tab === 'oldUser')?_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bLease.availableOccupants\"))+\"\\n              \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('model-select',{attrs:{\"options\":_vm.occupants,\"placeholder\":_vm.$t('text.bLease.seleceOcc')},model:{value:(_vm.formData.occupantID),callback:function ($$v) {_vm.$set(_vm.formData, \"occupantID\", $$v)},expression:\"formData.occupantID\"}})],1)]):_vm._e(),_vm._v(\" \"),(_vm.tab === 'oldUser' && _vm.$route.params.leaseId)?_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"text.bLease.leasedBy\"))+\" \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.leasedBy),expression:\"leasedBy\"}],staticClass:\"border-0\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.bLease.leasedBy')},domProps:{\"value\":(_vm.leasedBy)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.leasedBy=$event.target.value}}})])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"})])]),_vm._v(\" \"),(_vm.tab === 'newUser')?_c('div',{staticClass:\"personal mt-4\"},[_c('h5',[_vm._v(_vm._s(_vm.$t(\"text.bLease.userDetails\")))]),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"text.form.fullName\"))+\" \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.userDetail.fullName),expression:\"formData.userDetail.fullName\"}],staticClass:\"border-0\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.form.fullName')},domProps:{\"value\":(_vm.formData.userDetail.fullName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.formData.userDetail, \"fullName\", $event.target.value)}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"text.form.email\"))+\" \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.userDetail.email),expression:\"formData.userDetail.email\"}],staticClass:\"border-0\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.form.email')},domProps:{\"value\":(_vm.formData.userDetail.email)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.formData.userDetail, \"email\", $event.target.value)}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(_vm._s(_vm.$t(\"text.form.address\"))+\" \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.userDetail.address),expression:\"formData.userDetail.address\"}],staticClass:\"border-0\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.form.address')},domProps:{\"value\":(_vm.formData.userDetail.address)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.formData.userDetail, \"address\", $event.target.value)}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"input__group__block mt-4 col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"text.form.phoneNo\"))+\" \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.userDetail.phoneNumber),expression:\"formData.userDetail.phoneNumber\"}],staticClass:\"border-0\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.form.phoneNo')},domProps:{\"value\":(_vm.formData.userDetail.phoneNumber)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.formData.userDetail, \"phoneNumber\", $event.target.value)}}})])])])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-4 pb-4\"},[_c('button',{staticClass:\"ep-btn ep-primary\",attrs:{\"disabled\":_vm.isButtonDisabled ? true : false},on:{\"click\":function($event){_vm.mode === 'create'\n              ? _vm.createBranchLease($event)\n              : _vm.updateLease($event)}}},[_vm._v(\"\\n          \"+_vm._s(_vm.mode == \"create\" ? \"Create\" : \"Update\")+\"\\n        \")]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <MasterLayout>\r\n    <div class=\"new-staff\">\r\n      <div class=\"add_new_bank_account_header\">\r\n        <p>{{ mode == \"create\" ? \"Create Rent\" : \"Edit Rent \" }}</p>\r\n      </div>\r\n      <div class=\"cover\">\r\n        <div class=\"row mt-4\" v-if=\"mode === 'create'\">\r\n          <div class=\"col-md-6\">\r\n            <div\r\n              class=\"card cursor-pointer\"\r\n              @click=\"mode === 'create' ? changeTab('newUser') : null\"\r\n            >\r\n              <div\r\n                class=\"card-body text-center br-7\"\r\n                :class=\"[tab == 'newUser' ? 'activeCard' : null]\"\r\n              >\r\n                <img src=\"@/assets/img/profile-user.png\" width=\"50\" />\r\n                <h5 class=\"card-text font-bold mt-3\">\r\n                  {{ $t(\"text.bLease.newUser\") }}\r\n                </h5>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-md-6\">\r\n            <div\r\n              class=\"card cursor-pointer\"\r\n              @click=\"mode === 'create' ? changeTab('oldUser') : null\"\r\n            >\r\n              <div\r\n                class=\"card-body text-center\"\r\n                :class=\"[tab == 'oldUser' ? 'activeCard' : null]\"\r\n              >\r\n                <img src=\"@/assets/img/profile-user.png\" width=\"50\" />\r\n                <h5 class=\"font-bold mt-3 card-text\">\r\n                  {{ $t(\"text.bLease.existingUser\") }}\r\n                </h5>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"personal mt-4\">\r\n          <h5>{{ $t(\"text.bLease.leaseInfo\") }}</h5>\r\n          <div class=\"row\">\r\n            <div\r\n              class=\"input__group__block mt-4 col-md-6\"\r\n              v-if=\"mode === 'create'\"\r\n            >\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{ $t(\"text.cashflow.selectStation\") }}</span\r\n                >\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <model-select\r\n                  :options=\"branches\"\r\n                  v-model=\"branchId\"\r\n                  :placeholder=\"$t('text.cBranchLease.selectBranch')\"\r\n                >\r\n                </model-select>\r\n              </div>\r\n            </div>\r\n\r\n            <div\r\n              class=\"input__group__block mt-4 col-md-6\"\r\n              v-if=\"mode === 'create'\"\r\n            >\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\"> {{ $t(\"text.bLease.rentPaid\") }}</span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <input\r\n                  type=\"number\"\r\n                  placeholder=\"Rent  paid\"\r\n                  v-model=\"rentPaid\"\r\n                  class=\"border-0\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\"> {{ $t(\"text.bLease.rentDate\") }} </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <vue-ctk-date-time-picker\r\n                  v-model=\"formData.rentDate\"\r\n                  :onlyDate=\"true\"\r\n                  :autoClose=\"true\"\r\n                  :locale=\"this.$root.$i18n.locale\"\r\n                  :color=\"$store.getters.getDatePickerColor\"\r\n                  format=\"YYYY-MM-DDTHH:mm:ss\"\r\n                  formatted=\"DD/MM/YYYY\"\r\n                  :label=\"$t('text.calendar.selectDate')\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <!-- <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\"> {{ $t(\"text.bLease.exDate\") }} </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <vue-ctk-date-time-picker\r\n                  v-model=\"formData.expiryDate\"\r\n                  :onlyDate=\"true\"\r\n                  :autoClose=\"true\"\r\n                  :locale=\"this.$root.$i18n.locale\"\r\n                  :color=\"$store.getters.getDatePickerColor\"\r\n                  format=\"YYYY-MM-DDTHH:mm:ss\"\r\n                  formatted=\"DD/MM/YYYY\"\r\n                  :label=\"$t('text.calendar.selectDate')\"\r\n                />\r\n              </div>\r\n            </div> -->\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{ $t(\"text.bLease.availableBs\") }}\r\n                </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <model-select\r\n                  :options=\"branchSpaces\"\r\n                  v-model=\"formData.branchSpaceID\"\r\n                  :placeholder=\"\r\n                    spacesLoader ? 'Loading...' : $t('text.bLease.selectBS')\r\n                  \"\r\n                >\r\n                </model-select>\r\n              </div>\r\n            </div>\r\n            <div\r\n              class=\"input__group__block mt-4 col-md-6\"\r\n              v-if=\"formData.branchSpaceID\"\r\n            >\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{ $t(\"text.bLease.selectRentDur\") }}\r\n                </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <model-select\r\n                  :options=\"rentDurations\"\r\n                  v-model=\"rentDuration\"\r\n                  :placeholder=\"\r\n                    durationLoader ? 'Loading...' : 'select rent duration'\r\n                  \"\r\n                >\r\n                </model-select>\r\n              </div>\r\n            </div>\r\n            <div class=\"input__group__block mt-4 col-md-6\" v-if=\"rentDuration\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{ $t(\"text.bLease.rentDurLength\") }}\r\n                </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <input\r\n                  type=\"number\"\r\n                  :placeholder=\"$t('text.bLease.rentDurLength')\"\r\n                  v-model=\"rentDurationLength\"\r\n                  class=\"border-0\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div\r\n              class=\"input__group__block mt-4 col-md-6\"\r\n              v-if=\"tab === 'oldUser'\"\r\n            >\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">\r\n                  {{ $t(\"text.bLease.availableOccupants\") }}\r\n                </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <model-select\r\n                  :options=\"occupants\"\r\n                  v-model=\"formData.occupantID\"\r\n                  :placeholder=\"$t('text.bLease.seleceOcc')\"\r\n                >\r\n                </model-select>\r\n              </div>\r\n            </div>\r\n            <div\r\n              class=\"input__group__block mt-4 col-md-6\"\r\n              v-if=\"tab === 'oldUser' && $route.params.leaseId\"\r\n            >\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\"> {{ $t(\"text.bLease.leasedBy\") }} </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"$t('text.bLease.leasedBy')\"\r\n                  v-model=\"leasedBy\"\r\n                  class=\"border-0\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"col-md-6\"></div>\r\n          </div>\r\n        </div>\r\n        <div class=\"personal mt-4\" v-if=\"tab === 'newUser'\">\r\n          <h5>{{ $t(\"text.bLease.userDetails\") }}</h5>\r\n          <div class=\"row\">\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\"> {{ $t(\"text.form.fullName\") }} </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"$t('text.form.fullName')\"\r\n                  v-model=\"formData.userDetail.fullName\"\r\n                  class=\"border-0\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\"> {{ $t(\"text.form.email\") }} </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"$t('text.form.email')\"\r\n                  v-model=\"formData.userDetail.email\"\r\n                  class=\"border-0\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\">{{ $t(\"text.form.address\") }} </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"$t('text.form.address')\"\r\n                  v-model=\"formData.userDetail.address\"\r\n                  class=\"border-0\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"input__group__block mt-4 col-md-6\">\r\n              <label class=\"required\">\r\n                <span class=\"mylabel\"> {{ $t(\"text.form.phoneNo\") }} </span>\r\n              </label>\r\n              <div class=\"price_change_input_wrapper\">\r\n                <input\r\n                  type=\"text\"\r\n                  :placeholder=\"$t('text.form.phoneNo')\"\r\n                  v-model=\"formData.userDetail.phoneNumber\"\r\n                  class=\"border-0\"\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"text-center mt-4 pb-4\">\r\n          <button\r\n            :disabled=\"isButtonDisabled ? true : false\"\r\n            class=\"ep-btn ep-primary\"\r\n            @click=\"\r\n              mode === 'create'\r\n                ? createBranchLease($event)\r\n                : updateLease($event)\r\n            \"\r\n          >\r\n            {{ mode == \"create\" ? \"Create\" : \"Update\" }}\r\n          </button>\r\n          <img\r\n            src=\"@/assets/img/git_loader.gif\"\r\n            style=\"display: none\"\r\n            width=\"35px\"\r\n            class=\"ml-3 loader\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </MasterLayout>\r\n</template>\r\n\r\n<script>\r\nimport MasterLayout from \"@/views/Company/MasterLayout.vue\";\r\nimport configObject from \"@/config\";\r\nimport backgroundUrl from \"@/assets/img/retain.jpg\";\r\nimport VueTagsInput from \"@johmun/vue-tags-input\";\r\nimport PulseLoader from \"vue-spinner/src/PulseLoader.vue\";\r\nimport { ModelSelect } from \"vue-search-select\";\r\nimport \"vue-search-select/dist/VueSearchSelect.css\";\r\n\r\nimport JQuery from \"jquery\";\r\nimport { BIconChatLeftTextFill } from \"bootstrap-vue\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Create branch lease :: Epump Portal\",\r\n  name: \"CreateBranchLease\",\r\n  components: {\r\n    MasterLayout,\r\n    VueTagsInput,\r\n    PulseLoader,\r\n    ModelSelect,\r\n  },\r\n  data() {\r\n    return {\r\n      companyId: null,\r\n      company: null,\r\n      branches: [],\r\n      branchId: null,\r\n\r\n      branch: \"\",\r\n      tab: \"newUser\",\r\n      spacesLoader: false,\r\n      durationLoader: false,\r\n      occupants: [],\r\n      maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n      leasedBy: \"\",\r\n      rentPaid: 0,\r\n      formData: {\r\n        rentDate: this.$moment().format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n        expiryDate: this.$moment().format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n        branchSpaceID: \"\",\r\n        occupantID: \"\",\r\n        userDetail: {\r\n          fullName: \"\",\r\n          email: \"\",\r\n          address: \"\",\r\n          phoneNumber: \"\",\r\n        },\r\n      },\r\n      branchSpaces: [],\r\n      branchSpace: \"\",\r\n      mode: \"create\",\r\n      isButtonDisabled: false,\r\n      rentDurations: [],\r\n      rentDuration: null,\r\n      rentDurationLength: null,\r\n    };\r\n  },\r\n  // created() {\r\n  //   this.$eventHub.$on(\"branch\", (branch) => {\r\n  //     this.branch = branch;\r\n  //     document.title = `Create Branch Lease :: ${branch.name} Retail Outlet`;\r\n  //   });\r\n  // },\r\n  created() {\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n    });\r\n\r\n    if (this.$route.query.companyId) {\r\n      this.companyId = this.$route.query.companyId;\r\n      this.getBranches();\r\n    }\r\n  },\r\n  watch: {\r\n    company(company) {\r\n      if (company !== null) {\r\n        console.log(company, \"jjjj\");\r\n        this.companyId = company.id;\r\n        this.getBranches();\r\n      }\r\n    },\r\n    \"formData.branchSpaceID\": {\r\n      handler() {\r\n        this.getRentDurations();\r\n      },\r\n      deep: true,\r\n    },\r\n    branchId: function (newBranch, oldBranch) {\r\n      if (newBranch) {\r\n        if (this.branchId !== null) {\r\n          this.getBranchSpaces();\r\n          this.getBranchOccupants();\r\n        }\r\n      }\r\n    },\r\n  },\r\n\r\n  mounted() {\r\n    if (this.$route.query.leaseId && this.$route.query.create !== \"yes\") {\r\n      this.mode = \"edit\";\r\n      this.tab = \"oldUser\";\r\n      this.getBranchLease();\r\n    }\r\n  },\r\n  beforeDestroy() {},\r\n  methods: {\r\n    //Requests\r\n    getBranches() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Company/Branches/${this.companyId}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          res.data.sort((a, b) => {\r\n            return a.name.toLowerCase() > b.name.toLowerCase()\r\n              ? 1\r\n              : b.name.toLowerCase() > a.name.toLowerCase()\r\n              ? -1\r\n              : 0;\r\n          });\r\n\r\n          this.branches = res.data;\r\n          this.branches.forEach((el) => {\r\n            el.text = el.name;\r\n            el.value = el.id;\r\n          });\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    getBranchSpaces() {\r\n      this.spacesLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/BranchSpace/Get/All/${this.branchId}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          const newData = response.data.filter(\r\n            (data) => data.isAvailable === true\r\n          );\r\n          newData.forEach((el) => {\r\n            el.text = el.name;\r\n            el.value = el.id;\r\n          });\r\n          this.branchSpaces = newData;\r\n        })\r\n        .catch((error) => {\r\n          this.spacesLoader = false;\r\n        })\r\n        .finally(() => {\r\n          this.spacesLoader = false;\r\n        });\r\n    },\r\n    getRentDurations() {\r\n      this.durationLoader = true;\r\n\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/BranchSpace/RentDuration/${this.formData.branchSpaceID}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          response.data.forEach((el) => {\r\n            el.value = el.id;\r\n            el.text = `${el.name} - ${\r\n              this.branch ? this.branch.currencyCode : \"\"\r\n            } ${el.durationPrice}`;\r\n          });\r\n          this.rentDurations = response.data;\r\n        })\r\n        .catch((error) => {\r\n          this.durationLoader = false;\r\n        })\r\n        .finally(() => {\r\n          this.durationLoader = false;\r\n        });\r\n    },\r\n    getBranchLease() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Lease/Get/${this.$route.params.leaseId}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.formData.rentDate = response.data.rentdate;\r\n          this.formData.expiryDate = response.data.expiryDate;\r\n          this.formData.branchSpaceID = response.data.branchSpaceID;\r\n          this.formData.occupantID = response.data.occupantID;\r\n          this.leasedBy = response.data.leasedBy;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n    changeTab(tab) {\r\n      this.tab = tab;\r\n    },\r\n    createBranchLease($event) {\r\n      $event.preventDefault();\r\n      if (!this.rentPaid) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bLease.rentPaidRequired\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n      for (let [key, value] of Object.entries(this.formData)) {\r\n        if (key !== \"userDetail\") {\r\n          if (this.tab === \"oldUser\" && key === \"occupantID\") {\r\n            if (!value) {\r\n              this.$toast.open({\r\n                message: `${key} ${$t(\"text.bLease.isRequest\")}`,\r\n                type: \"error\",\r\n                duration: 5000,\r\n              });\r\n              return;\r\n            }\r\n          } else if (this.tab === \"oldUser\" && key !== \"occupantID\" && !value) {\r\n            this.$toast.open({\r\n              message: `${key} ${$t(\"text.bLease.isRequest\")}`,\r\n              type: \"error\",\r\n              duration: 5000,\r\n            });\r\n            return;\r\n          } else {\r\n            if (!value) {\r\n              if (key === \"occupantID\" && !value && this.tab === \"newUser\") {\r\n                continue;\r\n              } else {\r\n                this.$toast.open({\r\n                  message: `${key} ${$t(\"text.bLease.isRequest\")}`,\r\n                  type: \"error\",\r\n                  duration: 5000,\r\n                });\r\n                return;\r\n              }\r\n            }\r\n          }\r\n        }\r\n        if (this.tab === \"newUser\") {\r\n          if (key === \"userDetail\") {\r\n            for (let [prop, value] of Object.entries(this.formData[key])) {\r\n              if (!value) {\r\n                this.$toast.open({\r\n                  message: `${prop} ${$t(\"text.bLease.isRequest\")}`,\r\n                  type: \"error\",\r\n                  duration: 5000,\r\n                });\r\n                return;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      if (!this.rentDuration) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bLease.rentDurationRequired\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.rentDurationLength) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bLease.rentDurLenRequired\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      let data;\r\n      if (this.tab === \"newUser\") {\r\n        data = {\r\n          rentPaid: Number(this.rentPaid),\r\n          rentDate: this.formData.rentDate,\r\n          expiryDate: this.formData.expiryDate,\r\n          branchSpaceID: this.formData.branchSpaceID,\r\n          userDetail: this.formData.userDetail,\r\n          rentDuration: this.rentDuration,\r\n          rentDurationLength: Number(this.rentDurationLength),\r\n        };\r\n      } else {\r\n        data = {\r\n          rentPaid: Number(this.rentPaid),\r\n          rentDate: this.formData.rentDate,\r\n          expiryDate: this.formData.expiryDate,\r\n          branchSpaceID: this.formData.branchSpaceID,\r\n          occupantID: this.formData.occupantID,\r\n          rentDuration: this.rentDuration,\r\n          rentDurationLength: Number(this.rentDurationLength),\r\n        };\r\n      }\r\n\r\n      this.isButtonDisabled = true;\r\n      let url;\r\n      if (this.tab === \"newUser\") {\r\n        url = `${configObject.apiBaseUrl}/Lease/CreateLease/NewUser`;\r\n      } else {\r\n        url = `${configObject.apiBaseUrl}/Lease/CreateLease/ExistingUser`;\r\n      }\r\n      $(\".loader\").show();\r\n      this.axios\r\n        .post(url, data, configObject.authConfig())\r\n        .then(() => {\r\n          this.$router.push({\r\n            name: \"CompanyLease\",\r\n            query: {\r\n              companyId: this.$route.query.companyId,\r\n              dealerId: this.$route.query.dealerId,\r\n              groupId: this.$route.query.groupId,\r\n              regionId: this.$route.query.regionId,\r\n            },\r\n          });\r\n          this.$toast.open({\r\n            message: this.$t(\"text.bLease.successfullyCreatedBL\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n        });\r\n    },\r\n    updateLease($event) {\r\n      $event.preventDefault();\r\n      if (!this.leasedBy) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bLease.leasedByRequired\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n      for (let [key, value] of Object.entries(this.formData)) {\r\n        if (key !== \"userDetail\") {\r\n          if (this.tab === \"oldUser\" && key === \"occupantID\") {\r\n            if (!value) {\r\n              this.$toast.open({\r\n                message: `${key} ${$t(\"text.bLease.isRequest\")}`,\r\n                type: \"error\",\r\n                duration: 5000,\r\n              });\r\n              return;\r\n            }\r\n          } else if (this.tab === \"oldUser\" && key !== \"occupantID\" && !value) {\r\n            this.$toast.open({\r\n              message: `${key} ${$t(\"text.bLease.isRequest\")}`,\r\n              type: \"error\",\r\n              duration: 5000,\r\n            });\r\n            return;\r\n          } else {\r\n            if (!value) {\r\n              if (key === \"occupantID\" && !value && this.tab === \"newUser\") {\r\n                continue;\r\n              } else {\r\n                this.$toast.open({\r\n                  message: `${key} ${$t(\"text.bLease.isRequest\")}`,\r\n                  type: \"error\",\r\n                  duration: 5000,\r\n                });\r\n                return;\r\n              }\r\n            }\r\n          }\r\n        }\r\n        if (this.tab === \"newUser\") {\r\n          if (key === \"userDetail\") {\r\n            for (let [prop, value] of Object.entries(this.formData[key])) {\r\n              if (!value) {\r\n                this.$toast.open({\r\n                  message: `${prop} ${$t(\"text.bLease.isRequest\")}`,\r\n                  type: \"error\",\r\n                  duration: 5000,\r\n                });\r\n                return;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n\r\n      let data = {\r\n        rentDate: this.formData.rentDate,\r\n        expiryDate: this.formData.expiryDate,\r\n        branchSpaceID: this.formData.branchSpaceID,\r\n        occupantID: this.formData.occupantID,\r\n        leasedBy: this.leasedBy,\r\n      };\r\n      if (!this.leasedBy) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bLease.leasedByRequired\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n\r\n      this.axios\r\n        .put(\r\n          `${configObject.apiBaseUrl}/Lease/Edit/Lease/${this.$route.params.leaseId}`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          this.$router.push({\r\n            name: \"branch_Lease\",\r\n            query: {\r\n              companyId: this.$route.query.companyId,\r\n              branchId: this.$route.query.branchId,\r\n              dealerId: this.$route.query.dealerId,\r\n              groupId: this.$route.query.groupId,\r\n              regionId: this.$route.query.regionId,\r\n            },\r\n          });\r\n          this.$toast.open({\r\n            message: this.$t(\"text.bLease.successfullyUpdatedBL\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n        });\r\n    },\r\n    getBranchOccupants() {\r\n      this.showLoader = true;\r\n\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Occupant/Get/All/${this.branchId}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          response.data.forEach((el) => {\r\n            el.text = `${el.firstName} ${el.lastName}`;\r\n            el.value = el.id;\r\n          });\r\n          this.occupants = response.data;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./createLease.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./createLease.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./createLease.vue?vue&type=template&id=7bf70837&\"\nimport script from \"./createLease.vue?vue&type=script&lang=js&\"\nexport * from \"./createLease.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/profile-user.415adf5d.png\";"],"sourceRoot":""}