{"version":3,"sources":["webpack:///./src/assets/img/box-grayed.png","webpack:///./src/views/Branch/Services/addtransaction.vue?8492","webpack:///src/views/Branch/Services/addtransaction.vue","webpack:///./src/views/Branch/Services/addtransaction.vue?7071","webpack:///./src/views/Branch/Services/addtransaction.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","mode","$t","directives","name","rawName","value","serviceTransaction","expression","attrs","domProps","on","$event","target","composing","$set","services","model","callback","$$v","service","addTransaction","_e","formData","items","fields","scopedSlots","_u","key","fn","data","modifiers","removeTransaction","index","branch","currencyCode","convertThousand","totalPrice","maxDate","$root","$i18n","locale","$store","getters","getDatePickerColor","isButtonDisabled","createTransactions","updateTransaction","staticStyle","staticRenderFns","$","title","components","MasterLayout","VueTagsInput","PulseLoader","ModelSelect","catId","showLoader","description","quantitySupplied","unitPrice","branches","company","applyDiscount","customer","startDate","servicesIds","label","class","watch","computed","get","set","created","document","mounted","serviceName","price","beforeDestroy","methods","getServices","configObject","then","response","el","catch","error","message","type","duration","companyServiceId","branchId","date","post","payload","res","query","console","put","window","JSON","toFixed","toString","replace","component"],"mappings":"mGAAAA,EAAOC,QAAU,IAA0B,+B,yCCA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,eAAe,CAACA,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,IAAI,CAACJ,EAAIO,GAAG,iBAAiBP,EAAIQ,GAAgB,WAAbR,EAAIS,KAAoB,MAAQ,QAAQ,iBAAiBT,EAAIQ,GAAGR,EAAIU,GAAG,+BAA+B,oBAAoBV,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,QAAQ,CAACE,YAAY,YAAY,CAACF,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIO,GAAG,yBAAyBP,EAAIQ,GAAGR,EAAIU,GAAG,6BAA6B,4BAA4BV,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,QAAQ,CAACO,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOd,EAAIe,mBAA4B,UAAEC,WAAW,iCAAiCV,YAAY,WAAWW,MAAM,CAAC,KAAO,SAAS,YAAcjB,EAAIU,GAAG,6BAA6BQ,SAAS,CAAC,MAASlB,EAAIe,mBAA4B,WAAGI,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,WAAqBtB,EAAIuB,KAAKvB,EAAIe,mBAAoB,YAAaK,EAAOC,OAAOP,eAAed,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,QAAQ,CAACE,YAAY,YAAY,CAACF,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIO,GAAG,yBAAyBP,EAAIQ,GAAGR,EAAIU,GAAG,2BAA2B,4BAA4BV,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,eAAe,CAACa,MAAM,CAAC,QAAUjB,EAAIwB,SAAS,YAAcxB,EAAIU,GAAG,iCAAiCe,MAAM,CAACX,MAAOd,EAAW,QAAE0B,SAAS,SAAUC,GAAM3B,EAAI4B,QAAQD,GAAKX,WAAW,cAAc,KAAKhB,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,QAAQ,CAACE,YAAY,YAAY,CAACF,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIO,GAAG,yBAAyBP,EAAIQ,GAAGR,EAAIU,GAAG,sCAAsC,4BAA4BV,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,QAAQ,CAACO,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOd,EAAIe,mBAA8B,YAAEC,WAAW,mCAAmCV,YAAY,WAAWW,MAAM,CAAC,KAAO,OAAO,YAAcjB,EAAIU,GAAG,sCAAsCQ,SAAS,CAAC,MAASlB,EAAIe,mBAA8B,aAAGI,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,WAAqBtB,EAAIuB,KAAKvB,EAAIe,mBAAoB,cAAeK,EAAOC,OAAOP,eAAed,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,iBAAiBN,EAAIO,GAAG,KAAmB,WAAbP,EAAIS,KAAmBL,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,SAAS,CAACE,YAAY,sBAAsBa,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAI6B,eAAeT,MAAW,CAACpB,EAAIO,GAAG,mBAAmBP,EAAIQ,GAAGR,EAAIU,GAAG,kCAAkC,sBAAsBV,EAAI8B,SAAS9B,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,YAAY,CAAEN,EAAI+B,SAASC,MAAY,OAAE5B,EAAG,MAAM,CAACA,EAAG,UAAU,CAACa,MAAM,CAAC,QAAU,GAAG,MAAQ,GAAG,MAAQjB,EAAI+B,SAASC,MAAM,OAAShC,EAAIiC,QAAQC,YAAYlC,EAAImC,GAAG,CAAC,CAACC,IAAI,eAAeC,GAAG,SAASC,GAAM,MAAO,CAAClC,EAAG,IAAI,CAACO,WAAW,CAAC,CAACC,KAAK,YAAYC,QAAQ,oBAAoB0B,UAAU,CAAC,OAAQ,KAAQjC,YAAY,sDAAsDW,MAAM,CAAC,MAAQjB,EAAIU,GAAG,6BAA6B,cAAc,QAAQS,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOpB,EAAIwC,kBAAkBF,EAAKG,cAAc,CAACL,IAAI,cAAcC,GAAG,SAASC,GAAM,MAAO,CAAClC,EAAG,QAAQ,CAACO,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOd,EAAI+B,SAASC,MAAMM,EAAKG,OAAY,MAAEzB,WAAW,qCAAqCV,YAAY,eAAeW,MAAM,CAAC,KAAO,UAAUC,SAAS,CAAC,MAASlB,EAAI+B,SAASC,MAAMM,EAAKG,OAAY,OAAGtB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,WAAqBtB,EAAIuB,KAAKvB,EAAI+B,SAASC,MAAMM,EAAKG,OAAQ,QAASrB,EAAOC,OAAOP,cAAc,CAACsB,IAAI,oBAAoBC,GAAG,SAASC,GAAM,MAAO,CAAClC,EAAG,QAAQ,CAACO,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOd,EAAI+B,SAASC,MAAMM,EAAKG,OAAkB,YAAEzB,WAAW,2CAA2CV,YAAY,eAAeW,MAAM,CAAC,KAAO,QAAQC,SAAS,CAAC,MAASlB,EAAI+B,SAASC,MAAMM,EAAKG,OAAkB,aAAGtB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,WAAqBtB,EAAIuB,KAAKvB,EAAI+B,SAASC,MAAMM,EAAKG,OAAQ,cAAerB,EAAOC,OAAOP,cAAc,CAACsB,IAAI,oBAAoBC,GAAG,SAASC,GAAM,MAAO,CAAClC,EAAG,QAAQ,CAACO,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOd,EAAI+B,SAASC,MAAMM,EAAKG,OAAkB,YAAEzB,WAAW,2CAA2CV,YAAY,eAAeW,MAAM,CAAC,KAAO,QAAQC,SAAS,CAAC,MAASlB,EAAI+B,SAASC,MAAMM,EAAKG,OAAkB,aAAGtB,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,WAAqBtB,EAAIuB,KAAKvB,EAAI+B,SAASC,MAAMM,EAAKG,OAAQ,cAAerB,EAAOC,OAAOP,eAAe,MAAK,EAAM,cAAcd,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,uDAAuD,CAACF,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACN,EAAIO,GAAG,qBAAqBP,EAAIQ,GAAGR,EAAIU,GAAG,8BAA8B,uBAAuBV,EAAIO,GAAG,KAAKH,EAAG,KAAK,CAACJ,EAAIO,GAAG,qBAAqBP,EAAIQ,GAAGR,EAAI0C,OAAS1C,EAAI0C,OAAOC,aAAe,IAAI,qBAAqB3C,EAAIQ,GAAGR,EAAI4C,gBAAgB5C,EAAI6C,aAAa,0BAA0B7C,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,aAAaN,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACA,EAAG,QAAQ,CAACJ,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIU,GAAG,wCAAwCV,EAAIO,GAAG,KAAKH,EAAG,QAAQ,CAACO,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOd,EAAI+B,SAAiB,SAAEf,WAAW,sBAAsBV,YAAY,eAAeW,MAAM,CAAC,KAAO,OAAO,YAAcjB,EAAIU,GAAG,gCAAgCQ,SAAS,CAAC,MAASlB,EAAI+B,SAAiB,UAAGZ,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,WAAqBtB,EAAIuB,KAAKvB,EAAI+B,SAAU,WAAYX,EAAOC,OAAOP,iBAAiBd,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,aAAaN,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACA,EAAG,2BAA2B,CAACa,MAAM,CAAC,WAAWjB,EAAI+B,SAASe,QAAQ,UAAW,EAAK,WAAY,EAAK,OAAS7C,KAAK8C,MAAMC,MAAMC,OAAO,MAAQjD,EAAIkD,OAAOC,QAAQC,mBAAmB,OAAS,sBAAsB,UAAY,aAAa,MAAQpD,EAAIU,GAAG,6BAA6Be,MAAM,CAACX,MAAOd,EAAI+B,SAAkB,UAAEL,SAAS,SAAUC,GAAM3B,EAAIuB,KAAKvB,EAAI+B,SAAU,YAAaJ,IAAMX,WAAW,yBAAyB,OAAOhB,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,SAAS,CAACE,YAAY,kBAAkBW,MAAM,CAAC,WAAWjB,EAAIqD,kBAAiClC,GAAG,CAAC,MAAQ,SAASC,GAAqB,WAAbpB,EAAIS,KAChlNT,EAAIsD,mBAAmBlC,GACvBpB,EAAIuD,kBAAkBnC,MAAW,CAACpB,EAAIO,GAAG,mBAAmBP,EAAIQ,GAAGR,EAAIU,GAAG,qCAAqC,oBAAoBN,EAAG,MAAM,CAACE,YAAY,cAAckD,YAAY,CAAC,QAAU,QAAQvC,MAAM,CAAC,IAAM,EAAQ,QAA+B,MAAQ,eAAe,GAAGb,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACa,MAAM,CAAC,IAAM,EAAQ,QAA+B,MAAQ,QAAQjB,EAAIO,GAAG,KAAKH,EAAG,IAAI,CAACE,YAAY,wBAAwB,CAACN,EAAIO,GAAG,iBAAiBP,EAAIQ,GAAGR,EAAIU,GAAG,mCAAmC,kBAAkBV,EAAIO,GAAG,KAAKH,EAAG,QAAQ,CAACE,YAAY,mBAAmB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIU,GAAG,sCAAsCV,EAAIO,GAAG,KAAKH,EAAG,MAAM,CAACE,YAAY,oBAChtBmD,EAAkB,G,kHCyMtB,IAAIC,EAAI,IAEO,OACf9C,gBACA+C,wCACAC,YACAC,oBACAC,iBACAC,mBACAC,8BAEA1B,OACA,OACA2B,WACAZ,oBACAa,cACAtD,UACAuD,iBACApD,oBACAqD,sBACAC,eACAF,kBAEAG,YACA5B,YACAlB,YACAI,aACAnB,cACA8D,aACAC,iBACAxC,SACAD,UACAC,+CACAyC,cACA3B,oDACA4B,wDAEAC,oDACA1C,QACA,CAAAG,YAAAwC,cAAAC,qBACA,CAAAzC,kBAAAwC,oBAAAC,qBACA,CAAAzC,kBAAAwC,gBAAAC,qBACA,CAAAzC,aAAAwC,eAAAC,wBAIAC,OACApC,qBACA,OACA,6BACA,sBACA,sBAKAqC,UACAlC,YACAmC,MACA,kCACA,kCACA,kBACA,GAEA,GAGAC,UAGAC,UACA,gCACA,cACAC,yEAGAC,UAgBA,GAfA,6DACA,kEACA,yCAOA,oEACA,6CACA,wCACA,+BAGA,iCACA,iBACA,2CACA,+BACA,kCACA,0BACAC,6BACAC,cACA1D,2BACAuC,qCAIAoB,kBACAC,SACAhD,qBACA,gCACA,6BACA,+DACA,4DAEAiD,cACA,mBAEA,WACAT,IACA,gDACA,gEAEAU,qBAEAC,KAAAC,IACA,qBACA,mBACAA,uBACAC,cACAA,iBAGAC,MAAAC,IACA,sBAIAlE,kBAEA,GADAT,oBACA,kCAMA,YALA,kBACA4E,+CACAC,aACAC,eAIA,iBAMA,YALA,kBACAF,sDACAC,aACAC,eAIA,wCAMA,YALA,kBACAF,iDACAC,aACAC,eAIA,6BACAtE,wBACA,GACA,4BACA,0BACA0D,gDACA1D,aACAyD,mBACAlB,kDAEA,uCACA,+DACA,4DAEAb,sBACAlC,mBAEA,wCACA,4BACA,OACA+E,mBACAb,0BACAnB,6BAIA,OACA3C,WACA4E,wBACA3B,gCACA4B,8BAGA,wBASA,yBACA3C,oBAEA,WACA4C,KACA,8CACAC,EACAb,qBAEAC,KAAAa,IACA,8CACA,6CACA,kBACAR,yDACAC,eACAC,eAEA,mBACAtF,2BACA6F,iCAGAX,MAAAC,IACA,kBACAC,gCACAC,aACAC,eAEA,yBACAxC,uBArCA,kBACAsC,kDACAC,aACAC,gBAqCA3C,qBAEA,GADAnC,oBACA,YAMA,YALA,kBACA4E,kDACAC,aACAC,eAKA,OACAC,gDACAb,mCACAb,gCACAN,+CACAkC,8BAGAK,eAGA,yBACAhD,oBAEA,WACAiD,IACA,oFACAJ,EACAb,qBAEAC,KAAAa,IACAI,4BACA,4BACAC,oBAEAD,mEACA,kBACAZ,yDACAC,eACAC,eAEA,mBACAtF,2BACA6F,iCAGAX,MAAAC,IACA,kBACAC,gCACAC,aACAC,eAEA,yBACAxC,uBAGAd,mBACA,mBAGA,EACAkE,QAAA,GACAC,WACAC,QAAA,6BALA,UCnfsX,I,YCOlXC,EAAY,eACd,EACAlH,EACA0D,GACA,EACA,KACA,KACA,MAIa,aAAAwD,E","file":"js/chunk-7232e394.db241d40.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/box-grayed.a129217e.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('MasterLayout',[_c('div',{staticClass:\"new-staff w-98\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-5\"},[_c('div',{staticClass:\"add_new_bank_account_header\"},[_c('p',[_vm._v(\"\\n            \"+_vm._s(_vm.mode === \"create\" ? \"Add\" : \"Edit\")+\"\\n            \"+_vm._s(_vm.$t(\"text.bServices.transaction\"))+\"\\n          \")])]),_vm._v(\" \"),_c('div',{staticClass:\"cover\"},[_c('div',{staticClass:\"personal\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"mt-4 input__group__block col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.bServices.unitPrice\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.serviceTransaction.unitPrice),expression:\"serviceTransaction.unitPrice\"}],staticClass:\"border-0\",attrs:{\"type\":\"number\",\"placeholder\":_vm.$t('text.bServices.unitPrice')},domProps:{\"value\":(_vm.serviceTransaction.unitPrice)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.serviceTransaction, \"unitPrice\", $event.target.value)}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-4 input__group__block col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.bServices.service\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"e-form price_change_input_wrapper\"},[_c('model-select',{attrs:{\"options\":_vm.services,\"placeholder\":_vm.$t('text.bServices.selectService')},model:{value:(_vm.service),callback:function ($$v) {_vm.service=$$v},expression:\"service\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"mt-4 input__group__block col-md-6\"},[_c('label',{staticClass:\"required\"},[_c('span',{staticClass:\"mylabel\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.bServices.serviceDescription\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.serviceTransaction.description),expression:\"serviceTransaction.description\"}],staticClass:\"border-0\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.bServices.serviceDescription')},domProps:{\"value\":(_vm.serviceTransaction.description)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.serviceTransaction, \"description\", $event.target.value)}}})])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"})])]),_vm._v(\" \"),(_vm.mode === 'create')?_c('div',{staticClass:\"pb-4 mt-4 text-center\"},[_c('button',{staticClass:\"ep-btn ep-btn-theme\",on:{\"click\":function($event){return _vm.addTransaction($event)}}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.bServices.addTransaction\"))+\"\\n            \")])]):_vm._e()])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-7\"},[(_vm.formData.items.length)?_c('div',[_c('b-table',{attrs:{\"striped\":\"\",\"hover\":\"\",\"items\":_vm.formData.items,\"fields\":_vm.fields},scopedSlots:_vm._u([{key:\"cell(action)\",fn:function(data){return [_c('i',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"cursor-pointer fa fa-minus-circle red-color fa-icon\",attrs:{\"title\":_vm.$t('text.bServices.removeItem'),\"aria-hidden\":\"true\"},on:{\"click\":function($event){return _vm.removeTransaction(data.index)}}})]}},{key:\"cell(price)\",fn:function(data){return [_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.items[data.index].price),expression:\"formData.items[data.index].price\"}],staticClass:\"form-control\",attrs:{\"type\":\"number\"},domProps:{\"value\":(_vm.formData.items[data.index].price)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.formData.items[data.index], \"price\", $event.target.value)}}})]}},{key:\"cell(description)\",fn:function(data){return [_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.items[data.index].description),expression:\"formData.items[data.index].description\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.formData.items[data.index].description)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.formData.items[data.index], \"description\", $event.target.value)}}})]}},{key:\"cell(serviceName)\",fn:function(data){return [_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.items[data.index].serviceName),expression:\"formData.items[data.index].serviceName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.formData.items[data.index].serviceName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.formData.items[data.index], \"serviceName\", $event.target.value)}}})]}}],null,false,2608181302)}),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-right\"},[_c('div',{staticClass:\"display-flex align-items-center justify-content-end\"},[_c('h6',{staticClass:\"mr-2 font-bold\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bServices.totalPrice\"))+\":\\n              \")]),_vm._v(\" \"),_c('h6',[_vm._v(\"\\n                \"+_vm._s(_vm.branch ? _vm.branch.currencyCode : \"\")+\"\\n                \"+_vm._s(_vm.convertThousand(_vm.totalPrice))+\"\\n              \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 row\"},[_c('div',{staticClass:\"col-md-8\"}),_vm._v(\" \"),_c('div',{staticClass:\"text-right col-md-4\"},[_c('div',[_c('label',[_vm._v(_vm._s(_vm.$t(\"text.bServices.enterCustomerName\")))]),_vm._v(\" \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.formData.customer),expression:\"formData.customer\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.bServices.customerName')},domProps:{\"value\":(_vm.formData.customer)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.formData, \"customer\", $event.target.value)}}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 row\"},[_c('div',{staticClass:\"col-md-8\"}),_vm._v(\" \"),_c('div',{staticClass:\"text-right col-md-4\"},[_c('div',[_c('vue-ctk-date-time-picker',{attrs:{\"max-date\":_vm.formData.maxDate,\"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.startDate),callback:function ($$v) {_vm.$set(_vm.formData, \"startDate\", $$v)},expression:\"formData.startDate\"}})],1)])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-right\"},[_c('button',{staticClass:\"btn btn-warning\",attrs:{\"disabled\":_vm.isButtonDisabled ? true : false},on:{\"click\":function($event){_vm.mode === 'create'\n                  ? _vm.createTransactions($event)\n                  : _vm.updateTransaction($event)}}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.bServices.submitTransaction\"))+\"\\n              \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])])],1):_c('div',{staticClass:\"empty-info-wrapper new-row\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/box-grayed.png\"),\"width\":\"50\"}}),_vm._v(\" \"),_c('p',{staticClass:\"mt-5 light-grey-text\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.bServices.noTransactAdded\"))+\"\\n          \")]),_vm._v(\" \"),_c('small',{staticClass:\"light-grey-text\"},[_vm._v(_vm._s(_vm.$t(\"text.bServices.transactWillAdd\")))]),_vm._v(\" \"),_c('div',{staticClass:\"mt-5\"})])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <MasterLayout>\r\n    <div class=\"new-staff w-98\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-5\">\r\n          <div class=\"add_new_bank_account_header\">\r\n            <p>\r\n              {{ mode === \"create\" ? \"Add\" : \"Edit\" }}\r\n              {{ $t(\"text.bServices.transaction\") }}\r\n            </p>\r\n          </div>\r\n\r\n          <div class=\"cover\">\r\n            <div class=\"personal\">\r\n              <div class=\"row\">\r\n                <div class=\"mt-4 input__group__block col-md-6\">\r\n                  <label class=\"required\">\r\n                    <span class=\"mylabel\">\r\n                      {{ $t(\"text.bServices.unitPrice\") }}\r\n                    </span>\r\n                  </label>\r\n\r\n                  <div class=\"price_change_input_wrapper\">\r\n                    <input\r\n                      type=\"number\"\r\n                      :placeholder=\"$t('text.bServices.unitPrice')\"\r\n                      class=\"border-0\"\r\n                      v-model=\"serviceTransaction.unitPrice\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"mt-4 input__group__block col-md-6\">\r\n                  <label class=\"required\">\r\n                    <span class=\"mylabel\">\r\n                      {{ $t(\"text.bServices.service\") }}\r\n                    </span>\r\n                  </label>\r\n\r\n                  <div class=\"e-form price_change_input_wrapper\">\r\n                    <model-select\r\n                      :options=\"services\"\r\n                      v-model=\"service\"\r\n                      :placeholder=\"$t('text.bServices.selectService')\"\r\n                    >\r\n                    </model-select>\r\n                  </div>\r\n                </div>\r\n                <div class=\"mt-4 input__group__block col-md-6\">\r\n                  <label class=\"required\">\r\n                    <span class=\"mylabel\">\r\n                      {{ $t(\"text.bServices.serviceDescription\") }}\r\n                    </span>\r\n                  </label>\r\n\r\n                  <div class=\"price_change_input_wrapper\">\r\n                    <input\r\n                      type=\"text\"\r\n                      :placeholder=\"$t('text.bServices.serviceDescription')\"\r\n                      class=\"border-0\"\r\n                      v-model=\"serviceTransaction.description\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n                <div class=\"col-md-6\"></div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"pb-4 mt-4 text-center\" v-if=\"mode === 'create'\">\r\n              <button\r\n                class=\"ep-btn ep-btn-theme\"\r\n                @click=\"addTransaction($event)\"\r\n              >\r\n                {{ $t(\"text.bServices.addTransaction\") }}\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"col-md-7\">\r\n          <div v-if=\"formData.items.length\">\r\n            <b-table striped hover :items=\"formData.items\" :fields=\"fields\">\r\n              <template #cell(action)=\"data\">\r\n                <i\r\n                  class=\"cursor-pointer fa fa-minus-circle red-color fa-icon\"\r\n                  v-b-tooltip.hover\r\n                  :title=\"$t('text.bServices.removeItem')\"\r\n                  aria-hidden=\"true\"\r\n                  @click=\"removeTransaction(data.index)\"\r\n                ></i>\r\n              </template>\r\n              <template #cell(price)=\"data\">\r\n                <input\r\n                  type=\"number\"\r\n                  class=\"form-control\"\r\n                  v-model=\"formData.items[data.index].price\"\r\n                />\r\n              </template>\r\n              <template #cell(description)=\"data\">\r\n                <input\r\n                  type=\"text\"\r\n                  class=\"form-control\"\r\n                  v-model=\"formData.items[data.index].description\"\r\n                />\r\n              </template>\r\n              <template #cell(serviceName)=\"data\">\r\n                <input\r\n                  type=\"text\"\r\n                  class=\"form-control\"\r\n                  v-model=\"formData.items[data.index].serviceName\"\r\n                />\r\n              </template>\r\n            </b-table>\r\n            <div class=\"mt-3 text-right\">\r\n              <div class=\"display-flex align-items-center justify-content-end\">\r\n                <h6 class=\"mr-2 font-bold\">\r\n                  {{ $t(\"text.bServices.totalPrice\") }}:\r\n                </h6>\r\n                <h6>\r\n                  {{ branch ? branch.currencyCode : \"\" }}\r\n                  {{ convertThousand(totalPrice) }}\r\n                </h6>\r\n              </div>\r\n            </div>\r\n            <div class=\"mt-3 row\">\r\n              <div class=\"col-md-8\"></div>\r\n              <div class=\"text-right col-md-4\">\r\n                <div>\r\n                  <label>{{ $t(\"text.bServices.enterCustomerName\") }}</label>\r\n                  <input\r\n                    type=\"text\"\r\n                    :placeholder=\"$t('text.bServices.customerName')\"\r\n                    class=\"form-control\"\r\n                    v-model=\"formData.customer\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"mt-3 row\">\r\n              <div class=\"col-md-8\"></div>\r\n              <div class=\"text-right col-md-4\">\r\n                <div>\r\n                  <vue-ctk-date-time-picker\r\n                    v-model=\"formData.startDate\"\r\n                    :max-date=\"formData.maxDate\"\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>\r\n\r\n            <div class=\"mt-3 text-right\">\r\n              <button\r\n                class=\"btn btn-warning\"\r\n                :disabled=\"isButtonDisabled ? true : false\"\r\n                @click=\"\r\n                  mode === 'create'\r\n                    ? createTransactions($event)\r\n                    : updateTransaction($event)\r\n                \"\r\n              >\r\n                {{ $t(\"text.bServices.submitTransaction\") }}\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              </button>\r\n            </div>\r\n          </div>\r\n          <div class=\"empty-info-wrapper new-row\" v-else>\r\n            <img src=\"@/assets/img/box-grayed.png\" width=\"50\" />\r\n            <p class=\"mt-5 light-grey-text\">\r\n              {{ $t(\"text.bServices.noTransactAdded\") }}\r\n            </p>\r\n            <small class=\"light-grey-text\">{{\r\n              $t(\"text.bServices.transactWillAdd\")\r\n            }}</small>\r\n            <div class=\"mt-5\"></div>\r\n          </div>\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 \"vue-search-select/dist/VueSearchSelect.css\";\r\nimport { ModelSelect } from \"vue-search-select\";\r\n\r\nimport JQuery from \"jquery\";\r\n// import indexVue from '../variance_report/index.vue';\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  name: \"AddStaff\",\r\n  title: \"Add company service transaction\",\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      catId: null,\r\n      isButtonDisabled: false,\r\n      showLoader: true,\r\n      name: null,\r\n      description: null,\r\n      serviceTransaction: {\r\n        quantitySupplied: null,\r\n        unitPrice: null,\r\n        description: null,\r\n      },\r\n      branches: [],\r\n      branch: null,\r\n      services: [],\r\n      service: null,\r\n      mode: \"create\",\r\n      company: null,\r\n      applyDiscount: false,\r\n      items: [],\r\n      formData: {\r\n        items: this.$store.getters.getBanchTransactions,\r\n        customer: null,\r\n        maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n        startDate: this.$moment().format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n      },\r\n      servicesIds: this.$store.getters.getBranchServiceIds,\r\n      fields: [\r\n        { key: \"price\", label: `Price`, class: \"text-center\" },\r\n        { key: \"description\", label: \"Description\", class: \"text-center\" },\r\n        { key: \"serviceName\", label: \"Service\", class: \"text-center\" },\r\n        { key: \"action\", label: \"Action\", class: \"text-center\" },\r\n      ],\r\n    };\r\n  },\r\n  watch: {\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.getServices();\r\n        }\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    totalPrice: {\r\n      get() {\r\n        if (this.formData.items.length) {\r\n          return this.formData.items.reduce((acc, cur) => {\r\n            return (acc += Number(cur.price));\r\n          }, 0);\r\n        } else {\r\n          return 0;\r\n        }\r\n      },\r\n      set() {},\r\n    },\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"branch\", (branch) => {\r\n      this.branch = branch;\r\n      document.title = `Add services transactions :: ${branch.name} Retail Outlet`;\r\n    });\r\n  },\r\n  mounted() {\r\n    if (this.$route.query.serviceId && this.$route.query.serviceName) {\r\n      this.serviceTransaction.description = this.$route.query.description;\r\n      this.service = this.$route.query.serviceId;\r\n      // this.formData.items.push({\r\n      //     price: 0,\r\n      //     description: this.$route.query.description,\r\n      //     service: this.$route.query.serviceId,\r\n      //     serviceName: this.$route.query.serviceName\r\n      // })\r\n      this.$store.commit(\"setBanchTransactions\", [...this.formData.items]);\r\n      this.$store.commit(\"setBranchServiceIds\", [\r\n        ...this.$store.getters.getBranchServiceIds,\r\n        this.$route.query.serviceId,\r\n      ]);\r\n    }\r\n    if (this.$route.query.transactionId) {\r\n      this.mode = \"edit\";\r\n      const data = JSON.parse(this.$route.query.data);\r\n      this.formData.startDate = data.date;\r\n      this.formData.customer = data.customer;\r\n      this.formData.items.push({\r\n        serviceName: data.companyService,\r\n        price: data.price,\r\n        service: data.companyServiceId,\r\n        description: data.serviceDescription,\r\n      });\r\n    }\r\n  },\r\n  beforeDestroy() {},\r\n  methods: {\r\n    removeTransaction(index) {\r\n      this.formData.items.splice(index, 1);\r\n      this.servicesIds.splice(index, 1);\r\n      this.$store.commit(\"setBanchTransactions\", this.formData.items);\r\n      this.$store.commit(\"setBranchServiceIds\", this.servicesIds);\r\n    },\r\n    getServices() {\r\n      this.showLoader = true;\r\n\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Service/CompanyServices/${\r\n            this.branch ? this.branch.companyId : this.$route.query.companyId\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.services = response.data;\r\n          this.showLoader = false;\r\n          response.data.forEach((el, i) => {\r\n            el.text = el.name;\r\n            el.value = el.id;\r\n          });\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n\r\n    addTransaction($event) {\r\n      $event.preventDefault();\r\n      if (!this.serviceTransaction.unitPrice) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bServices.unitPriceReq\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.service) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bServices.kindlySelectService\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.serviceTransaction.description) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bServices.serviceDescReq\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      const service = this.services.filter(\r\n        (service) => service.id === this.service\r\n      )[0];\r\n      this.servicesIds.push(service.id);\r\n      this.formData.items.push({\r\n        price: Number(this.serviceTransaction.unitPrice),\r\n        service: service.id,\r\n        serviceName: service.name,\r\n        description: this.serviceTransaction.description,\r\n      });\r\n      this.serviceTransaction.unitPrice = null;\r\n      this.$store.commit(\"setBanchTransactions\", this.formData.items);\r\n      this.$store.commit(\"setBranchServiceIds\", this.servicesIds);\r\n    },\r\n    createTransactions($event) {\r\n      $event.preventDefault();\r\n\r\n      const items = this.formData.items.map((item, index) => {\r\n        const companyServiceId = this.servicesIds[index];\r\n        return {\r\n          companyServiceId: companyServiceId,\r\n          price: parseFloat(item.price),\r\n          description: item.description,\r\n        };\r\n      });\r\n\r\n      let payload = {\r\n        services: items,\r\n        branchId: this.branch.id,\r\n        customer: this.formData.customer,\r\n        date: this.formData.startDate,\r\n      };\r\n\r\n      if (!this.formData.customer) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bServices.customerNameReq\"),\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        .post(\r\n          `${configObject.apiBaseUrl}/Service/Transactions/Add`,\r\n          payload,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          this.$store.commit(\"setBanchTransactions\", []);\r\n          this.$store.commit(\"setBranchServiceIds\", []);\r\n          this.$toast.open({\r\n            message: this.$t(\"text.bServices.nonwetProSupplyCreated\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n          this.$router.push({\r\n            name: \"TransactionServices\",\r\n            query: { ...this.$route.query },\r\n          });\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    updateTransaction($event) {\r\n      $event.preventDefault();\r\n      if (!this.branch) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bServices.plsSelectBranch\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n\r\n      let payload = {\r\n        companyServiceId: this.formData.items[0].service,\r\n        price: this.formData.items[0].price,\r\n        customer: this.formData.customer,\r\n        description: this.formData.items[0].description,\r\n        date: this.formData.startDate,\r\n      };\r\n\r\n      console.log(payload);\r\n      // return\r\n\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n\r\n      this.axios\r\n        .put(\r\n          `${configObject.apiBaseUrl}/Service/Transactions/Edit/${this.$route.query.transactionId}`,\r\n          payload,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          window.localStorage.setItem(\r\n            \"branchServiceTransactions\",\r\n            JSON.stringify([])\r\n          );\r\n          window.localStorage.setItem(\"branchServiceIds\", JSON.stringify([]));\r\n          this.$toast.open({\r\n            message: this.$t(\"text.bServices.nonwetProSupplyCreated\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n          this.$router.push({\r\n            name: \"TransactionServices\",\r\n            query: { ...this.$route.query },\r\n          });\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    convertThousand(request) {\r\n      if (!isFinite(request)) {\r\n        return \"0.00\";\r\n      }\r\n      return request\r\n        .toFixed(2)\r\n        .toString()\r\n        .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\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!./addtransaction.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!./addtransaction.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./addtransaction.vue?vue&type=template&id=ac83d53a&\"\nimport script from \"./addtransaction.vue?vue&type=script&lang=js&\"\nexport * from \"./addtransaction.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"],"sourceRoot":""}