{"version":3,"sources":["webpack:///./src/views/Branch/Lease/createLease.vue?de98","webpack:///src/views/Branch/Lease/createLease.vue","webpack:///./src/views/Branch/Lease/createLease.vue?9bfd","webpack:///./src/views/Branch/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","directives","name","rawName","value","expression","domProps","target","composing","rentPaid","$root","$i18n","locale","$store","getters","getDatePickerColor","model","formData","callback","$$v","$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","branch","maxDate","rentDate","expiryDate","branchSpaceID","occupantID","fullName","email","address","phoneNumber","branchSpace","watch","handler","deep","created","document","mounted","beforeDestroy","methods","getBranchSpaces","get","configObject","then","response","newData","el","catch","error","finally","getRentDurations","getBranchLease","message","type","duration","url","post","query","companyId","branchId","dealerId","groupId","regionId","put","getBranchOccupants","component","module","exports"],"mappings":"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cAAc+C,YAAY,CAAC,QAAU,QAAQtC,MAAM,CAAC,IAAM,EAAQ,QAA+B,MAAQ,mBAC5QuC,EAAkB,G,kHCgRtB,IAAIC,EAAI,IAEO,OACfC,4CACArC,yBACAsC,YACAC,oBACAC,iBACAC,mBACAC,8BAEAC,OACA,OACAC,UACAjD,cAEAyB,gBACAE,kBACAG,aACAoB,oDACAhB,YACAtB,WACAQ,UACA+B,sDACAC,wDACAC,iBACAC,cACAnB,YACAoB,YACAC,SACAC,WACAC,iBAGAlC,gBACAmC,eACAhE,cACAyC,oBACAV,iBACAE,kBACAC,0BAGA+B,OACA,0BACAC,UACA,yBAEAC,SAEAb,qBACA,OACA,6BACA,uBACA,uBACA,8BAKAc,UACA,gCACA,cACAC,mEAGAC,UACA,8DACA,iBACA,mBACA,wBAGAC,kBACAC,SACAC,kBACA,qBACA,WACAC,IACA,6DACAC,qBAEAC,KAAAC,IACA,sBACAxB,uBAEAyB,cACAC,cACAA,eAEA,sBAEAC,MAAAC,IACA,uBAEAC,QAAA,KACA,wBAGAC,mBACA,uBAEA,WACAT,IACA,+EACAC,qBAEAC,KAAAC,IACAA,mBACAE,aACAA,sBACA,2CACA,oBAEA,4BAEAC,MAAAC,IACA,yBAEAC,QAAA,KACA,0BAGAE,iBACA,mBACA,WACAV,IACA,+DACAC,qBAEAC,KAAAC,IACA,uCACA,2CACA,iDACA,2CACA,gCAEAG,MAAAC,IACA,sBAGA9E,aACA,YAEAuC,qBAEA,GADAxC,oBACA,cAMA,YALA,kBACAmF,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,EAtBAlC,EADA,qBACAA,CACApC,+BACAuC,gCACAC,oCACAC,0CACAlB,oCACAP,+BACAC,oDAGAmB,CACApC,+BACAuC,gCACAC,oCACAC,0CACAC,oCACA1B,+BACAC,oDAIA,yBAGAsD,EADA,qBACAA,+CAEAA,oDAEA1C,oBACA,WACA2C,KAAAD,EAAAnC,EAAAsB,qBACAC,KAAA,KACA,mBACAlE,oBACAgF,OACAC,gCACAC,wBACAC,oCACAC,kCACAC,uCAGA,kBACAV,qDACAC,eACAC,eAEAzC,oBACA,2BAEAkC,MAAAC,IACA,kBACAI,gCACAC,aACAC,eAEA,yBACAzC,uBAGAH,eAEA,GADAzC,oBACA,cAMA,YALA,kBACAmF,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,OACA/B,gCACAC,oCACAC,0CACAC,oCACApB,wBAEA,eASA,yBACAO,oBAEA,WACAkD,IACA,sEACA3C,EACAsB,qBAEAC,KAAA,KACA,mBACAlE,oBACAgF,OACAC,sCACAC,oCACAC,oCACAC,kCACAC,uCAGA,kBACAV,qDACAC,eACAC,eAEAzC,oBACA,2BAEAkC,MAAAC,IACA,kBACAI,gCACAC,aACAC,eAEA,yBACAzC,uBA3CA,kBACAuC,gDACAC,aACAC,gBA2CAU,qBACA,mBAEA,WACAvB,IACA,0DACAC,qBAEAC,KAAAC,IACAA,mBACAE,sCACAA,eAEA,wBAEAC,MAAAC,IACA,wBC9qBmX,I,YCO/WiB,EAAY,eACd,EACA5G,EACAuD,GACA,EACA,KACA,KACA,MAIa,aAAAqD,E,8BClBfC,EAAOC,QAAU,IAA0B","file":"js/chunk-c35ed7e8.42d60469.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(\" \"+_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\"> {{ $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/Branch/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      branch: \"\",\r\n      tab: \"newUser\",\r\n\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  watch: {\r\n    \"formData.branchSpaceID\": {\r\n      handler() {\r\n        this.getRentDurations();\r\n      },\r\n      deep: true,\r\n    },\r\n    branch: function (newBranch, oldBranch) {\r\n      if (newBranch.id) {\r\n        this.branchId = this.branch.id;\r\n        if (this.branchId !== null) {\r\n          this.getBranchSpaces();\r\n          this.getBranchOccupants();\r\n        }\r\n      }\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  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    getBranchSpaces() {\r\n      this.spacesLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/BranchSpace/Get/All/${this.branch.id}`,\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: \"branch_Lease\",\r\n            query: {\r\n              companyId: this.branch.companyId,\r\n              branchId: this.branch.id,\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.branch.id}`,\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=246fe110&\"\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":""}