{"version":3,"sources":["webpack:///./src/views/RegionalManager/Dashboard/index.vue?b6c7","webpack:///src/views/RegionalManager/Dashboard/index.vue","webpack:///./src/views/RegionalManager/Dashboard/index.vue?f82d","webpack:///./src/views/RegionalManager/Dashboard/index.vue","webpack:///./src/assets/img/arrowUp.svg","webpack:///./src/assets/img/arrowLeft.png","webpack:///./src/assets/img/dcash.png","webpack:///./src/assets/img/arrowDown.svg","webpack:///./src/assets/img/drop-of-liquid.png","webpack:///./src/assets/img/dstock.png","webpack:///./src/assets/img/dtablines.png","webpack:///./src/assets/img/dpossales.png","webpack:///./src/components/modals/CompanyDomain/index.vue?cf38","webpack:///src/components/modals/CompanyDomain/index.vue","webpack:///./src/components/modals/CompanyDomain/index.vue?362a","webpack:///./src/components/modals/CompanyDomain/index.vue","webpack:///./src/assets/img/desales.png","webpack:///./src/assets/img/Group 553.png","webpack:///./src/assets/img/dexpenses.png","webpack:///./src/assets/img/arrowRight.png","webpack:///./src/views/RegionalManager/Dashboard/index.vue?e01e","webpack:///./src/assets/img/hand (1).png","webpack:///./src/assets/img/dbankdep.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","_v","staticClass","_l","c","i","key","staticStyle","class","showLoader","_e","_s","$t","attrs","maxDate","$root","$i18n","locale","$store","getters","getDatePickerColor","model","value","callback","$$v","dateRange","expression","hasPms","pmsCond","productCount","countryProducts","products","product1","convertThousand","pmsSummary","volume","pmsSplineOption","style","pmsRateColor","pmsUp","pmsRate","region","currencyCode","amount","getting","hasAgo","agoCond","product2","agoSummary","agoSplineOption","agoRateColor","agoUp","agoRate","hasDpk","dpkCond","product3","dpkSummary","dpkSplineOption","dpkRateColor","dpkUp","dpkRate","hasLpg","lpgCond","product4","lpgSummary","lpgSplineOption","lpgRateColor","lpgUp","lpgRate","totalSplineOption","totalRateColor","totalUp","totalRate","prodCounts","on","arrowLeft","arrowRight","userInfo","roles","includes","hasTankStockPms","hasTankStockAgo","hasTankStockDpk","hasTankStockLpg","LGgridNum","MDgridNum","pmsTankStock","agoTankStock","dpkTankStock","lpgTankStock","directives","name","rawName","salesTargetCount","pmsGuageOptions","greyedGuageOptions","agoGuageOptions","dpkGuageOptions","lpgGuageOptions","branches","tanksFilled","pumpCount","offlinePumps","deviceNotPushing","$event","changeTab","tab","color","pccurrency","pcposSales","pcesales","pcretainership","$router","push","query","companyId","$route","regionId","pcbankDeposit","pccash","start","end","$moment","format","pcoutstandingCash","pccurrency2","pcdryStock","hoverWT","backgroundColor","pcwetStock","pcbalance","pcrtt","pcexpenses","NewSalesTarget","dealerId","lowTanks","length","800","visibleSlides","slideMultiple","lowTank","index","showAll","scopedSlots","_u","fn","branchName","product","height","currentVolume","percent","maxCapacity","nextTwoDaysTankSales","toLocaleString","nextTwoDaysTankVolume","proxy","ref","dataBound","refreshGrid","pageSettings","toolbar","search","toolbarClick","usedLang","currency","staticRenderFns","$","title","components","MasterLayout","Highcharts","TableLoader","UpdateCompanyDomain","VueperSlides","VueperSlide","PulseLoader","provide","grid","data","startDate","endDate","pluginStartDate","pluginEndDate","transactionCountStartDate","subtract","transactionCountEndDate","transaction_count","pageSizes","pageCount","pageSize","operator","ignoreCase","dealers","todaysDate","availableProducts","pgRateColor","pmssalesTarget","agosalesTarget","dpksalesTarget","lpgsalesTarget","currentBranchId","pmsSale","agoSale","dpkSale","lpgSale","productSummary","targetsProd","interval","loadingNT","loadingNT2","chart","type","text","xAxis","yAxis","legend","enabled","plotOptions","series","maxPointWidth","groupPadding","borderWidth","dataLabels","tooltip","headerFormat","pointFormat","shadow","valueSuffix","positioner","x","y","pane","startAngle","endAngle","background","outerRadius","innerRadius","min","max","lineWidth","tickPositions","solidgauge","useHTML","fontSize","linecap","stickyTracking","rounded","radius","states","hover","opacity","splineChartOptions","credits","areaspline","fillOpacity","marker","lineColor","labels","gridLineColor","categories","watch","created","computed","JSON","user","localStorage","mounted","id","searchFun","beforeDestroy","clearInterval","methods","sideScroll","element","scrollAmount","window","speed","fetchData","goToTanksFilled","path","getTodaysDate","today","changeRoute","tankStockSummary","prod","prodCount","summary","displayProductSummary","productCounting","getProductSummary","get","configObject","then","response","lastSalesDate","date","timeDifference","dayDifferences","daysDifference","catch","error","getSalesTarget","getPumpCount","getTanksFilled","getTankStock","groups","getOfflinePmps","getPaymentChannelsData","getRevenueData","getDeviceNotPushing","openModal","getLowTanks","toDateString","timeSince","getHistoryChartsData","el","getCompanyBranchSales","sl","state","pmsVolume","pmsAmount","agoVolume","agoAmount","dpkVolume","dpkAmount","lpgVolume","lpgAmount","totalAmount","dataSource","paintSplineData","trans","pms","pmsValueArray","cur","ago","agoValueArray","curr","prev","dpk","dpkValueArray","lpg","lpgValueArray","groupArrays","totalValueArray","toFixed","toString","replace","toggleShowAll","event","decimalThousand","component","module","exports","modalWidth","domProps","captureFormEvents","target","composing","companyDomain","isButtonDisabled","cursor","updateCompanyDomain","MODAL_WIDTH","props","company","validEmail","closeCompanyDoaminModal","emailDomain","post","message","duration"],"mappings":"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ACA6E,OACA9D,aACA+D,YAEA5C,OACA6C,aAGAC,OACAF,iBAEAG,OACA/C,OACA6C,cAGAG,QACAC,YAEAC,aACAC,QACAC,iBACAC,eACAC,cACAC,YACAN,WACA7F,2BAKAoG,SACAC,qEACAC,YACA,qFAGAP,WAGA5H,iBACAoH,OACAC,kBACA/D,cAGAmB,OACA6C,QACA/K,OACAsE,kBAIAoH,SACAP,WACAK,cACA7F,uBACAkG,UAEAC,gBACAF,YACA,sLAEAG,uBACA,OACAC,8BACAC,gCAKAC,MACAC,aACAC,aACAC,YACA,CAEAC,mBACAC,kBACA5G,mCACA6F,iBAKAP,OACAuB,MACAC,QACAC,YACAC,kBAGAvB,aACAwB,YACAnB,YACAN,WACAc,MACAT,cACA7F,uBACAkH,WACAhB,UACA7L,OACA8M,iBAEAlB,YACA,sLAEAG,uBACA,OACAC,8BACAC,iCAKAc,gBACAC,kBACAC,YAGA5B,QACA,CACA/H,QACAuF,MACA,CACAvE,gBACA4I,cACAX,kBACAN,IACAkB,QACAC,OACAjC,kBAQAxH,iBACAkH,OACAC,kBACA/D,cAGAmB,OACA6C,QACA/K,OACA8M,gBACAxI,kBAIAoH,SACAP,WACAK,cACA7F,uBACAkG,UACA7L,OACA8M,iBAEAhB,gBACAF,YACA,2GACAG,uBACA,OACAC,8BACAC,+BAGAkB,QACAC,OACAjC,cAKAe,MACAC,aACAC,aACAC,YACA,CAEAC,mBACAC,kBACA5G,qCACA0H,WACA7B,iBAKAP,OACAuB,MACAC,QACAC,YACAC,kBAGAvB,aACAwB,YACAnB,YACAN,WACAc,MACAT,cACA7F,uBACAkH,WACAhB,UACA7L,OACA8M,iBAEAlB,YACA,sLAEAG,uBACA,OACAC,8BACAC,gCAIAc,gBACAC,kBACAC,aAIA5B,QACA,CACA/H,QACAuF,MACA,CACAvE,gBACA4I,cACAX,kBACAN,SAMArI,iBACAiH,OACAC,kBACA/D,cAGAmB,OACA6C,QACA/K,OACA8M,gBACAxI,kBAIAoH,SACAP,WACAK,cACA7F,uBACAkG,UACA7L,OACA8M,iBAEAhB,gBACAF,YACA,2GACAG,uBACA,OACAC,8BACAC,gCAKAC,MACAC,aACAC,aACAC,YACA,CAEAC,mBACAC,kBACA5G,qCACA0H,WACA7B,iBAKAP,OACAuB,MACAC,QACAC,YACAC,kBAGAvB,aACAwB,YACAnB,YACAN,WACAc,MACAT,cACA7F,uBACAkH,WACAhB,UACA7L,OACA8M,iBAEAlB,YACA,sLAEAG,uBACA,OACAC,8BACAC,gCAIAc,gBACAC,kBACAC,aAIA5B,QACA,CACA/H,QACAuF,MACA,CACAvE,gBACA4I,cACAX,kBACAN,SAMApI,iBACAgH,OACAC,kBACA/D,cAMAmB,OACA6C,QACA/K,OACA8M,gBACAxI,6BAIAoH,SACAP,WACAK,cACA7F,uBACAkG,UACA7L,OACA8M,iBAEAhB,gBACAF,YACA,2GACAG,uBACA,OACAC,8BACAC,gCAKAC,MACAC,aACAC,aACAC,YACA,CAEAC,mBACAC,kBACA5G,qCACA0H,WACA7B,iBAKAP,OACAuB,MACAC,QACAC,YACAC,kBAGAvB,aACAwB,YACAnB,YACAN,WACAc,MACAT,cACA7F,uBACAkH,WACAhB,UACA7L,OACA8M,iBAEAlB,YACA,sLAEAG,uBACA,OACAC,8BACAC,gCAIAc,gBACAC,kBACAC,aAIA5B,QACA,CACA/H,QACAuF,MACA,CACAvE,kBACA4I,cACAX,kBACAN,SAMAvI,oBACAmH,OACAC,kBACA/D,cAGAmB,OACA6C,QACA/K,OACA8M,gBACAxI,kBAIAoH,SACAP,WACAK,cACA7F,uBACAkG,UACA7L,OACA8M,iBAEAhB,gBACAF,YACA,2GACAG,uBACA,OACAC,8BACAC,gCAKAC,MACAC,aACAC,aACAC,YACA,CAEAC,mBACAC,kBACA5G,0BACA0H,WACA7B,iBAKAP,OACAuB,MACAC,QACAC,YACAC,kBAGAvB,aACAwB,YACAnB,YACAN,WACAc,MACAT,cACA7F,uBACAkH,WACAhB,UACA7L,OACA8M,iBAEAlB,YACA,sLAEAG,uBACA,OACAC,8BACAC,gCAIAc,gBACAC,kBACAC,aAIA5B,QACA,CACA/H,QACAuF,MACA,CACAvE,gBACA4I,cACAX,uBAOAe,oBACAzC,OACAC,kBACA/D,eAEAmB,OACA6C,SAEAwC,SACApC,YAEAC,aACAoC,YACAC,gBAEApC,QACAqC,QACAvC,cAIAE,YACAH,QACAC,YAEAH,OACA2C,wBACAC,QACAzC,aAGAF,OACA/C,OACA6C,SAEA8C,4BACAD,QACAzC,cAIApL,iBACA8K,OACAC,kBACA/D,eAEAmB,OACA6C,SAEAwC,SACApC,YAEAC,aACAoC,YACAC,gBAEApC,QACAqC,QACAvC,cAIAE,YACAH,QACAC,YAEAH,OACA2C,wBACAC,QACAzC,aAGAF,OACA/C,OACA6C,SAEA8C,4BACAD,QACAzC,cAIAvK,iBACAiK,OACAC,kBACA/D,eAEAmB,OACA6C,SAEAwC,SACApC,YAEAC,aACAoC,YACAC,gBAEApC,QACAqC,QACAvC,cAIAE,YACAH,QACAC,YAEAH,OACA2C,wBACAC,QACAzC,aAGAF,OACA/C,OACA6C,SAEA8C,4BACAD,QACAzC,cAIA/J,iBACAyJ,OACAC,kBACA/D,eAEAmB,OACA6C,SAEAwC,SACApC,YAEAC,aACAoC,YACAC,gBAEApC,QACAqC,QACAvC,cAIAE,YACAH,QACAC,YAEAH,OACA2C,wBACAC,QACAzC,aAGAF,OACA/C,OACA6C,SAEA8C,4BACAD,QACAzC,cAIAvJ,iBACAiJ,OACAC,kBACA/D,eAEAmB,OACA6C,SAEAwC,SACApC,YAEAC,aACAoC,YACAC,gBAEApC,QACAqC,QACAvC,cAIAE,YACAH,QACAC,YAEAH,OACA2C,wBACAC,QACAzC,YAEA2C,iBAEA7C,OACA/C,OACA6C,SAEA8C,4BACAD,QACAzC,cAIAnJ,mBACA6I,OACAC,kBACA/D,eAEAmB,OACA6C,SAEAwC,SACApC,YAEAC,aACAoC,YACAC,gBAEApC,QACAqC,QACAvC,cAIAE,YACAH,QACAC,YAEAH,OACA2C,wBACAC,QACAzC,aAGAF,OACA/C,OACA6C,SAEA8C,4BACAD,QACAzC,gBAMA4C,OACA3O,wBACA,+BACA,yDACA,gBAEA,qDACA,gBAEA,iBACA,yBACA,wBAGAgB,UACA,WACA,yBACAA,WACAA,mBAEA,iBACA,yBACA,yBAIA4N,UACA,gCACA,cACA,8BAEA,qBACA,6BACA,iBACA,yBACA,uBAEA,0CACA,uCAEAC,UACAzL,WACA,4CACA0L,gDACA,KAUA,OARA,IACA,SACA,SACAC,0BACAC,wDAIA,GAEA3O,2BACA,gDAGA4O,UAgBA,cACA,oEACA,iBACAzF,YAlBA,4BACA,uCACA0F,gCAGA,sCACA,+BACA,yBACA,uBACA,MAGArG,iCACAsG,SAQAC,gBACA,iCACAC,8BAGAC,SACAtK,aACA,YAEA9B,YACA,8CACA,qCAEAC,aACA,4CACA,sCAEAoM,sBACA,QACA,8BACA,UACAC,gBAEAA,gBAEAC,KACA,MACAC,0BAEAC,IAGAC,YACA,oBACA,mBACA,oBACA,sBACA,sBACA,8BACA,sBACA,2BACA,8BAGAC,qBACA,mBACAC,OACArK,OACAyJ,SAIAa,gBACA,OACA,UACA,WACA,QACA,QACA,MACA,OACA,OACA,SACA,YACA,UACA,WACA,YAEA,eACA,sBACA,0CACA,kBAEAC,kBACA,mBAEA5H,qBACA,sCAEA6H,eACA,mBACA/L,OACAuB,OACAyJ,8BACA,2BACA,mBAIAzG,gBACA,oBACA,iBACA,gCACA,MACA,mBACA,kCACA,QAGAJ,cACA,+BAEA6H,oBACA,eACA,eAGA,aAEA,mCACA,mCACA,IAqDA,EArDA,IACA,WACAC,uCAEA,gBACA,mBACAzP,uBACA,kBACA,IAEA,wBACA0P,KAGAC,WACAF,uCAEA,gBACA,mBACAzP,uBACA,kBACA,IAEA,wBACA0P,KAGAC,WACAF,uCAEA,gBACA,mBACAzP,uBACA,kBACA,IAEA,wBACA0P,KAGAC,WACAF,uCAEA,gBACA,mBACAzP,uBACA,kBACA,IAEA,wBACA0P,KAEAA,IAEAA,eACA,8BAIAE,yBACA,eACA,QACA,WACAH,GACAA,yBACA,6CAEA,WACAI,IACA,qBACA,0BAEA,eACAJ,GACAA,yBACA,6CAEA,WACAI,IACA,qBACA,0BAEA,eACAJ,GACAA,yBACA,6CAEA,WACAI,IACA,qBACA,0BAEA,eACAJ,GACAA,yBACA,6CAEA,WACAI,IACA,qBACA,0BAGA,kBAIA,eACA,CACA,CACArM,4CACA2I,aACA,qBACA,uCAGA3H,kBAGA,GACA,WACA,CACA,CACAhB,4CACA2I,aACA,qBACA,uCAGA3H,kBAGA,GACA,WACA,CACA,CACAhB,4CACA2I,aACA,qBACA,uCAGA3H,kBAGA,GACA,WACA,CACA,CACAhB,4CACA2I,aACA,qBACA,uCAGA3H,kBAGA,GAEA,4BACA,CACAhB,eACAuF,6BAIA,iBACA,4DAEA,2CAEA,iBACA,4DAEA,2CAEA,iBACA,4DAEA,2CAEA,iBACA,4DAEA,6CAGA+G,oBACA,WACAC,IACA,gDACA,2BACA,2BACA,4BACA,yCACAC,qBAEAC,KAAAC,IACA,WAEAA,mBACA,cAAAlJ,SAAAhH,gBAAAmQ,OAAAC,GAAA,EAEA,cACA,cACA,MACA,aACAC,SAGAC,MACAC,iBACAvQ,YAKAsQ,OACAA,yBACAA,aAKAA,OACAA,yBACAA,aAKAA,OACAA,yBACAA,aAKAA,OACAA,yBACAA,iBACA,qBAEA,iBAIA,mCACA,qBAEAE,MAAAC,IACA,sBAGAC,iBACA,WACAX,IACA,oDACA,2BACA,2BACA,4BACA,yCACAC,qBAEAC,KAAAC,IAEA,oBACA,oBACAT,GACAA,6BACA,6CAEA,WACA,iCAEA,oBACAA,GACAA,6BACA,6CAEA,WACA,iCAEA,oBACAA,GACAA,6BACA,6CAEA,WACA,iCAEA,oBACAA,GACAA,6BACA,6CAEA,WACA,iCAGA,iBACA,4DAEA,2CAEA,iBACA,4DAEA,2CAEA,iBACA,4DAEA,2CAEA,iBACA,4DAEA,8CAGAe,MAAAC,QAEAE,eACA,WACAZ,IACA,mDACA,2BACA,2BACA,4BACA,yCACAC,qBAEAC,KAAAC,IACA,kCAEAM,MAAAC,QAEAG,iBACA,WACAb,IACA,oDACA,2BACA,2BACA,4BACA,yCACAC,qBAEAC,KAAAC,IACA,0BAEAM,MAAAC,QAEAI,eACA,mBACA,WACAd,IACA,kDACA,2BACA,2BACA,4BACA,yCACAC,qBAEAC,KAAAC,IACA,8BACA,mBACA,sBACA,qBAKA,OAJA,OACAY,SAEAA,aACA,GACA,MAEAN,MAAAC,IACA,sBAGAM,iBACA,WACAhB,IACA,0DACA,2BACA,2BACA,4BACA,yCACAC,qBAEAC,KAAAC,IACA,mCAEAM,MAAAC,QAEAO,yBACA,kBACA,WACAjB,IACA,uDACA,2BACA,2BACA,4BACA,yCACAC,qBAEAC,KAAAC,IACA,kBAEA,4DACA,8CACA,gCACA,kDACA,yCACAA,qBAEA,4CACAA,wBAEA,wDAEAM,MAAAC,IACA,qBAGAQ,iBACA,mBACA,WACAlB,IACA,gDACA,2BACA,2BACA,4BACA,yCACAC,qBAEAC,KAAAC,IACA,mBAEA,8BACA,iCACA,gCACA,gCACA,gCACA,wBAEAM,MAAAC,IACA,sBAGAS,sBACA,WACAnB,IACA,+DACA,2BACA,2BACA,4BACA,yCACAC,qBAEAC,KAAAC,IACA,2CAEAM,MAAAC,QAEAU,YACA,mCAGAC,cACA,WACArB,IACA,wDACA,2BACA,2BACA,iBAEAC,qBAEAC,KAAAC,IACAA,mBASA,MARApB,gDACAA,6BACAA,mCACAA,2BACAuC,eACAvC,wBACAA,yCAIAA,oBACAA,kBACAA,uBACAA,qBAEAA,YACAA,eAEA3H,oCACA2H,uBACAA,kBACA,wCAIA,QACAA,eAEA,OACAA,iBAEA,cACAA,kBAGAoB,2BACA,4BAEA,kDAEAM,MAAAC,QAGAa,aACA,mCAEA,wBAEA,WACA,YAEA1G,uBACA,IACA,aAEAA,sBACA,IACA,WAEAA,qBACA,IACA,YAEAA,mBACA,IACA,aAEA,8BAEA2G,uBACA,WACAxB,IACA,oDACA,2BACA,2BACA,4BACA,yCACAC,qBAEAC,KAAAC,IACAA,mBAEAsB,0BACA,6CAEA,4BACA,6CAEA,gBAEAA,0BACA,6CAEA,4BACA,6CAEA,gBAEAA,0BACA,6CAEA,4BACA,6CAEA,gBAEAA,0BACA,8CAEA,4BACA,6CAEA,kBAGA,2CACA,yBACA,oCACA,WACA,kCACA,gBACA,+BAEAhB,MAAAC,QAEAgB,wBACA,WACA1B,IACA,oDACA,2BACA,2BACA,4BACA,yCACAC,qBAEAC,KAAAC,IACAA,oBACA,iCACA,6BACA,YACA,EAEA,IACA,EAEA,IAEA,8BACA,qBAKA,OAJA,OACAY,SAEAA,aACA,GACA,IACA,QAEA,+BACA,oBACAY,GACAA,6BACA,6CAEA,cACAA,GACAA,6BACA,6CAEA,cACAA,GACAA,6BACA,6CAEA,cACAA,GACAA,6BACA,6CAGA,OACAhL,UACAK,aACAzG,sBACAqR,oBACAC,sCACAC,sCACAC,sCACAC,sCACAC,sCACAC,sCACAC,sCACAC,sCACAC,+BACA,eACA,MAGA,gDACAC,eAEA,qBAEA7B,MAAAC,QAyBA6B,mBACA,eAEA,eACAC,GACAA,0BACA,6CAEA,KACAC,cACAC,mBAEA,iBACAC,qDAEA,eACA,SACA,SACA,gDACA,mDACA,gBACA,cACA,0BAEA,cACA,2BAEA,oCACA,iBAAAlP,QAAAuF,SACA,8BACA,+CACA,wCAGA,eACAwJ,GACAA,0BACA,6CAEA,KACAI,cACAC,mBAEAvM,WACAwM,SACAC,SACA,gDACA,mDACA,gBACA,cACA,0BAEA,cACA,2BAEA,oCACA,iBAAAtP,QAAAuF,SACA,8BACA,+CACA,wCAGA,eACAwJ,GACAA,0BACA,6CAEA,KACAQ,cACAC,mBAEAH,SACAC,SACA,gDACA,mDACA,gBACA,cACA,0BAEA,cACA,2BAEA,oCACA,iBAAAtP,QAAAuF,SACA,8BACA,+CACA,wCAGA,eACAwJ,GACAA,0BACA,6CAEA,KACAU,cACAC,mBAEA7M,WACAwM,SACAC,SACA,gDACA,mDACA,gBACA,cACA,0BAEA,cACA,2BAEA,oCACA,iBAAAtP,QAAAuF,SACA,8BACA,iDACA,wCAGA,yBACA,6BAKA,OAJA,OACA+H,SAEAA,aACA,GACA,IAEA,yBACA,CACAV,OACApQ,0BACA,WACA,MAIA,SACAmT,cACAC,mBAEA/M,WACAwM,SACAC,SACA,kDACA,yDACA,kBACA,gBACA,4BAEA,gBACA,6BAEA,wCACA,iBAAAtP,QAAAuF,SACA,gCACA,iDACA,4CAGAjJ,mBACA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","file":"js/chunk-11328192.effd7fb9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('UpdateCompanyDomain'),_vm._v(\" \"),_c('MasterLayout',[(_vm.showLoader)?_c('section',{staticClass:\"row card-loader-wrapper w-100\"},[_vm._l((4),function(c,i){return _c('div',{key:i,staticClass:\"col-md-3 position-relative\"},[_c('div',{staticClass:\"card-loader\"})])}),_vm._v(\" \"),(_vm.showLoader)?_c('div',{staticClass:\"showLoaderDiv charts__loader w-full mt-5 rounded-lg w-full\",staticStyle:{\"width\":\"130% !important\",\"height\":\"100%\"}},[_c('div',{class:_vm.showLoader ? 'loading' : null})]):_vm._e()],2):_vm._e(),_vm._v(\" \"),(!_vm.showLoader)?_c('section',{staticClass:\"dashboard_first_row pt-2\"},[_c('div',{staticClass:\"d-flex justify-content-between align-middle flex-lg-row flex-md-row date-picker mx-auto\"},[(!_vm.showLoader)?_c('h5',{staticStyle:{\"font-size\":\"1.1rem\",\"padding-top\":\"20px\",\"display\":\"block\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.cDashboard.salesReport\"))+\"\\n          \")]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"drop_down_div align-items-center\"},[_c('vue-ctk-date-time-picker',{attrs:{\"max-date\":_vm.maxDate,\"range\":true,\"autoClose\":true,\"locale\":this.$root.$i18n.locale,\"color\":_vm.$store.getters.getDatePickerColor,\"format\":\"DDMMYYYY\",\"formatted\":\"DD/MM/YYYY\",\"label\":_vm.$t('text.calendar.dateRange')},model:{value:(_vm.dateRange),callback:function ($$v) {_vm.dateRange=$$v},expression:\"dateRange\"}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"row scoll-pane position-relative\",attrs:{\"id\":\"scoll-pane\"}},[(_vm.hasPms && !_vm.pmsCond)?_c('div',{staticClass:\"col-md-3 col-sm-12 card_row col-lg-3\",class:_vm.productCount},[_c('div',{staticClass:\"mt-3 card_container_1 dashboard_card_1\"},[_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"stations_card_header\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.countryProducts.products.product1)+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"stations_card_header\",staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.convertThousand(_vm.pmsSummary.volume))+\"\\n                    \"+_vm._s(_vm.$t(\"text.cDisconnectedPumps.ltrs\"))+\"\\n                  \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-2 row dashboard_card\"},[_c('div',{staticClass:\"text-right col-lg-12 col-md-12 col-sm-12\"},[_c('highcharts',{attrs:{\"options\":_vm.pmsSplineOption}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"percent__text\",style:({ '--a': _vm.pmsRateColor })},[_c('span',[(_vm.pmsUp)?_c('img',{attrs:{\"src\":require(\"@/assets/img/arrowUp.svg\")}}):_vm._e(),_vm._v(\" \"),(!_vm.pmsUp)?_c('img',{attrs:{\"src\":require(\"@/assets/img/arrowDown.svg\")}}):_vm._e()]),_vm._v(\"\\n                    \"+_vm._s((_vm.pmsRate + \"%\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"dashboard__footer__amount\",staticStyle:{\"font-size\":\"23px\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.region ? _vm.region.currencyCode : \"\")+\"\\n                    \"+_vm._s(_vm.convertThousand(_vm.pmsSummary.amount))+\"\\n                    \")])])])])]):_vm._e(),_vm._v(\" \"),(!_vm.hasPms && !_vm.getting)?_c('div',{staticClass:\"col-md-3 remove-padding-left card_row\"},[_c('div',{staticClass:\"mt-3 card_container_greyed dashboard_card_1\"},[_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h5',{staticClass:\"percent__text\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.cDisconnectedPumps.na\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h5',{staticClass:\"percent__text\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.cDisconnectedPumps.na\"))+\"\\n                  \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"pl-3 mt-2 mb-3\"},[_c('div',{staticClass:\"text-right col-lg-12 col-md-12 col-sm-12\"},[_c('hr')])]),_vm._v(\" \"),_c('div',{staticClass:\"left_div\"},[_c('h5',{staticClass:\"percent__text\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.cDisconnectedPumps.na\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h5',{staticClass:\"percent__text\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.cDisconnectedPumps.na\"))+\"\\n                  \")])])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasAgo && !_vm.agoCond)?_c('div',{staticClass:\"col-md-3 remove-padding-left card_row\",class:_vm.productCount},[_c('div',{staticClass:\"mt-3 card_container_1 dashboard_card_1\"},[_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"stations_card_header_1\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.countryProducts.products.product2)+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"stations_card_header_1\",staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.convertThousand(_vm.agoSummary.volume))+\"\\n                    \"+_vm._s(_vm.$t(\"text.cDisconnectedPumps.ltrs\"))+\"\\n                  \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-2 row dashboard_card\"},[_c('div',{staticClass:\"text-right col-lg-12 col-md-12 col-sm-12\"},[_c('highcharts',{attrs:{\"options\":_vm.agoSplineOption}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"percent__text\",style:({ '--a': _vm.agoRateColor })},[_c('span',[(_vm.agoUp)?_c('img',{attrs:{\"src\":require(\"@/assets/img/arrowUp.svg\")}}):_vm._e(),_vm._v(\" \"),(!_vm.agoUp)?_c('img',{attrs:{\"src\":require(\"@/assets/img/arrowDown.svg\")}}):_vm._e()]),_vm._v(\"\\n                    \"+_vm._s((_vm.agoRate + \"%\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"dashboard__footer__amount_1\",staticStyle:{\"font-size\":\"23px\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.region ? _vm.region.currencyCode : \"\")+\"\\n                    \"+_vm._s(_vm.convertThousand(_vm.agoSummary.amount))+\"\\n                    \")])])])])]):_vm._e(),_vm._v(\" \"),(!_vm.hasAgo && !_vm.getting)?_c('div',{staticClass:\"col-md-3 remove-padding-left card_row\"},[_c('div',{staticClass:\"mt-3 card_container_greyed dashboard_card_1\"},[_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h5',{staticClass:\"percent__text\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.cDisconnectedPumps.na\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h5',{staticClass:\"percent__text\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.cDisconnectedPumps.na\"))+\"\\n                  \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"pl-3 mt-2 mb-3\"},[_c('div',{staticClass:\"text-right col-lg-12 col-md-12 col-sm-12\"},[_c('hr')])]),_vm._v(\" \"),_c('div',{staticClass:\"left_div\"},[_c('h5',{staticClass:\"percent__text\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.cDisconnectedPumps.na\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h5',{staticClass:\"percent__text\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.cDisconnectedPumps.na\"))+\"\\n                  \")])])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasDpk && !_vm.dpkCond)?_c('div',{staticClass:\"col-md-3 remove-padding-left card_row\",class:_vm.productCount},[_c('div',{staticClass:\"mt-3 card_container_1 dashboard_card_1\"},[_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"stations_card_header_2\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.countryProducts.products.product3)+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"stations_card_amount_header_3\",staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.convertThousand(_vm.dpkSummary.volume))+\"\\n                    \"+_vm._s(_vm.$t(\"text.cDisconnectedPumps.ltrs\"))+\"\\n                  \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-2 row dashboard_card\"},[_c('div',{staticClass:\"text-right col-lg-12 col-md-12 col-sm-12\"},[_c('highcharts',{attrs:{\"options\":_vm.dpkSplineOption}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"percent__text\",style:({ '--a': _vm.dpkRateColor })},[_c('span',[(_vm.dpkUp)?_c('img',{attrs:{\"src\":require(\"@/assets/img/arrowUp.svg\")}}):_vm._e(),_vm._v(\" \"),(!_vm.dpkUp)?_c('img',{attrs:{\"src\":require(\"@/assets/img/arrowDown.svg\")}}):_vm._e()]),_vm._v(\"\\n                    \"+_vm._s((_vm.dpkRate + \"%\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"dashboard__footer__amount_2\",staticStyle:{\"font-size\":\"23px\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.region ? _vm.region.currencyCode : \"\")+\"\\n                    \"+_vm._s(_vm.convertThousand(_vm.dpkSummary.amount))+\"\\n                    \")])])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasLpg && !_vm.lpgCond)?_c('div',{staticClass:\"col-md-3 remove-padding-left card_row\",class:_vm.productCount},[_c('div',{staticClass:\"mt-3 card_container_1 dashboard_card_1\"},[_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"stations_card_header_2\",staticStyle:{\"color\":\"purple\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.countryProducts.products.product4)+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"stations_card_amount_header_3\",staticStyle:{\"color\":\"purple\",\"font-size\":\"20px\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.convertThousand(_vm.lpgSummary.volume))+\"\\n                    \"+_vm._s(_vm.$t(\"text.cDisconnectedPumps.ltrs\"))+\"\\n                  \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-2 row dashboard_card\"},[_c('div',{staticClass:\"text-right col-lg-12 col-md-12 col-sm-12\"},[_c('highcharts',{attrs:{\"options\":_vm.lpgSplineOption}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"percent__text\",style:({ '--a': _vm.lpgRateColor })},[_c('span',[(_vm.lpgUp)?_c('img',{attrs:{\"src\":require(\"@/assets/img/arrowUp.svg\")}}):_vm._e(),_vm._v(\" \"),(!_vm.lpgUp)?_c('img',{attrs:{\"src\":require(\"@/assets/img/arrowDown.svg\")}}):_vm._e()]),_vm._v(\"\\n                    \"+_vm._s((_vm.lpgRate + \"%\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"dashboard__footer__amount_2\",staticStyle:{\"font-size\":\"23px\",\"color\":\"purple\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.region ? _vm.region.currencyCode : \"\")+\"\\n                    \"+_vm._s(_vm.convertThousand(_vm.lpgSummary.amount))+\"\\n                    \")])])])])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"col-md-3 remove-padding-left card_row\",class:_vm.productCount},[(!_vm.showLoader)?_c('div',{staticClass:\"mt-3 card_container_1 dashboard_card_1\"},[_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"stations_card_header_3\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.products.total\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"stations_card_amount_header_4\",staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.convertThousand(\n                        _vm.pmsSummary.volume +\n                          _vm.agoSummary.volume +\n                          _vm.dpkSummary.volume +\n                          _vm.lpgSummary.volume\n                      ))+\"\\n                    \"+_vm._s(_vm.$t(\"text.cDisconnectedPumps.ltrs\"))+\"\\n                  \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-2 row dashboard_card\"},[_c('div',{staticClass:\"text-right col-lg-12 col-md-12 col-sm-12\"},[_c('highcharts',{attrs:{\"options\":_vm.totalSplineOption}})],1)]),_vm._v(\" \"),_c('div',{staticClass:\"clearfix\"},[_c('div',{staticClass:\"left_div\"},[_c('h4',{staticClass:\"percent__text\",style:({ '--a': _vm.totalRateColor })},[_c('span',[(_vm.totalUp)?_c('img',{attrs:{\"src\":require(\"@/assets/img/arrowUp.svg\")}}):_vm._e(),_vm._v(\" \"),(!_vm.totalUp)?_c('img',{attrs:{\"src\":require(\"@/assets/img/arrowDown.svg\")}}):_vm._e()]),_vm._v(\"\\n                    \"+_vm._s((_vm.totalRate + \"%\"))+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('h4',{staticClass:\"dashboard__footer__amount_3\",staticStyle:{\"font-size\":\"23px\"}},[_vm._v(\"\\n                    \"+_vm._s(_vm.region ? _vm.region.currencyCode : \"\")+\"\\n                    \"+_vm._s(_vm.convertThousand(\n                        _vm.pmsSummary.amount +\n                          _vm.agoSummary.amount +\n                          _vm.dpkSummary.amount +\n                          _vm.lpgSummary.amount\n                      ))+\"\\n                    \")])])])]):_vm._e()])]),_vm._v(\" \"),(_vm.prodCounts > 3 && _vm.lpgCond == false)?_c('div',[_c('div',{staticClass:\"position-absolute rounded-circle arrow-div-left\",on:{\"click\":_vm.arrowLeft,\"mouseover\":_vm.arrowLeft}},[_c('img',{staticClass:\"arrowpics\",attrs:{\"src\":require(\"@/assets/img/arrowLeft.png\"),\"width\":\"40px\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"position-absolute rounded-circle arrow-div-right\",on:{\"click\":_vm.arrowRight,\"mouseover\":_vm.arrowRight}},[_c('img',{staticClass:\"arrowpics\",attrs:{\"src\":require(\"@/assets/img/arrowRight.png\"),\"width\":\"40px\"}})])]):_vm._e()]):_vm._e(),_vm._v(\" \"),(!_vm.showLoader)?_c('div',{staticClass:\"section-2 mt-4\"},[(_vm.userInfo.roles.includes('Old Client'))?_c('section',{staticClass:\"mt-5 section_3 last__ten__transactions__row\"},[_c('div',{staticClass:\"row mb-5\",staticStyle:{\"margin-top\":\"-10px\"}},[_c('div',{staticClass:\"col-md-12 col-lg-8 table_block\"},[_c('h5',{staticStyle:{\"font-size\":\"1.1rem\",\"margin-bottom\":\"-5px\",\"padding-left\":\"10px\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.hasTankStockPms ||\n                  _vm.hasTankStockAgo ||\n                  _vm.hasTankStockDpk ||\n                  _vm.hasTankStockLpg\n                    ? \"Product inventory\"\n                    : \" \")+\"\\n              \")]),_vm._v(\" \"),(!_vm.showLoader)?_c('div',{staticClass:\"row mb-2 pos_trans_card_holder mb-3\"},[(_vm.hasTankStockPms)?_c('div',{staticClass:\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\",class:[_vm.LGgridNum, _vm.MDgridNum]},[_c('div',{staticClass:\"card_container_1 pos-card mt-3 card-vertical-center\"},[_c('h4',{staticClass:\"stations_card_header\"},[_vm._v(\"\\n                      \"+_vm._s(_vm.countryProducts.products.product1)+\"\\n                    \")]),_vm._v(\" \"),_c('div',{staticClass:\"oil_drop_div_1\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h4',{staticStyle:{\"font-size\":\"1.3rem\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.convertThousand(_vm.pmsTankStock.volume))+_vm._s(_vm.$t(\"text.cDashboard.ltrs\"))+\"\\n                      \")])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasTankStockAgo)?_c('div',{staticClass:\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\",class:[_vm.LGgridNum, _vm.MDgridNum]},[_c('div',{staticClass:\"card_container_1 pos-card mt-3 card-vertical-center\"},[_c('h5',{staticClass:\"stations_card_header_1\"},[_vm._v(\"\\n                      \"+_vm._s(_vm.countryProducts.products.product2)+\"\\n                    \")]),_vm._v(\" \"),_c('div',{staticClass:\"oil_drop_div_2\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h4',{staticStyle:{\"font-size\":\"1.3rem\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.convertThousand(_vm.agoTankStock.volume))+_vm._s(_vm.$t(\"text.cDashboard.ltrs\"))+\"\\n                      \")])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasTankStockDpk)?_c('div',{staticClass:\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\",class:[_vm.LGgridNum, _vm.MDgridNum]},[_c('div',{staticClass:\"card_container_1 pos-card mt-3 card-vertical-center\"},[_c('h4',{staticClass:\"stations_card_header_2\"},[_vm._v(\"\\n                      \"+_vm._s(_vm.countryProducts.products.product3)+\"\\n                    \")]),_vm._v(\" \"),_c('div',{staticClass:\"oil_drop_div_3\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h4',{staticStyle:{\"font-size\":\"1.3rem\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.convertThousand(_vm.dpkTankStock.volume))+_vm._s(_vm.$t(\"text.cDashboard.ltrs\"))+\"\\n                      \")])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasTankStockLpg)?_c('div',{staticClass:\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\",class:[_vm.LGgridNum, _vm.MDgridNum]},[_c('div',{staticClass:\"card_container_1 pos-card mt-3 card-vertical-center\"},[_c('h4',{staticClass:\"stations_card_header_1\",staticStyle:{\"color\":\"purple\"}},[_vm._v(\"\\n                      \"+_vm._s(_vm.countryProducts.products.product4)+\"\\n                    \")]),_vm._v(\" \"),_c('div',{staticClass:\"oil_drop_div_4\",staticStyle:{\"background\":\"purple\"}},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h4',{staticStyle:{\"font-size\":\"1.3rem\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.convertThousand(_vm.lpgTankStock.volume))+_vm._s(_vm.$t(\"text.cDashboard.ltrs\"))+\"\\n                      \")]),_vm._v(\" \"),_c('small',{staticClass:\"dashboard__card__header_bottom\"})])])]):_vm._e()]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"section_3_table_section\"},[(_vm.showLoader)?_c('pulse-loader',{staticClass:\"py-5\",attrs:{\"size\":\"15px\"}}):_vm._e(),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],staticClass:\"row top_section_row py-5\"},[_c('div',{staticClass:\"col-md-8\"},[_c('h3',{staticClass:\"ml-2 sales_vs_target_header\"},[_vm._v(\"\\n                      \"+_vm._s(_vm.$t(\"text.cDashboard.salesVTarget\"))+\"\\n                    \")]),_vm._v(\" \"),_c('span')]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4 section___column_2\"},[_c('div',{staticClass:\"align-items-center\"},[_c('div',{},[_c('div',{staticClass:\"mt-2 mr-2 drop_down_section\"},[_c('div',{staticClass:\"drop_down_div align-items-center\"})])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-2 highcharts__row\"},[_c('div',{staticClass:\"mt-2 row\"},[(_vm.hasPms)?_c('div',{staticClass:\"col-md-4\",class:_vm.salesTargetCount},[_c('div',{staticClass:\"highcharts__div\"},[_c('highcharts',{attrs:{\"options\":_vm.pmsGuageOptions}})],1)]):_vm._e(),_vm._v(\" \"),(!_vm.hasPms && !_vm.getting)?_c('div',{staticClass:\"col-md-4\",class:_vm.salesTargetCount},[_c('div',{staticClass:\"greyed_pie_chart_holder\"},[_c('highcharts',{attrs:{\"options\":_vm.greyedGuageOptions}}),_vm._v(\" \"),_c('div',{staticClass:\"empty_chart_text\"},[_c('p',[_vm._v(_vm._s(_vm.$t(\"text.cDashboard.nA\")))])])],1)]):_vm._e(),_vm._v(\" \"),(_vm.hasAgo)?_c('div',{staticClass:\"col-md-4\",class:_vm.salesTargetCount},[_c('div',{staticClass:\"highcharts__div\"},[_c('highcharts',{attrs:{\"options\":_vm.agoGuageOptions}})],1)]):_vm._e(),_vm._v(\" \"),(!_vm.hasAgo && !_vm.getting)?_c('div',{staticClass:\"col-md-4\",class:_vm.salesTargetCount},[_c('div',{staticClass:\"greyed_pie_chart_holder\"},[_c('highcharts',{attrs:{\"options\":_vm.greyedGuageOptions}}),_vm._v(\" \"),_c('div',{staticClass:\"empty_chart_text\"},[_c('p',[_vm._v(_vm._s(_vm.$t(\"text.cDashboard.nA\")))])])],1)]):_vm._e(),_vm._v(\" \"),(_vm.hasDpk)?_c('div',{staticClass:\"col-md-4\",class:_vm.salesTargetCount},[_c('div',{staticClass:\"highcharts__div\"},[_c('highcharts',{attrs:{\"options\":_vm.dpkGuageOptions}})],1)]):_vm._e(),_vm._v(\" \"),(_vm.hasLpg)?_c('div',{staticClass:\"col-md-3\",class:_vm.salesTargetCount},[_c('div',{staticClass:\"highcharts__div\"},[_c('highcharts',{attrs:{\"options\":_vm.lpgGuageOptions}})],1)]):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"mt-5 legend__div\"},[_c('div',{staticClass:\"mt-5 row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"row\"},[(_vm.hasPms)?_c('div',{staticClass:\"col-md-3\",class:_vm.salesTargetCount},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticStyle:{\"height\":\"10px\",\"width\":\"30px\",\"background\":\"rgb(216, 153, 28)\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('div',{staticStyle:{\"color\":\"rgb(216, 153, 28)\"}},[_vm._v(\"\\n                                    \"+_vm._s(_vm.countryProducts.products.product1)+\"\\n                                  \")])])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasAgo)?_c('div',{staticClass:\"col-md-3\",class:_vm.salesTargetCount},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticStyle:{\"height\":\"10px\",\"width\":\"30px\",\"background\":\"rgb(155, 242, 36)\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('div',{staticStyle:{\"color\":\"rgb(155, 242, 36)\"}},[_vm._v(\"\\n                                    \"+_vm._s(_vm.countryProducts.products.product2)+\"\\n                                  \")])])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasDpk)?_c('div',{staticClass:\"col-md-3\",class:_vm.salesTargetCount},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticStyle:{\"height\":\"10px\",\"width\":\"30px\",\"background\":\"rgb(0, 172, 237)\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('div',{staticStyle:{\"color\":\"rgb(0, 172, 237)\"}},[_vm._v(\"\\n                                    \"+_vm._s(_vm.countryProducts.products.product3)+\"\\n                                  \")])])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasLpg)?_c('div',{staticClass:\"col-md-3\",class:_vm.salesTargetCount},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticStyle:{\"height\":\"10px\",\"width\":\"30px\",\"background\":\"purple\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('div',{staticStyle:{\"color\":\"purple\"}},[_vm._v(\"\\n                                    \"+_vm._s(_vm.countryProducts.products.product4)+\"\\n                                  \")])])])])]):_vm._e()])])])])])],1)]),_vm._v(\" \"),_c('div',{staticClass:\"col-lg-4 col-sm-12 mt-5 drivers_block spread\"},[_c('div',{staticClass:\"row remove_padding mobile_tiles\",staticStyle:{\"height\":\"31.4%\",\"margin-top\":\"-12px\"}},[_c('div',{staticClass:\"text-center col-md-6 col-sm-12 text_div_block lnk mobile_under_tile padding_left_desk\"},[_c('div',{staticClass:\"py-3 section_3_right_column_block new_tiles\"},[_c('div',{},[_c('h3',{staticClass:\"mt-1 stations__block_text_1 mobile_title_font\"},[_vm._v(\"\\n                        \"+_vm._s(_vm.$t(\"text.cDashboard.stations\"))+\"\\n                      \")])]),_vm._v(\" \"),_c('div',{},[_c('h3',{staticClass:\"stations__block_text_1 mobile_font\",staticStyle:{\"font-size\":\"40px\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.branches)+\"\\n                      \")])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row remove_padding mobile_tiles\",staticStyle:{\"height\":\"31.4%\"}},[_c('div',{staticClass:\"pl-3 text-center col-md-6 col-sm-12 text_div_block lnk mobile_under_tile padding_right_desk\"},[_c('div',{staticClass:\"py-3 section_3_right_column_block new_tiles\"},[_c('div',{},[_c('h3',{staticClass:\"mt-1 stations__block_text_1 mobile_title_font\"},[_vm._v(\"\\n                        \"+_vm._s(_vm.$t(\"text.cDashboard.productDischarged\"))+\"\\n                      \")])]),_vm._v(\" \"),_c('div',{},[_c('h3',{staticClass:\"stations__block_text_1 mobile_font\",staticStyle:{\"font-size\":\"40px\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.tanksFilled)+\"\\n                      \")])])])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center col-md-6 col-sm-12 text_div_block lnk mobile_under_tile padding_left_desk\",staticStyle:{\"cursor\":\"context-menu !important\"}},[_c('div',{staticClass:\"py-3 section_3_right_column_block new_tiles nohover\"},[_c('div',{},[_c('h3',{staticClass:\"mt-1 stations__block_text_1 mobile_title_font\"},[_vm._v(\"\\n                        \"+_vm._s(_vm.$t(\"text.cDashboard.totalPumps\"))+\"\\n                      \")])]),_vm._v(\" \"),_c('div',{},[_c('h3',{staticClass:\"stations__block_text_1 mobile_font\",staticStyle:{\"font-size\":\"40px\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.pumpCount)+\"\\n                      \")])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row remove_padding mobile_tiles\",staticStyle:{\"height\":\"31.4%\"}},[_c('div',{staticClass:\"pl-3 text-center col-md-6 col-sm-12 text_div_block lnk mobile_under_tile padding_right_desk\"},[_c('div',{staticClass:\"py-3 section_3_right_column_block new_tiles\"},[_c('div',{},[_c('h3',{staticClass:\"mt-1 stations__block_text_1 mobile_title_font\"},[_vm._v(\"\\n                        \"+_vm._s(_vm.$t(\"text.cDashboard.disconnectedPumps\"))+\"\\n                      \")])]),_vm._v(\" \"),_c('div',{},[_c('h3',{staticClass:\"stations__block_text_1 mobile_font\",staticStyle:{\"font-size\":\"40px\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.offlinePumps)+\"\\n                      \")])])])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center col-md-6 col-sm-12 text_div_block lnk mobile_under_tile padding_left_desk\"},[_c('div',{staticClass:\"py-3 section_3_right_column_block new_tiles\"},[_c('div',{},[_c('h3',{staticClass:\"mt-1 stations__block_text_1 mobile_title_font\"},[_vm._v(\"\\n                        \"+_vm._s(_vm.$t(\"text.cDashboard.offlinePumps\"))+\"\\n                      \")])]),_vm._v(\" \"),_c('div',{},[_c('h3',{staticClass:\"stations__block_text_1 mobile_font\",staticStyle:{\"font-size\":\"40px\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.deviceNotPushing)+\"\\n                      \")])])])])])])])]):_c('section',{staticClass:\"mt-5 section_3 last__ten__transactions__row\"},[_c('div',{staticClass:\"row\",staticStyle:{\"margin-top\":\"-10px\"}},[_c('div',{staticClass:\"col-md-12 col-lg-7 table_block\"},[_c('h5',{staticStyle:{\"font-size\":\"1.1rem\",\"margin-bottom\":\"-5px\",\"padding-left\":\"10px\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.hasTankStockPms ||\n                  _vm.hasTankStockAgo ||\n                  _vm.hasTankStockDpk ||\n                  _vm.hasTankStockLpg\n                    ? \"Product inventory\"\n                    : \" \")+\"\\n              \")]),_vm._v(\" \"),(!_vm.showLoader)?_c('div',{staticClass:\"row mb-2 pos_trans_card_holder mb-3\"},[(_vm.hasTankStockPms)?_c('div',{staticClass:\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\",class:[_vm.LGgridNum, _vm.MDgridNum]},[_c('div',{staticClass:\"card_container_1 pos-card mt-3 card-vertical-center\"},[_c('h4',{staticClass:\"stations_card_header\"},[_vm._v(\"\\n                      \"+_vm._s(_vm.countryProducts.products.product1)+\"\\n                    \")]),_vm._v(\" \"),_c('div',{staticClass:\"oil_drop_div_1\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h4',{staticStyle:{\"font-size\":\"1.3rem\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.convertThousand(_vm.pmsTankStock.volume))+_vm._s(_vm.$t(\"text.cDashboard.ltrs\"))+\"\\n                      \")])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasTankStockAgo)?_c('div',{staticClass:\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\",class:[_vm.LGgridNum, _vm.MDgridNum]},[_c('div',{staticClass:\"card_container_1 pos-card mt-3 card-vertical-center\"},[_c('h5',{staticClass:\"stations_card_header_1\"},[_vm._v(\"\\n                      \"+_vm._s(_vm.countryProducts.products.product2)+\"\\n                    \")]),_vm._v(\" \"),_c('div',{staticClass:\"oil_drop_div_2\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h4',{staticStyle:{\"font-size\":\"1.3rem\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.convertThousand(_vm.agoTankStock.volume))+_vm._s(_vm.$t(\"text.cDashboard.ltrs\"))+\"\\n                      \")])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasTankStockDpk)?_c('div',{staticClass:\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\",class:[_vm.LGgridNum, _vm.MDgridNum]},[_c('div',{staticClass:\"card_container_1 pos-card mt-3 card-vertical-center\"},[_c('h4',{staticClass:\"stations_card_header_2\"},[_vm._v(\"\\n                      \"+_vm._s(_vm.countryProducts.products.product3)+\"\\n                    \")]),_vm._v(\" \"),_c('div',{staticClass:\"oil_drop_div_3\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h4',{staticStyle:{\"font-size\":\"1.3rem\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.convertThousand(_vm.dpkTankStock.volume))+_vm._s(_vm.$t(\"text.cDashboard.ltrs\"))+\"\\n                      \")])])])]):_vm._e(),_vm._v(\" \"),(_vm.hasTankStockLpg)?_c('div',{staticClass:\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\",class:[_vm.LGgridNum, _vm.MDgridNum]},[_c('div',{staticClass:\"card_container_1 pos-card mt-3 card-vertical-center\"},[_c('h4',{staticClass:\"stations_card_header_1\",staticStyle:{\"color\":\"purple\"}},[_vm._v(\"\\n                      \"+_vm._s(_vm.countryProducts.products.product4)+\"\\n                    \")]),_vm._v(\" \"),_c('div',{staticClass:\"oil_drop_div_4\",staticStyle:{\"background\":\"purple\"}},[_c('div',{staticClass:\"text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/drop-of-liquid.png\"),\"width\":\"50%\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-center\"},[_c('h4',{staticStyle:{\"font-size\":\"1.3rem\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.convertThousand(_vm.lpgTankStock.volume))+_vm._s(_vm.$t(\"text.cDashboard.ltrs\"))+\"\\n                      \")]),_vm._v(\" \"),_c('small',{staticClass:\"dashboard__card__header_bottom\"})])])]):_vm._e()]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"section_3_table_section mt-3\",staticStyle:{\"border\":\"3px solid #ae91d3\",\"border-radius\":\"10px\",\"background-color\":\"#fcfcfc\",\"min-height\":\"480px !important\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"ml-2\"},[_c('ul',{staticClass:\"tabs__lists d-flex justify-content-center\"},[_c('li',{staticClass:\"ml-1\",on:{\"click\":function($event){return _vm.changeTab('pchannel')}}},[_c('a',{staticClass:\"tab_link\",class:[\n                            _vm.tab === 'pchannel' ? 'active__tab__link' : null ],style:([\n                            _vm.tab === 'pchannel' ? { color: '#4C2E73' } : null ]),attrs:{\"href\":\"#0\"}},[_vm._v(\"\\n                          \"+_vm._s(_vm.$t(\"text.omit.paymentChannel\"))+\"\\n                        \")])]),_vm._v(\" \"),_c('li',{staticClass:\"ml-3\",on:{\"click\":function($event){return _vm.changeTab('revenue')}}},[_c('a',{staticClass:\"tab_link\",class:[\n                            _vm.tab === 'revenue' ? 'active__tab__link' : null ],style:([\n                            _vm.tab === 'revenue' ? { color: '#4C2E73' } : null ]),attrs:{\"href\":\"#0\"}},[_vm._v(\"\\n                          \"+_vm._s(_vm.$t(\"text.omit.revenue\"))+\"\\n                        \")])])])])]),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.tab === 'pchannel'),expression:\"tab === 'pchannel'\"}]},[_c('table',{staticClass:\"table table-hover mt-2\"},[_c('tbody',[_c('tr',[_c('td',{staticClass:\"pl-4 text-uppercase d-flex\"},[_c('span',[_c('img',{staticClass:\"mr-2\",attrs:{\"src\":require(\"@/assets/img/dpossales.png\"),\"width\":\"20px\"}})]),_vm._v(\"\\n                          \"+_vm._s(_vm.$t(\"text.sales.posSales\"))+\"\\n                        \")]),_vm._v(\" \"),_c('td',{staticClass:\"text-right pr-4\"},[(_vm.loadingNT)?_c('pulse-loader',{attrs:{\"size\":\"15px\"}}):_c('span',[_vm._v(\" \"+_vm._s(_vm.pccurrency)+_vm._s(_vm.pcposSales)+\" \")])],1)]),_vm._v(\" \"),_c('tr',[_c('td',{staticClass:\"pl-4 text-uppercase d-flex\"},[_c('span',[_c('img',{staticClass:\"mr-2\",attrs:{\"src\":require(\"@/assets/img/desales.png\"),\"width\":\"20px\"}})]),_vm._v(\"\\n                          \"+_vm._s(_vm.$t(\"text.bMasterLayout.eSales\"))+\"\\n                        \")]),_vm._v(\" \"),_c('td',{staticClass:\"text-right pr-4\"},[(_vm.loadingNT)?_c('pulse-loader',{attrs:{\"size\":\"15px\"}}):_c('span',[_vm._v(\" \"+_vm._s(_vm.pccurrency)+_vm._s(_vm.pcesales)+\" \")])],1)]),_vm._v(\" \"),_c('tr',[_c('td',{staticClass:\"pl-4 text-uppercase d-flex\"},[_c('span',[_c('img',{staticClass:\"mr-2\",attrs:{\"src\":require(\"@/assets/img/desales.png\"),\"width\":\"20px\"}})]),_vm._v(\"\\n                          \"+_vm._s(_vm.$t(\"text.cMasterLayout.retainership\"))+\"\\n                        \")]),_vm._v(\" \"),_c('td',{staticClass:\"text-right pr-4\"},[(_vm.loadingNT)?_c('pulse-loader',{attrs:{\"size\":\"15px\"}}):_c('span',[_vm._v(\"\\n                            \"+_vm._s(_vm.pccurrency)+_vm._s(_vm.pcretainership)+\"\\n                          \")])],1)]),_vm._v(\" \"),_c('tr',{staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.$router.push({\n                            name: 'region-bank-linked-transactions',\n                            query: {\n                              companyId: _vm.$route.query.companyId,\n                              regionId: _vm.$route.query.regionId,\n                            },\n                          })}}},[_c('td',{staticClass:\"pl-4 text-uppercase d-flex\"},[_c('span',[_c('img',{staticClass:\"mr-2\",attrs:{\"src\":require(\"@/assets/img/dbankdep.png\"),\"width\":\"20px\"}})]),_vm._v(\"\\n                          \"+_vm._s(_vm.$t(\"text.bMasterLayout.bankDeposits\"))+\"\\n                        \")]),_vm._v(\" \"),_c('td',{staticClass:\"text-right pr-4\"},[(_vm.loadingNT)?_c('pulse-loader',{attrs:{\"size\":\"15px\"}}):_c('span',[_vm._v(\"\\n                            \"+_vm._s(_vm.pccurrency)+_vm._s(_vm.pcbankDeposit)+\"\\n                          \")])],1)]),_vm._v(\" \"),_c('tr',{staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.$router.push({\n                            name: 'region_cashflow',\n                            query: {\n                              companyId: _vm.$route.query.companyId,\n                              regionId: _vm.$route.query.regionId,\n                            },\n                          })}}},[_c('td',{staticClass:\"pl-4 text-uppercase d-flex\"},[_c('span',[_c('img',{staticClass:\"mr-2\",attrs:{\"src\":require(\"@/assets/img/dcash.png\"),\"width\":\"20px\"}})]),_vm._v(\"\\n                          \"+_vm._s(_vm.$t(\"text.bExpenses.cash\"))+\"\\n                        \")]),_vm._v(\" \"),_c('td',{staticClass:\"text-right pr-4\"},[(_vm.loadingNT)?_c('pulse-loader',{attrs:{\"size\":\"15px\"}}):_c('span',[_vm._v(\" \"+_vm._s(_vm.pccurrency)+_vm._s(_vm.pccash)+\" \")])],1)])])]),_vm._v(\" \"),_c('P',{staticClass:\"text-left mt-4 mb-4\"},[_c('span',{staticClass:\"text-danger\"},[_vm._v(\"**\")]),(_vm.dateRange.start !== _vm.dateRange.end)?_c('span',[_vm._v(\"\\n                      \"+_vm._s(_vm.$t(\"text.sales.outstandingCash\"))+\"\\n                      \"+_vm._s(_vm.$t(\"text.calendar.from\"))+\" (\"+_vm._s(_vm.$moment(_vm.dateRange.start, \"DD-MM-YYYY\").format(\n                          \"MMMM D, YYYY\"\n                        ))+\"\\n                      -\\n                      \"+_vm._s(_vm.$moment(_vm.dateRange.end, \"DD-MM-YYYY\").format(\n                          \"MMMM D, YYYY\"\n                        ))+\") \"+_vm._s(_vm.$t(\"text.omit.is\")))]):_c('span',[_vm._v(\"\\n                      \"+_vm._s(_vm.$t(\"text.sales.outstandingCash\"))+\"\\n                      \"+_vm._s(_vm.$t(\"text.for.text\"))+\" (\"+_vm._s(_vm.$moment(_vm.dateRange.start, \"DD-MM-YYYY\").format(\n                          \"MMMM D, YYYY\"\n                        ))+\") \"+_vm._s(_vm.$t(\"text.omit.is\")))]),_vm._v(\" \"),(_vm.loadingNT)?_c('pulse-loader',{staticStyle:{\"display\":\"inline\"},attrs:{\"size\":\"15px\"}}):_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(_vm.pccurrency)+_vm._s(_vm.pcoutstandingCash))])],1)],1),_vm._v(\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.tab === 'revenue'),expression:\"tab === 'revenue'\"}]},[_c('table',{staticClass:\"table table-hover\"},[_c('tbody',[_c('tr',{staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.$router.push({\n                            name: 'RegionNonWetProductsSales',\n                            query: {\n                              companyId: _vm.$route.query.companyId,\n                              regionId: _vm.$route.query.regionId,\n                            },\n                          })}}},[_c('td',{staticClass:\"pl-4 text-uppercase d-flex\"},[_c('span',[_c('img',{staticClass:\"mr-2\",attrs:{\"src\":require(\"@/assets/img/dstock.png\"),\"width\":\"20px\"}})]),_vm._v(\"\\n                          \"+_vm._s(_vm.$t(\"text.cusMasterLayout.dryStock\"))+\"\\n                        \")]),_vm._v(\" \"),_c('td',{staticClass:\"text-right pr-4\"},[(_vm.loadingNT2)?_c('pulse-loader',{attrs:{\"size\":\"15px\"}}):_c('span',[_vm._v(\"\\n                            \"+_vm._s(_vm.pccurrency2)+_vm._s(_vm.convertThousand(_vm.pcdryStock))+\"\\n                          \")])],1)]),_vm._v(\" \"),_c('tr',{style:([\n                          _vm.hoverWT ? { backgroundColor: '#e9ecef' } : null ]),on:{\"mouseenter\":function($event){_vm.hoverWT = true},\"mouseleave\":function($event){_vm.hoverWT = false}}},[_c('td',{staticClass:\"pl-4 text-uppercase d-flex\"},[_c('span',[_c('img',{staticClass:\"mr-2\",attrs:{\"src\":require(\"@/assets/img/dstock.png\"),\"width\":\"20px\"}})]),_vm._v(\"\\n                          \"+_vm._s(_vm.$t(\"text.omit.wetStock\"))+\"\\n                          \")]),_vm._v(\" \"),_c('td',{staticClass:\"text-right pr-4\"},[(_vm.loadingNT2)?_c('pulse-loader',{attrs:{\"size\":\"15px\"}}):_c('span',[_vm._v(\"\\n                            \"+_vm._s(_vm.pccurrency2)+_vm._s(_vm.convertThousand(_vm.pcwetStock))+\"\\n                          \")])],1)])])]),_vm._v(\" \"),_c('div',{staticClass:\"row m-auto text-uppercase\",staticStyle:{\"color\":\"#667084\",\"font-size\":\"12px\",\"margin-top\":\"-20px !important\"},style:([_vm.hoverWT ? { backgroundColor: '#e9ecef' } : null]),on:{\"mouseenter\":function($event){_vm.hoverWT = true},\"mouseleave\":function($event){_vm.hoverWT = false}}},[_c('div',{staticClass:\"col-2 d-flex justify-content-end\"},[_c('img',{staticClass:\"mr-2 ml-2\",attrs:{\"src\":require(\"@/assets/img/dtablines.png\"),\"width\":\"10px\",\"height\":\"100px\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-10 mt-3\"},[_c('div',{staticClass:\"d-flex justify-content-between\"},[_c('div',[_c('p',[_vm._v(_vm._s(_vm.$t(\"text.omit.dispensed\"))+\":\")])]),_vm._v(\" \"),_c('hr',{staticClass:\"mt-2\",staticStyle:{\"border-bottom\":\"2px dashed #c8ccd3\",\"max-width\":\"250px\",\"min-width\":\"40px\"}}),_vm._v(\" \"),_c('div',{staticClass:\"mr-2\"},[(_vm.loadingNT2)?_c('pulse-loader',{attrs:{\"size\":\"15px\"}}):_c('p',[_vm._v(\"\\n                            \"+_vm._s(_vm.pccurrency2)+_vm._s(_vm.convertThousand(_vm.pcbalance))+\"\\n                          \")])],1)]),_vm._v(\" \"),_c('div',{staticClass:\"d-flex justify-content-between\"},[_c('div',[_c('p',[_vm._v(_vm._s(_vm.$t(\"text.omit.rtt\"))+\":\")])]),_vm._v(\" \"),_c('hr',{staticClass:\"mt-2\",staticStyle:{\"border-bottom\":\"2px dashed #c8ccd3\",\"max-width\":\"300px\",\"min-width\":\"100px\"}}),_vm._v(\" \"),_c('div',{staticClass:\"mr-2\"},[(_vm.loadingNT2)?_c('pulse-loader',{attrs:{\"size\":\"15px\"}}):_c('p',[_vm._v(\"\\n                            \"+_vm._s(_vm.pccurrency2)+_vm._s(_vm.convertThousand(_vm.pcrtt))+\"\\n                          \")])],1)]),_vm._v(\" \"),_c('div',{staticClass:\"d-flex justify-content-between\"},[_c('div',[_c('p',[_vm._v(_vm._s(_vm.$t(\"text.cMasterLayout.sales\"))+\":\")])]),_vm._v(\" \"),_c('hr',{staticClass:\"mt-2\",staticStyle:{\"border-bottom\":\"2px dashed #c8ccd3\",\"max-width\":\"280px\",\"min-width\":\"70px\"}}),_vm._v(\" \"),_c('div',{staticClass:\"mr-2\"},[(_vm.loadingNT2)?_c('pulse-loader',{attrs:{\"size\":\"15px\"}}):_c('p',[_vm._v(\"\\n                            \"+_vm._s(_vm.pccurrency2)+_vm._s(_vm.convertThousand(_vm.pcbalance - _vm.pcrtt))+\"\\n                          \")])],1)])])]),_vm._v(\" \"),_c('table',{staticClass:\"table table-hover\"},[_c('tbody',[_c('tr',[_c('td',{staticClass:\"pl-4 text-uppercase d-flex\"},[_c('span',[_c('img',{staticClass:\"mr-2\",attrs:{\"src\":require(\"@/assets/img/dexpenses.png\"),\"width\":\"20px\"}})]),_vm._v(\"\\n                          \"+_vm._s(_vm.$t(\"text.cMasterLayout.expenses\"))+\"\\n                        \")]),_vm._v(\" \"),_c('td',{staticClass:\"text-right pr-4\"},[(_vm.loadingNT2)?_c('pulse-loader',{attrs:{\"size\":\"15px\"}}):_c('span',[_vm._v(\"\\n                            \"+_vm._s(_vm.pccurrency2)+_vm._s(_vm.convertThousand(_vm.pcexpenses))+\"\\n                          \")])],1)]),_vm._v(\" \"),_c('tr',{staticClass:\"font-weight-bold\"},[_c('td',{staticClass:\"pl-4 text-uppercase d-flex\"},[_c('span',[_c('img',{staticClass:\"mr-2\",attrs:{\"src\":require(\"@/assets/img/dcash.png\"),\"width\":\"20px\"}})]),_vm._v(\"\\n                          \"+_vm._s(_vm.$t(\"text.balance.title\"))+\"\\n                        \")]),_vm._v(\" \"),_c('td',{staticClass:\"text-right pr-4\"},[(_vm.loadingNT2)?_c('pulse-loader',{attrs:{\"size\":\"15px\"}}):_c('span',{staticStyle:{\"color\":\"#4c2e73\"}},[_vm._v(\"\\n                            \"+_vm._s(_vm.pccurrency2)+_vm._s(_vm.convertThousand(\n                                _vm.pcdryStock + _vm.pcwetStock - _vm.pcexpenses\n                              ))+\"\\n                          \")])],1)])])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-lg-5 col-sm-12 drivers_block spread\"},[_c('h5',{staticClass:\"mb-2 ml-4 mobMarg\",staticStyle:{\"font-size\":\"1.1rem\"}},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.bDashboard.salesVTarget\"))+\"\\n              \")]),_vm._v(\" \"),_c('div',{staticClass:\"remove_padding mobile_tiles mt-2\"},[_c('div',{staticClass:\"text-center col-md-12 col-sm-12 text_div_block lnk padding_right_desk\"},[_c('div',{staticClass:\"py-4 section_3_right_column_block new_tiles\"},[_c('div',{},[_c('div',{staticClass:\"highcharts__div\"},[_c('highcharts',{attrs:{\"options\":_vm.NewSalesTarget}})],1)])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row remove_padding highMt\"},[_c('div',{staticClass:\"ml-2 text-center col-md-12 col-sm-12 text_div_block lnk mobile_under_tile padding_left_desk\"},[_c('router-link',{staticClass:\"router_link__text\",attrs:{\"to\":{\n                      name: 'dealerBranches',\n                      query: {\n                        dealerId: _vm.$route.query.dealerId,\n                        companyId: _vm.$route.query.companyId,\n                      },\n                    }}},[_c('div',{staticClass:\"py-3 section_3_right_column_block new_tiles\"},[_c('div',{},[_c('h3',{staticClass:\"mt-1 stations__block_text_1 mobile_title_font\"},[_vm._v(\"\\n                          \"+_vm._s(_vm.$t(\"text.cDashboard.stations\"))+\"\\n                        \")])]),_vm._v(\" \"),_c('div',{},[_c('h3',{staticClass:\"stations__block_text_1 mobile_font\",staticStyle:{\"font-size\":\"40px\"}},[_vm._v(\"\\n                          \"+_vm._s(_vm.branches)+\"\\n                        \")])])])])],1)]),_vm._v(\" \"),_c('div',{staticClass:\"row remove_padding mobile_tiles mt-3\",staticStyle:{\"height\":\"31.4%\"}},[_c('div',{staticClass:\"pl-3 text-center col-md-6 col-sm-12 text_div_block lnk mobile_under_tile padding_right_desk\"},[_c('router-link',{staticClass:\"router_link__text\",attrs:{\"to\":{\n                      name: 'dealer_tanks_filled',\n                      query: {\n                        dealerId: _vm.$route.query.dealerId,\n                        companyId: _vm.$route.query.companyId,\n                      },\n                    }}},[_c('div',{staticClass:\"py-3 section_3_right_column_block new_tiles\"},[_c('div',{},[_c('h3',{staticClass:\"mt-1 stations__block_text_1 mobile_title_font\"},[_vm._v(\"\\n                          \"+_vm._s(_vm.$t(\"text.cDashboard.productDischarged\"))+\"\\n                        \")])]),_vm._v(\" \"),_c('div',{},[_c('h3',{staticClass:\"stations__block_text_1 mobile_font\",staticStyle:{\"font-size\":\"40px\"}},[_vm._v(\"\\n                          \"+_vm._s(_vm.tanksFilled)+\"\\n                        \")])])])])],1),_vm._v(\" \"),_c('div',{staticClass:\"text-center col-md-6 col-sm-12 text_div_block lnk mobile_under_tile padding_left_desk\",staticStyle:{\"cursor\":\"context-menu !important\"}},[_c('div',{staticClass:\"py-3 section_3_right_column_block new_tiles nohover\"},[_c('div',{},[_c('h3',{staticClass:\"mt-1 stations__block_text_1 mobile_title_font\"},[_vm._v(\"\\n                        \"+_vm._s(_vm.$t(\"text.cDashboard.totalPumps\"))+\"\\n                      \")])]),_vm._v(\" \"),_c('div',{},[_c('h3',{staticClass:\"stations__block_text_1 mobile_font\",staticStyle:{\"font-size\":\"40px\"}},[_vm._v(\"\\n                        \"+_vm._s(_vm.pumpCount)+\"\\n                      \")])])])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"row remove_padding mobile_tiles mt-3\",staticStyle:{\"height\":\"31.4%\"}},[_c('div',{staticClass:\"pl-3 text-center col-md-6 col-sm-12 text_div_block lnk mobile_under_tile padding_right_desk\"},[_c('router-link',{staticClass:\"router_link__text\",attrs:{\"to\":{\n                  name: 'dealerDisconnectedPumps',\n                  query: {\n                    dealerId: _vm.$route.query.dealerId,\n                    companyId: _vm.$route.query.companyId,\n                  },\n                }}},[_c('div',{staticClass:\"py-3 section_3_right_column_block new_tiles\"},[_c('div',{},[_c('h3',{staticClass:\"mt-1 stations__block_text_1 mobile_title_font\"},[_vm._v(\"\\n                      \"+_vm._s(_vm.$t(\"text.cDashboard.disconnectedPumps\"))+\"\\n                    \")])]),_vm._v(\" \"),_c('div',{},[_c('h3',{staticClass:\"stations__block_text_1 mobile_font\",staticStyle:{\"font-size\":\"40px\"}},[_vm._v(\"\\n                      \"+_vm._s(_vm.offlinePumps)+\"\\n                    \")])])])])],1),_vm._v(\" \"),_c('div',{staticClass:\"text-center col-md-6 col-sm-12 text_div_block lnk mobile_under_tile padding_left_desk\"},[_c('router-link',{staticClass:\"router_link__text\",attrs:{\"to\":{\n                  name: 'DealerOfflinePumps',\n                  query: {\n                    dealerId: _vm.$route.query.dealerId,\n                    companyId: _vm.$route.query.companyId,\n                  },\n                }}},[_c('div',{staticClass:\"py-3 section_3_right_column_block new_tiles\"},[_c('div',{},[_c('h3',{staticClass:\"mt-1 stations__block_text_1 mobile_title_font\"},[_vm._v(\"\\n                      \"+_vm._s(_vm.$t(\"text.cDashboard.offlinePumps\"))+\"\\n                    \")])]),_vm._v(\" \"),_c('div',{},[_c('h3',{staticClass:\"stations__block_text_1 mobile_font\",staticStyle:{\"font-size\":\"40px\"}},[_vm._v(\"\\n                      \"+_vm._s(_vm.deviceNotPushing)+\"\\n                    \")])])])])],1)])]),_vm._v(\" \"),_c('section',{staticClass:\"mt-3 tanks__capacity\"},[_c('div',{staticClass:\"d-flex justify-content-between align-items-center\"},[_c('h3',{staticClass:\"tank_capacity__header\"},[_c('span',[_c('img',{staticClass:\"mr-2\",attrs:{\"src\":require(\"@/assets/img/Group 553.png\")}})]),_vm._v(\" \"),_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.cDashboard.branchTank\"))+\"\\n            \")])]),_vm._v(\" \"),_c('hr'),_vm._v(\" \"),(_vm.showLoader)?_c('pulse-loader',{staticClass:\"py-5\",attrs:{\"size\":\"15px\"}}):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"mt-5\"},[(_vm.showLoader || _vm.lowTanks.length < 1)?_c('div',{staticClass:\"text-center no-tank\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.cDashboard.noTank\"))+\"\\n            \")]):_vm._e(),_vm._v(\" \"),_c('vueper-slides',{staticClass:\"no-shadow\",attrs:{\"visible-slides\":4,\"slide-multiple\":\"\",\"gap\":0,\"slide-ratio\":1 / 4,\"dragging-distance\":200,\"breakpoints\":{ 800: { visibleSlides: 2, slideMultiple: 2 } }}},_vm._l((_vm.lowTanks),function(lowTank,index){return _c('vueper-slide',{directives:[{name:\"show\",rawName:\"v-show\",value:(index <= 3 || _vm.showAll),expression:\"index <= 3 || showAll\"}],key:index,staticStyle:{\"display\":\"block !important\",\"padding-right\":\"0\",\"padding-left\":\"0\"},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('div',{staticClass:\"text-center low_tank\"},[_c('h4',{staticClass:\"tank__name__header low_tank_name\"},[_vm._v(\"\\n                      \"+_vm._s(lowTank.name)+\"\\n                    \")]),_vm._v(\" \"),_c('p',{staticClass:\"max-lines\",staticStyle:{\"margin-bottom\":\"0 !important\"}},[_vm._v(\"\\n                      \"+_vm._s(lowTank.branchName)+\" (\"+_vm._s(lowTank.product)+\")\\n                    \")]),_vm._v(\" \"),_c('div',{staticClass:\"animated__tanks__div\"},[_c('div',{staticClass:\"bowl\",staticStyle:{\"margin-left\":\"25%\"}},[_c('div',{staticClass:\"inner\"},[_c('div',{staticClass:\"fill\",style:({\n                              '--h': lowTank.height + 'px',\n                              '--c': lowTank.color,\n                            })},[_c('svg',{attrs:{\"version\":\"1.1\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"x\":\"0px\",\"y\":\"0px\",\"width\":\"300px\",\"height\":\"300px\",\"viewBox\":\"0 0 300 300\",\"enable-background\":\"new 0 0 300 300\",\"xml:space\":\"preserve\"}},[_c('path',{staticClass:\"waveShape\",attrs:{\"d\":\"M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4\\n                                                          c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9\\n                                                          c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z\"}})])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"clearfix mt-3\"},[_c('div',{staticClass:\"left_div\"},[_c('span',{staticClass:\"left\"},[_vm._v(_vm._s(_vm.$t(\"text.cDashboard.curVolume\"))+\":\")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('span',{staticClass:\"litres\"},[_vm._v(\"\\n                          \"+_vm._s(_vm.convertThousand(lowTank.currentVolume))+\" (\"+_vm._s(lowTank.percent)+\"%)\\n                        \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"clearfix mt-2\"},[_c('div',{staticClass:\"left_div\"},[_c('span',{staticClass:\"left\"},[_vm._v(_vm._s(_vm.$t(\"text.cDashboard.maxVolume\"))+\":\")])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('span',{staticClass:\"litres\"},[_vm._v(\"\\n                          \"+_vm._s(_vm.convertThousand(lowTank.maxCapacity))+\"\\n                        \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"clearfix mt-2\"},[_c('div',{staticClass:\"left_div\"},[_c('div',{staticClass:\"left\"},[_c('span',{attrs:{\"title\":\"Sales prediction in the next 48 hours\"}},[_vm._v(_vm._s(_vm.$t(\"text.cDashboard.saleprojection\")))])])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('span',{staticClass:\"litres\"},[_vm._v(\"\\n                          \"+_vm._s(lowTank.nextTwoDaysTankSales.toLocaleString())+\"\\n                        \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"clearfix mt-2\"},[_c('div',{staticClass:\"left_div\"},[_c('div',{staticClass:\"left\"},[_c('span',{attrs:{\"title\":\"Volume prediction in the next 48 hours\"}},[_vm._v(_vm._s(_vm.$t(\"text.cDashboard.volProjection\"))+\":\")])])]),_vm._v(\" \"),_c('div',{staticClass:\"right_div\"},[_c('span',{staticClass:\"litres\"},[_vm._v(\"\\n                          \"+_vm._s(lowTank.nextTwoDaysTankVolume)+\"\\n                        \")])])])])]},proxy:true}],null,true)})}),1)],1)],1),_vm._v(\" \"),_c('section',[_c('div',{staticClass:\"mt-3 section__row\"},[_c('div',{},[_c('div',{staticClass:\"row top_section_row\"},[_c('div',{staticClass:\"col-md-8\"},[_c('span',{staticClass:\"sec_text_color\"},[_c('img',{staticClass:\"mr-3\",attrs:{\"src\":require(\"@/assets/img/hand (1).png\")}}),_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.cDashboard.todaySalesTransactions\"))+\"\\n                    \"),(_vm.dateRange.start !== _vm.dateRange.end)?_c('span',[_vm._v(\"(\"+_vm._s(_vm.$moment(_vm.dateRange.start, \"DD-MM-YYYY\").format(\n                          \"MMMM D, YYYY\"\n                        ))+\"\\n                      -\\n                      \"+_vm._s(_vm.$moment(_vm.dateRange.end, \"DD-MM-YYYY\").format(\n                          \"MMMM D, YYYY\"\n                        ))+\")\")]):_c('span',[_vm._v(\"(\"+_vm._s(_vm.$moment(_vm.dateRange.start, \"DD-MM-YYYY\").format(\n                          \"MMMM D, YYYY\"\n                        ))+\")\")])])]),_vm._v(\" \"),_c('div',{staticClass:\"text-right col-md-4\"},[_c('div',{})])]),_vm._v(\" \"),_c('ejs-grid',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],ref:\"dataGrid\",attrs:{\"dataBound\":_vm.dataBound,\"created\":_vm.refreshGrid,\"allowPaging\":true,\"allowSorting\":true,\"pageSettings\":_vm.pageSettings,\"toolbar\":_vm.toolbar,\"searchSettings\":_vm.search,\"allowExcelExport\":true,\"allowPdfExport\":true,\"toolbarClick\":_vm.toolbarClick,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"width\":\"40\",\"field\":\"index\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"branchName\",\"width\":\"200\",\"headerText\":_vm.$t('text.cDashboard.station')}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.hasPms ? true : false,\"field\":\"pmsVolume\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product1) + \" \" + (_vm.$t(\n                      'text.cDashboard.productVolume'\n                    )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.hasPms ? true : false,\"field\":\"pmsAmount\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product1) + \"  \\n                    \" + (_vm.$t('text.cDashboard.productAmount', {\n                      currency: (\"(\" + (_vm.region ? _vm.region.currency : '') + \")\"),\n                    })))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.hasAgo ? true : false,\"field\":\"agoVolume\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product2) + \" \" + (_vm.$t(\n                      'text.cDashboard.productVolume'\n                    )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.hasAgo ? true : false,\"field\":\"agoAmount\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product2) + \" \" + (_vm.$t(\n                      'text.cDashboard.productAmount',\n                      { currency: (\"(\" + (_vm.region ? _vm.region.currency : '') + \")\") }\n                    )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.hasDpk ? true : false,\"field\":\"dpkVolume\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product3) + \" \" + (_vm.$t(\n                      'text.cDashboard.productVolume'\n                    )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.hasDpk ? true : false,\"field\":\"dpkAmount\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product3) + \" \" + (_vm.$t(\n                      'text.cDashboard.productAmount',\n                      { currency: (\"(\" + (_vm.region ? _vm.region.currency : '') + \")\") }\n                    )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.hasLpg ? true : false,\"field\":\"lpgVolume\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product4) + \" \" + (_vm.$t(\n                      'text.cDashboard.productVolume'\n                    )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"visible\":_vm.hasLpg ? true : false,\"field\":\"lpgAmount\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":((_vm.countryProducts.products.product4) + \" \" + (_vm.$t(\n                      'text.cDashboard.productAmount',\n                      { currency: (\"(\" + (_vm.region ? _vm.region.currency : '') + \")\") }\n                    )))}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"totalAmount\",\"width\":\"200\",\"format\":\"N2\",\"headerText\":_vm.$t('text.cDashboard.total', {\n                        currency: (\"(\" + (_vm.region ? _vm.region.currency : '') + \")\"),\n                      })}})],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)])])]):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <UpdateCompanyDomain></UpdateCompanyDomain>\r\n    <MasterLayout>\r\n      <section class=\"row card-loader-wrapper w-100\" v-if=\"showLoader\">\r\n        <div class=\"col-md-3 position-relative\" v-for=\"(c, i) in 4\" :key=\"i\">\r\n          <div class=\"card-loader\"></div>\r\n        </div>\r\n        <!-- LOADER -->\r\n        <div\r\n          class=\"showLoaderDiv charts__loader w-full mt-5 rounded-lg w-full\"\r\n          style=\"width: 130% !important; height: 100%\"\r\n          v-if=\"showLoader\"\r\n        >\r\n          <div :class=\"showLoader ? 'loading' : null\"></div>\r\n        </div>\r\n        <!-- END LOADER -->\r\n      </section>\r\n\r\n      <section class=\"dashboard_first_row pt-2\" v-if=\"!showLoader\">\r\n        <div\r\n          class=\"d-flex justify-content-between align-middle flex-lg-row flex-md-row date-picker mx-auto\"\r\n        >\r\n          <h5\r\n            style=\"font-size: 1.1rem; padding-top: 20px; display: block\"\r\n            v-if=\"!showLoader\"\r\n          >\r\n            {{ $t(\"text.cDashboard.salesReport\") }}\r\n          </h5>\r\n\r\n          <div class=\"drop_down_div align-items-center\">\r\n            <vue-ctk-date-time-picker\r\n              v-model=\"dateRange\"\r\n              :max-date=\"maxDate\"\r\n              :range=\"true\"\r\n              :autoClose=\"true\"\r\n              :locale=\"this.$root.$i18n.locale\"\r\n              :color=\"$store.getters.getDatePickerColor\"\r\n              format=\"DDMMYYYY\"\r\n              formatted=\"DD/MM/YYYY\"\r\n              :label=\"$t('text.calendar.dateRange')\"\r\n            />\r\n          </div>\r\n        </div>\r\n        <!-- TOP GRAPH CARD DIV STARTS-->\r\n        <div class=\"row scoll-pane position-relative\" id=\"scoll-pane\">\r\n          <div\r\n            class=\"col-md-3 col-sm-12 card_row col-lg-3\"\r\n            :class=\"productCount\"\r\n            v-if=\"hasPms && !pmsCond\"\r\n          >\r\n            <div class=\"mt-3 card_container_1 dashboard_card_1\">\r\n              <div class=\"clearfix\">\r\n                <div class=\"left_div\">\r\n                  <h4 class=\"stations_card_header\">\r\n                    {{ countryProducts.products.product1 }}\r\n                  </h4>\r\n                  <!-- <h4 class=\"stations_card_header\">{{ $d(new Date(), 'long', this.$root.$i18n.locale) }}</h4> -->\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4 class=\"stations_card_header\" style=\"font-size: 20px\">\r\n                    {{ convertThousand(pmsSummary.volume) }}\r\n                    {{ $t(\"text.cDisconnectedPumps.ltrs\") }}\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n              <div class=\"mt-2 row dashboard_card\">\r\n                <div class=\"text-right col-lg-12 col-md-12 col-sm-12\">\r\n                  <highcharts :options=\"pmsSplineOption\" class=\"\"></highcharts>\r\n                </div>\r\n              </div>\r\n              <div class=\"clearfix\">\r\n                <div class=\"left_div\">\r\n                  <h4\r\n                    class=\"percent__text\"\r\n                    v-bind:style=\"{ '--a': pmsRateColor }\"\r\n                  >\r\n                    <span>\r\n                      <img v-if=\"pmsUp\" src=\"@/assets/img/arrowUp.svg\" />\r\n                      <img v-if=\"!pmsUp\" src=\"@/assets/img/arrowDown.svg\" />\r\n                    </span>\r\n                    {{ `${pmsRate}%` }}\r\n                  </h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4 class=\"dashboard__footer__amount\" style=\"font-size: 23px\">\r\n                    {{ region ? region.currencyCode : \"\" }}\r\n                    {{ convertThousand(pmsSummary.amount) }}\r\n                    <!-- {{ $n(pmsSummary.amount, 'currency') }} -->\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"col-md-3 remove-padding-left card_row\"\r\n            v-if=\"!hasPms && !getting\"\r\n          >\r\n            <div class=\"mt-3 card_container_greyed dashboard_card_1\">\r\n              <div class=\"clearfix\">\r\n                <div class=\"left_div\">\r\n                  <h5 class=\"percent__text\">\r\n                    {{ $t(\"text.cDisconnectedPumps.na\") }}\r\n                  </h5>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h5 class=\"percent__text\">\r\n                    {{ $t(\"text.cDisconnectedPumps.na\") }}\r\n                  </h5>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"clearfix\">\r\n                <div class=\"pl-3 mt-2 mb-3\">\r\n                  <div class=\"text-right col-lg-12 col-md-12 col-sm-12\">\r\n                    <hr />\r\n                  </div>\r\n                </div>\r\n                <div class=\"left_div\">\r\n                  <h5 class=\"percent__text\">\r\n                    {{ $t(\"text.cDisconnectedPumps.na\") }}\r\n                  </h5>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h5 class=\"percent__text\">\r\n                    {{ $t(\"text.cDisconnectedPumps.na\") }}\r\n                  </h5>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"col-md-3 remove-padding-left card_row\"\r\n            :class=\"productCount\"\r\n            v-if=\"hasAgo && !agoCond\"\r\n          >\r\n            <div class=\"mt-3 card_container_1 dashboard_card_1\">\r\n              <div class=\"clearfix\">\r\n                <div class=\"left_div\">\r\n                  <h4 class=\"stations_card_header_1\">\r\n                    {{ countryProducts.products.product2 }}\r\n                  </h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4 class=\"stations_card_header_1\" style=\"font-size: 20px\">\r\n                    {{ convertThousand(agoSummary.volume) }}\r\n                    {{ $t(\"text.cDisconnectedPumps.ltrs\") }}\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n              <div class=\"mt-2 row dashboard_card\">\r\n                <div class=\"text-right col-lg-12 col-md-12 col-sm-12\">\r\n                  <highcharts :options=\"agoSplineOption\" class=\"\"></highcharts>\r\n                </div>\r\n              </div>\r\n              <div class=\"clearfix\">\r\n                <div class=\"left_div\">\r\n                  <h4\r\n                    class=\"percent__text\"\r\n                    v-bind:style=\"{ '--a': agoRateColor }\"\r\n                  >\r\n                    <span>\r\n                      <img v-if=\"agoUp\" src=\"@/assets/img/arrowUp.svg\" />\r\n                      <img v-if=\"!agoUp\" src=\"@/assets/img/arrowDown.svg\" />\r\n                    </span>\r\n                    {{ `${agoRate}%` }}\r\n                  </h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4\r\n                    class=\"dashboard__footer__amount_1\"\r\n                    style=\"font-size: 23px\"\r\n                  >\r\n                    {{ region ? region.currencyCode : \"\" }}\r\n                    {{ convertThousand(agoSummary.amount) }}\r\n                    <!-- {{ $n(agoSummary.amount, 'currency') }} -->\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"col-md-3 remove-padding-left card_row\"\r\n            v-if=\"!hasAgo && !getting\"\r\n          >\r\n            <div class=\"mt-3 card_container_greyed dashboard_card_1\">\r\n              <div class=\"clearfix\">\r\n                <div class=\"left_div\">\r\n                  <h5 class=\"percent__text\">\r\n                    {{ $t(\"text.cDisconnectedPumps.na\") }}\r\n                  </h5>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h5 class=\"percent__text\">\r\n                    {{ $t(\"text.cDisconnectedPumps.na\") }}\r\n                  </h5>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"clearfix\">\r\n                <div class=\"pl-3 mt-2 mb-3\">\r\n                  <div class=\"text-right col-lg-12 col-md-12 col-sm-12\">\r\n                    <hr />\r\n                  </div>\r\n                </div>\r\n                <div class=\"left_div\">\r\n                  <h5 class=\"percent__text\">\r\n                    {{ $t(\"text.cDisconnectedPumps.na\") }}\r\n                  </h5>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h5 class=\"percent__text\">\r\n                    {{ $t(\"text.cDisconnectedPumps.na\") }}\r\n                  </h5>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"col-md-3 remove-padding-left card_row\"\r\n            :class=\"productCount\"\r\n            v-if=\"hasDpk && !dpkCond\"\r\n          >\r\n            <div class=\"mt-3 card_container_1 dashboard_card_1\">\r\n              <div class=\"clearfix\">\r\n                <div class=\"left_div\">\r\n                  <h4 class=\"stations_card_header_2\">\r\n                    {{ countryProducts.products.product3 }}\r\n                  </h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4\r\n                    class=\"stations_card_amount_header_3\"\r\n                    style=\"font-size: 20px\"\r\n                  >\r\n                    {{ convertThousand(dpkSummary.volume) }}\r\n                    {{ $t(\"text.cDisconnectedPumps.ltrs\") }}\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n              <div class=\"mt-2 row dashboard_card\">\r\n                <div class=\"text-right col-lg-12 col-md-12 col-sm-12\">\r\n                  <highcharts :options=\"dpkSplineOption\" class=\"\"></highcharts>\r\n                </div>\r\n              </div>\r\n              <div class=\"clearfix\">\r\n                <div class=\"left_div\">\r\n                  <h4\r\n                    class=\"percent__text\"\r\n                    v-bind:style=\"{ '--a': dpkRateColor }\"\r\n                  >\r\n                    <span>\r\n                      <img v-if=\"dpkUp\" src=\"@/assets/img/arrowUp.svg\" />\r\n                      <img v-if=\"!dpkUp\" src=\"@/assets/img/arrowDown.svg\" />\r\n                    </span>\r\n                    {{ `${dpkRate}%` }}\r\n                  </h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4\r\n                    class=\"dashboard__footer__amount_2\"\r\n                    style=\"font-size: 23px\"\r\n                  >\r\n                    {{ region ? region.currencyCode : \"\" }}\r\n                    {{ convertThousand(dpkSummary.amount) }}\r\n                    <!-- {{ $n(dpkSummary.amount, 'currency') }} -->\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div\r\n            class=\"col-md-3 remove-padding-left card_row\"\r\n            :class=\"productCount\"\r\n            v-if=\"hasLpg && !lpgCond\"\r\n          >\r\n            <div class=\"mt-3 card_container_1 dashboard_card_1\">\r\n              <div class=\"clearfix\">\r\n                <div class=\"left_div\">\r\n                  <h4 class=\"stations_card_header_2\" style=\"color: purple\">\r\n                    {{ countryProducts.products.product4 }}\r\n                  </h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4\r\n                    class=\"stations_card_amount_header_3\"\r\n                    style=\"color: purple; font-size: 20px\"\r\n                  >\r\n                    {{ convertThousand(lpgSummary.volume) }}\r\n                    {{ $t(\"text.cDisconnectedPumps.ltrs\") }}\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n              <div class=\"mt-2 row dashboard_card\">\r\n                <div class=\"text-right col-lg-12 col-md-12 col-sm-12\">\r\n                  <highcharts :options=\"lpgSplineOption\" class=\"\"></highcharts>\r\n                </div>\r\n              </div>\r\n              <div class=\"clearfix\">\r\n                <div class=\"left_div\">\r\n                  <h4\r\n                    class=\"percent__text\"\r\n                    v-bind:style=\"{ '--a': lpgRateColor }\"\r\n                  >\r\n                    <span>\r\n                      <img v-if=\"lpgUp\" src=\"@/assets/img/arrowUp.svg\" />\r\n                      <img v-if=\"!lpgUp\" src=\"@/assets/img/arrowDown.svg\" />\r\n                    </span>\r\n                    {{ `${lpgRate}%` }}\r\n                  </h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4\r\n                    class=\"dashboard__footer__amount_2\"\r\n                    style=\"font-size: 23px; color: purple\"\r\n                  >\r\n                    {{ region ? region.currencyCode : \"\" }}\r\n                    {{ convertThousand(lpgSummary.amount) }}\r\n                    <!-- {{ $n(lpgSummary.amount, 'currency') }} -->\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            class=\"col-md-3 remove-padding-left card_row\"\r\n            :class=\"productCount\"\r\n          >\r\n            <div\r\n              class=\"mt-3 card_container_1 dashboard_card_1\"\r\n              v-if=\"!showLoader\"\r\n            >\r\n              <div class=\"clearfix\">\r\n                <div class=\"left_div\">\r\n                  <h4 class=\"stations_card_header_3\">\r\n                    {{ $t(\"text.products.total\") }}\r\n                  </h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4\r\n                    class=\"stations_card_amount_header_4\"\r\n                    style=\"font-size: 20px\"\r\n                  >\r\n                    {{\r\n                      convertThousand(\r\n                        pmsSummary.volume +\r\n                          agoSummary.volume +\r\n                          dpkSummary.volume +\r\n                          lpgSummary.volume\r\n                      )\r\n                    }}\r\n                    {{ $t(\"text.cDisconnectedPumps.ltrs\") }}\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n              <div class=\"mt-2 row dashboard_card\">\r\n                <div class=\"text-right col-lg-12 col-md-12 col-sm-12\">\r\n                  <highcharts\r\n                    :options=\"totalSplineOption\"\r\n                    class=\"\"\r\n                  ></highcharts>\r\n                </div>\r\n              </div>\r\n              <div class=\"clearfix\">\r\n                <div class=\"left_div\">\r\n                  <h4\r\n                    class=\"percent__text\"\r\n                    v-bind:style=\"{ '--a': totalRateColor }\"\r\n                  >\r\n                    <span>\r\n                      <img v-if=\"totalUp\" src=\"@/assets/img/arrowUp.svg\" />\r\n                      <img v-if=\"!totalUp\" src=\"@/assets/img/arrowDown.svg\" />\r\n                    </span>\r\n                    {{ `${totalRate}%` }}\r\n                  </h4>\r\n                </div>\r\n                <div class=\"right_div\">\r\n                  <h4\r\n                    class=\"dashboard__footer__amount_3\"\r\n                    style=\"font-size: 23px\"\r\n                  >\r\n                    {{ region ? region.currencyCode : \"\" }}\r\n                    {{\r\n                      convertThousand(\r\n                        pmsSummary.amount +\r\n                          agoSummary.amount +\r\n                          dpkSummary.amount +\r\n                          lpgSummary.amount\r\n                      )\r\n                    }}\r\n                    <!-- {{ $n((pmsSummary.amount + agoSummary.amount + dpkSummary.amount + lpgSummary.amount), 'currency') }} -->\r\n                  </h4>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!-- TOP GRAPH CARD DIV ENDS-->\r\n\r\n        <!-- NAV ARROWS FOR GRAPH CARDS -->\r\n        <div v-if=\"prodCounts > 3 && lpgCond == false\">\r\n          <div\r\n            @click=\"arrowLeft\"\r\n            @mouseover=\"arrowLeft\"\r\n            class=\"position-absolute rounded-circle arrow-div-left\"\r\n          >\r\n            <img\r\n              class=\"arrowpics\"\r\n              src=\"@/assets/img/arrowLeft.png\"\r\n              width=\"40px\"\r\n            />\r\n          </div>\r\n          <div\r\n            @click=\"arrowRight\"\r\n            @mouseover=\"arrowRight\"\r\n            class=\"position-absolute rounded-circle arrow-div-right\"\r\n          >\r\n            <img\r\n              class=\"arrowpics\"\r\n              src=\"@/assets/img/arrowRight.png\"\r\n              width=\"40px\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </section>\r\n      <div class=\"section-2 mt-4\" v-if=\"!showLoader\">\r\n        <!-- OLD DASHBOARD STARTS HERE -->\r\n        <section\r\n          v-if=\"userInfo.roles.includes('Old Client')\"\r\n          class=\"mt-5 section_3 last__ten__transactions__row\"\r\n        >\r\n          <div class=\"row mb-5\" style=\"margin-top: -10px\">\r\n            <div class=\"col-md-12 col-lg-8 table_block\">\r\n              <!-- TOTAL TANKS CONSUMPTION REPORT -->\r\n              <h5\r\n                style=\"\r\n                  font-size: 1.1rem;\r\n                  margin-bottom: -5px;\r\n                  padding-left: 10px;\r\n                \"\r\n              >\r\n                {{\r\n                  hasTankStockPms ||\r\n                  hasTankStockAgo ||\r\n                  hasTankStockDpk ||\r\n                  hasTankStockLpg\r\n                    ? \"Product inventory\"\r\n                    : \" \"\r\n                }}\r\n              </h5>\r\n              <div\r\n                class=\"row mb-2 pos_trans_card_holder mb-3\"\r\n                v-if=\"!showLoader\"\r\n              >\r\n                <div\r\n                  class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n                  :class=\"[LGgridNum, MDgridNum]\"\r\n                  v-if=\"hasTankStockPms\"\r\n                >\r\n                  <div\r\n                    class=\"card_container_1 pos-card mt-3 card-vertical-center\"\r\n                  >\r\n                    <h4 class=\"stations_card_header\">\r\n                      {{ countryProducts.products.product1 }}\r\n                    </h4>\r\n                    <div class=\"oil_drop_div_1\">\r\n                      <div class=\"text-center\">\r\n                        <img\r\n                          src=\"@/assets/img/drop-of-liquid.png\"\r\n                          width=\"50%\"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"mt-3 text-center\">\r\n                      <h4 style=\"font-size: 1.3rem\">\r\n                        {{ convertThousand(pmsTankStock.volume)\r\n                        }}{{ $t(\"text.cDashboard.ltrs\") }}\r\n                      </h4>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- NO PMS N/A -->\r\n                <!-- <div\r\n                  class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n                  :class=\"\r\n                  v-if=\"!hasTankStockPms\"\r\n                >\r\n                  <div\r\n                    class=\"\r\n                      card_container_greyed\r\n                      pos-card\r\n                      mt-3\r\n                      card-vertical-center\r\n                    \"\r\n                  >\r\n                    <h5 class=\"stations_card_header disabled-text\">PMS</h5>\r\n                    <div class=\"oil_drop_div_1 disabled-label-bg\">\r\n                      <div class=\"text-center\">\r\n                        <img\r\n                          src=\"@/assets/img/drop-of-liquid.png\"\r\n                          width=\"50%\"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"mt-3 text-center\">\r\n                      <h5 class=\"\">N/A</h5>\r\n                    </div>\r\n                  </div>\r\n                </div> -->\r\n                <div\r\n                  class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n                  :class=\"[LGgridNum, MDgridNum]\"\r\n                  v-if=\"hasTankStockAgo\"\r\n                >\r\n                  <div\r\n                    class=\"card_container_1 pos-card mt-3 card-vertical-center\"\r\n                  >\r\n                    <h5 class=\"stations_card_header_1\">\r\n                      {{ countryProducts.products.product2 }}\r\n                    </h5>\r\n                    <div class=\"oil_drop_div_2\">\r\n                      <div class=\"text-center\">\r\n                        <img\r\n                          src=\"@/assets/img/drop-of-liquid.png\"\r\n                          width=\"50%\"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"mt-3 text-center\">\r\n                      <h4 style=\"font-size: 1.3rem\">\r\n                        {{ convertThousand(agoTankStock.volume)\r\n                        }}{{ $t(\"text.cDashboard.ltrs\") }}\r\n                      </h4>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                <div\r\n                  class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n                  :class=\"[LGgridNum, MDgridNum]\"\r\n                  v-if=\"hasTankStockDpk\"\r\n                >\r\n                  <div\r\n                    class=\"card_container_1 pos-card mt-3 card-vertical-center\"\r\n                  >\r\n                    <h4 class=\"stations_card_header_2\">\r\n                      {{ countryProducts.products.product3 }}\r\n                    </h4>\r\n                    <div class=\"oil_drop_div_3\">\r\n                      <div class=\"text-center\">\r\n                        <img\r\n                          src=\"@/assets/img/drop-of-liquid.png\"\r\n                          width=\"50%\"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"mt-3 text-center\">\r\n                      <h4 style=\"font-size: 1.3rem\">\r\n                        {{ convertThousand(dpkTankStock.volume)\r\n                        }}{{ $t(\"text.cDashboard.ltrs\") }}\r\n                      </h4>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- NO DPK N/A -->\r\n                <!-- <div\r\n                  class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n                  :class=\"\r\n                  v-if=\"!hasTankStockDpk\"\r\n                >\r\n                  <div\r\n                    class=\"\r\n                      card_container_greyed\r\n                      pos-card\r\n                      mt-3\r\n                      card-vertical-center\r\n                    \"\r\n                  >\r\n                    <h5 class=\"stations_card_header disabled-text\">DPK</h5>\r\n                    <div class=\"oil_drop_div_1 disabled-label-bg\">\r\n                      <div class=\"text-center\">\r\n                        <img\r\n                          src=\"@/assets/img/drop-of-liquid.png\"\r\n                          width=\"50%\"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"mt-3 text-center\">\r\n                      <h5 class=\"\">N/A</h5>\r\n                    </div>\r\n                  </div>\r\n                </div> -->\r\n\r\n                <div\r\n                  class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n                  :class=\"[LGgridNum, MDgridNum]\"\r\n                  v-if=\"hasTankStockLpg\"\r\n                >\r\n                  <div\r\n                    class=\"card_container_1 pos-card mt-3 card-vertical-center\"\r\n                  >\r\n                    <h4 class=\"stations_card_header_1\" style=\"color: purple\">\r\n                      {{ countryProducts.products.product4 }}\r\n                    </h4>\r\n                    <div class=\"oil_drop_div_4\" style=\"background: purple\">\r\n                      <div class=\"text-center\">\r\n                        <img\r\n                          src=\"@/assets/img/drop-of-liquid.png\"\r\n                          width=\"50%\"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"mt-3 text-center\">\r\n                      <h4 style=\"font-size: 1.3rem\">\r\n                        {{ convertThousand(lpgTankStock.volume)\r\n                        }}{{ $t(\"text.cDashboard.ltrs\") }}\r\n                      </h4>\r\n                      <small class=\"dashboard__card__header_bottom\"> </small>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- NO LPG N/A -->\r\n                <!-- <div\r\n                  class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n                  :class=\"productCount\"\r\n                  v-if=\"!hasTankStockLpg\"\r\n                >\r\n                  <div\r\n                    class=\"\r\n                      card_container_greyed\r\n                      pos-card\r\n                      mt-3\r\n                      card-vertical-center\r\n                    \"\r\n                  >\r\n                    <h5 class=\"stations_card_header disabled-text\">LPG</h5>\r\n                    <div class=\"oil_drop_div_1 disabled-label-bg\">\r\n                      <div class=\"text-center\">\r\n                        <img\r\n                          src=\"@/assets/img/drop-of-liquid.png\"\r\n                          width=\"50%\"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"mt-3 text-center\">\r\n                      <h5 class=\"\">N/A</h5>\r\n                    </div>\r\n                  </div>\r\n                </div> -->\r\n              </div>\r\n\r\n              <div class=\"section_3_table_section\">\r\n                <!-- <h3 class=\"ml-2 sales_vs_target_header\">Sales vs Target</h3> -->\r\n                <pulse-loader\r\n                  size=\"15px\"\r\n                  v-if=\"showLoader\"\r\n                  class=\"py-5\"\r\n                ></pulse-loader>\r\n                <div class=\"row top_section_row py-5\" v-show=\"!showLoader\">\r\n                  <div class=\"col-md-8\">\r\n                    <h3 class=\"ml-2 sales_vs_target_header\">\r\n                      {{ $t(\"text.cDashboard.salesVTarget\") }}\r\n                    </h3>\r\n                    <span> </span>\r\n                  </div>\r\n                  <div class=\"col-md-4 section___column_2\">\r\n                    <div class=\"align-items-center\">\r\n                      <div class=\"\">\r\n                        <div class=\"mt-2 mr-2 drop_down_section\">\r\n                          <div class=\"drop_down_div align-items-center\"></div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"mt-2 highcharts__row\">\r\n                  <div class=\"mt-2 row\">\r\n                    <div\r\n                      class=\"col-md-4\"\r\n                      :class=\"salesTargetCount\"\r\n                      v-if=\"hasPms\"\r\n                    >\r\n                      <div class=\"highcharts__div\">\r\n                        <highcharts\r\n                          :options=\"pmsGuageOptions\"\r\n                          class=\"\"\r\n                        ></highcharts>\r\n                      </div>\r\n                    </div>\r\n                    <div\r\n                      class=\"col-md-4\"\r\n                      :class=\"salesTargetCount\"\r\n                      v-if=\"!hasPms && !getting\"\r\n                    >\r\n                      <div class=\"greyed_pie_chart_holder\">\r\n                        <highcharts\r\n                          :options=\"greyedGuageOptions\"\r\n                          class=\"\"\r\n                        ></highcharts>\r\n                        <div class=\"empty_chart_text\">\r\n                          <p>{{ $t(\"text.cDashboard.nA\") }}</p>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div\r\n                      class=\"col-md-4\"\r\n                      :class=\"salesTargetCount\"\r\n                      v-if=\"hasAgo\"\r\n                    >\r\n                      <div class=\"highcharts__div\">\r\n                        <highcharts\r\n                          :options=\"agoGuageOptions\"\r\n                          class=\"\"\r\n                        ></highcharts>\r\n                      </div>\r\n                    </div>\r\n                    <div\r\n                      class=\"col-md-4\"\r\n                      :class=\"salesTargetCount\"\r\n                      v-if=\"!hasAgo && !getting\"\r\n                    >\r\n                      <div class=\"greyed_pie_chart_holder\">\r\n                        <highcharts\r\n                          :options=\"greyedGuageOptions\"\r\n                          class=\"\"\r\n                        ></highcharts>\r\n                        <div class=\"empty_chart_text\">\r\n                          <p>{{ $t(\"text.cDashboard.nA\") }}</p>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div\r\n                      class=\"col-md-4\"\r\n                      :class=\"salesTargetCount\"\r\n                      v-if=\"hasDpk\"\r\n                    >\r\n                      <div class=\"highcharts__div\">\r\n                        <highcharts :options=\"dpkGuageOptions\"></highcharts>\r\n                      </div>\r\n                    </div>\r\n                    <!-- <div class=\"col-md-4\" :class=\"salesTargetCount\" v-if=\"!hasDpk && !getting\">\r\n                      <div class=\"greyed_pie_chart_holder\">\r\n                        <highcharts\r\n                          :options=\"greyedGuageOptions\"\r\n                          class=\"\"\r\n                        ></highcharts>\r\n                        <div class=\"empty_chart_text\">\r\n                          <p>N/A</p>\r\n                        </div>\r\n                      </div>\r\n                    </div> -->\r\n                    <div\r\n                      class=\"col-md-3\"\r\n                      :class=\"salesTargetCount\"\r\n                      v-if=\"hasLpg\"\r\n                    >\r\n                      <div class=\"highcharts__div\">\r\n                        <highcharts\r\n                          :options=\"lpgGuageOptions\"\r\n                          class=\"\"\r\n                        ></highcharts>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"mt-5 legend__div\">\r\n                    <div class=\"mt-5 row\">\r\n                      <div class=\"col-md-6\">\r\n                        <div class=\"row\">\r\n                          <div\r\n                            class=\"col-md-3\"\r\n                            v-if=\"hasPms\"\r\n                            :class=\"salesTargetCount\"\r\n                          >\r\n                            <div class=\"row align-items-center\">\r\n                              <div class=\"col-md-3\">\r\n                                <div\r\n                                  style=\"\r\n                                    height: 10px;\r\n                                    width: 30px;\r\n                                    background: rgb(216, 153, 28);\r\n                                  \"\r\n                                ></div>\r\n                              </div>\r\n                              <div class=\"col-md-6\">\r\n                                <div style=\"display: flex; align-items: center\">\r\n                                  <div style=\"color: rgb(216, 153, 28)\">\r\n                                    {{ countryProducts.products.product1 }}\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                          <div\r\n                            class=\"col-md-3\"\r\n                            v-if=\"hasAgo\"\r\n                            :class=\"salesTargetCount\"\r\n                          >\r\n                            <div class=\"row align-items-center\">\r\n                              <div class=\"col-md-3\">\r\n                                <div\r\n                                  style=\"\r\n                                    height: 10px;\r\n                                    width: 30px;\r\n                                    background: rgb(155, 242, 36);\r\n                                  \"\r\n                                ></div>\r\n                              </div>\r\n                              <div class=\"col-md-6\">\r\n                                <div style=\"display: flex; align-items: center\">\r\n                                  <div style=\"color: rgb(155, 242, 36)\">\r\n                                    {{ countryProducts.products.product2 }}\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                          <div\r\n                            class=\"col-md-3\"\r\n                            v-if=\"hasDpk\"\r\n                            :class=\"salesTargetCount\"\r\n                          >\r\n                            <div class=\"row align-items-center\">\r\n                              <div class=\"col-md-3\">\r\n                                <div\r\n                                  style=\"\r\n                                    height: 10px;\r\n                                    width: 30px;\r\n                                    background: rgb(0, 172, 237);\r\n                                  \"\r\n                                ></div>\r\n                              </div>\r\n                              <div class=\"col-md-6\">\r\n                                <div style=\"display: flex; align-items: center\">\r\n                                  <div style=\"color: rgb(0, 172, 237)\">\r\n                                    {{ countryProducts.products.product3 }}\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                          <div\r\n                            class=\"col-md-3\"\r\n                            v-if=\"hasLpg\"\r\n                            :class=\"salesTargetCount\"\r\n                          >\r\n                            <div class=\"row align-items-center\">\r\n                              <div class=\"col-md-3\">\r\n                                <div\r\n                                  style=\"\r\n                                    height: 10px;\r\n                                    width: 30px;\r\n                                    background: purple;\r\n                                  \"\r\n                                ></div>\r\n                              </div>\r\n                              <div class=\"col-md-6\">\r\n                                <div style=\"display: flex; align-items: center\">\r\n                                  <div style=\"color: purple\">\r\n                                    {{ countryProducts.products.product4 }}\r\n                                  </div>\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-lg-4 col-sm-12 mt-5 drivers_block spread\">\r\n              <div\r\n                class=\"row remove_padding mobile_tiles\"\r\n                style=\"height: 31.4%; margin-top: -12px\"\r\n              >\r\n                <!-- <div\r\n                  class=\"pl-3 text-center col-md-6 col-sm-12 text_div_block lnk mobile_under_tile padding_right_desk\"\r\n                >\r\n                  <router-link\r\n                    :to=\"{\r\n                      name: 'our_dealers',\r\n                      query: { companyId: $route.query.companyId },\r\n                    }\"\r\n                    class=\"router_link__text\"\r\n                  >\r\n                  <div class=\"py-3 section_3_right_column_block new_tiles\">\r\n                    <div class=\"\">\r\n                      <h3 class=\"mt-1 stations__block_text_1 mobile_title_font\">\r\n                        {{ $t(\"text.cDashboard.dealers\") }}\r\n                      </h3>\r\n                    </div>\r\n                    <div class=\"\">\r\n                      <h3\r\n                        class=\"stations__block_text_1 mobile_font\"\r\n                        style=\"font-size: 40px\"\r\n                      >\r\n                        {{ dealers }}\r\n                      </h3>\r\n                    </div>\r\n                  </div>\r\n                  </router-link>\r\n                </div> -->\r\n\r\n                <div\r\n                  class=\"text-center col-md-6 col-sm-12 text_div_block lnk mobile_under_tile padding_left_desk\"\r\n                >\r\n                  <!-- <router-link\r\n                    :to=\"{\r\n                      name: 'our_branches',\r\n                      query: { companyId: $route.query.companyId },\r\n                    }\"\r\n                    class=\"router_link__text\"\r\n                  > -->\r\n                  <div class=\"py-3 section_3_right_column_block new_tiles\">\r\n                    <div class=\"\">\r\n                      <h3 class=\"mt-1 stations__block_text_1 mobile_title_font\">\r\n                        {{ $t(\"text.cDashboard.stations\") }}\r\n                      </h3>\r\n                    </div>\r\n                    <div class=\"\">\r\n                      <h3\r\n                        class=\"stations__block_text_1 mobile_font\"\r\n                        style=\"font-size: 40px\"\r\n                      >\r\n                        {{ branches }}\r\n                      </h3>\r\n                    </div>\r\n                  </div>\r\n                  <!-- </router-link> -->\r\n                </div>\r\n              </div>\r\n\r\n              <div\r\n                class=\"row remove_padding mobile_tiles\"\r\n                style=\"height: 31.4%\"\r\n              >\r\n                <div\r\n                  class=\"pl-3 text-center col-md-6 col-sm-12 text_div_block lnk mobile_under_tile padding_right_desk\"\r\n                >\r\n                  <!-- <router-link\r\n                    :to=\"{\r\n                      name: 'tanks_filled',\r\n                      query: { companyId: $route.query.companyId },\r\n                    }\"\r\n                    class=\"router_link__text\"\r\n                  > -->\r\n                  <div class=\"py-3 section_3_right_column_block new_tiles\">\r\n                    <div class=\"\">\r\n                      <h3 class=\"mt-1 stations__block_text_1 mobile_title_font\">\r\n                        {{ $t(\"text.cDashboard.productDischarged\") }}\r\n                      </h3>\r\n                    </div>\r\n                    <div class=\"\">\r\n                      <h3\r\n                        class=\"stations__block_text_1 mobile_font\"\r\n                        style=\"font-size: 40px\"\r\n                      >\r\n                        {{ tanksFilled }}\r\n                      </h3>\r\n                    </div>\r\n                  </div>\r\n                  <!-- </router-link> -->\r\n                </div>\r\n\r\n                <div\r\n                  class=\"text-center col-md-6 col-sm-12 text_div_block lnk mobile_under_tile padding_left_desk\"\r\n                  style=\"cursor: context-menu !important\"\r\n                >\r\n                  <div\r\n                    class=\"py-3 section_3_right_column_block new_tiles nohover\"\r\n                  >\r\n                    <div class=\"\">\r\n                      <h3 class=\"mt-1 stations__block_text_1 mobile_title_font\">\r\n                        {{ $t(\"text.cDashboard.totalPumps\") }}\r\n                      </h3>\r\n                    </div>\r\n                    <div class=\"\">\r\n                      <h3\r\n                        class=\"stations__block_text_1 mobile_font\"\r\n                        style=\"font-size: 40px\"\r\n                      >\r\n                        {{ pumpCount }}\r\n                      </h3>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div\r\n                class=\"row remove_padding mobile_tiles\"\r\n                style=\"height: 31.4%\"\r\n              >\r\n                <div\r\n                  class=\"pl-3 text-center col-md-6 col-sm-12 text_div_block lnk mobile_under_tile padding_right_desk\"\r\n                >\r\n                  <!-- <router-link\r\n                    :to=\"{\r\n                      name: 'disconnectedPumps',\r\n                      query: { regionId: $route.query.regionId },\r\n                    }\"\r\n                    class=\"router_link__text\"\r\n                  > -->\r\n                  <div class=\"py-3 section_3_right_column_block new_tiles\">\r\n                    <div class=\"\">\r\n                      <h3 class=\"mt-1 stations__block_text_1 mobile_title_font\">\r\n                        {{ $t(\"text.cDashboard.disconnectedPumps\") }}\r\n                      </h3>\r\n                    </div>\r\n                    <div class=\"\">\r\n                      <h3\r\n                        class=\"stations__block_text_1 mobile_font\"\r\n                        style=\"font-size: 40px\"\r\n                      >\r\n                        {{ offlinePumps }}\r\n                      </h3>\r\n                    </div>\r\n                  </div>\r\n                  <!-- </router-link> -->\r\n                </div>\r\n\r\n                <div\r\n                  class=\"text-center col-md-6 col-sm-12 text_div_block lnk mobile_under_tile padding_left_desk\"\r\n                >\r\n                  <!-- <router-link\r\n                    :to=\"{\r\n                      name: 'offlinePumps',\r\n                      query: { regionId: $route.query.regionId },\r\n                    }\"\r\n                    class=\"router_link__text\"\r\n                  > -->\r\n                  <div class=\"py-3 section_3_right_column_block new_tiles\">\r\n                    <div class=\"\">\r\n                      <h3 class=\"mt-1 stations__block_text_1 mobile_title_font\">\r\n                        {{ $t(\"text.cDashboard.offlinePumps\") }}\r\n                      </h3>\r\n                    </div>\r\n                    <div class=\"\">\r\n                      <h3\r\n                        class=\"stations__block_text_1 mobile_font\"\r\n                        style=\"font-size: 40px\"\r\n                      >\r\n                        {{ deviceNotPushing }}\r\n                      </h3>\r\n                    </div>\r\n                  </div>\r\n                  <!-- </router-link> -->\r\n                </div>\r\n              </div>\r\n\r\n              <!-- Transaction Count -->\r\n              <!-- <div\r\n                class=\"row remove_padding mobile_tiles\"\r\n                style=\"height: 18.4%\"\r\n              >\r\n                <div\r\n                  class=\"pl-3 text-center col-12 text_div_block lnk mobile_under_tile padding_right_desk\"\r\n                >\r\n                  <div class=\"py-3 section_3_right_column_block new_tiles\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"mt-1 stations__block_text_1 mobile_title_font\">\r\n\t\t\t\t\t\t\t\t\t\t\t\tTransaction Count\r\n\t\t\t\t\t\t\t\t\t\t\t</h3>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"\">\r\n\t\t\t\t\t\t\t\t\t\t\t<h3\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"stations__block_text_1 mobile_font\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 40px\"\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{{ transaction_count }}\r\n\t\t\t\t\t\t\t\t\t\t\t</h3>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\r\n                  <router-link\r\n                    :to=\"{\r\n                      name: 'transaction_count',\r\n                      query: { companyId: $route.query.companyId },\r\n                    }\"\r\n                    class=\"router_link__text\"\r\n                  >\r\n                  <div class=\"py-3 section_3_right_column_block new_tiles\">\r\n                    <div class=\"\">\r\n                      <h3 class=\"mt-1 stations__block_text_1 mobile_title_font\">\r\n                        Transaction Count\r\n                      </h3>\r\n                    </div>\r\n                    <div class=\"\">\r\n                      <h3\r\n                        class=\"stations__block_text_1 mobile_font\"\r\n                        style=\"font-size: 40px\"\r\n                      >\r\n                        {{ transaction_count.toLocaleString() }}\r\n                      </h3>\r\n                    </div>\r\n                  </div>\r\n                  </router-link>\r\n                </div>\r\n              </div> -->\r\n            </div>\r\n          </div>\r\n        </section>\r\n        <!-- OLD DASHBOARD ENDS HERE -->\r\n\r\n        <!-- NEW DASHBOARD STARTS HERE -->\r\n        <section v-else class=\"mt-5 section_3 last__ten__transactions__row\">\r\n          <div class=\"row\" style=\"margin-top: -10px\">\r\n            <div class=\"col-md-12 col-lg-7 table_block\">\r\n              <!-- TOTAL TANKS CONSUMPTION REPORT -->\r\n              <h5\r\n                style=\"\r\n                  font-size: 1.1rem;\r\n                  margin-bottom: -5px;\r\n                  padding-left: 10px;\r\n                \"\r\n              >\r\n                {{\r\n                  hasTankStockPms ||\r\n                  hasTankStockAgo ||\r\n                  hasTankStockDpk ||\r\n                  hasTankStockLpg\r\n                    ? \"Product inventory\"\r\n                    : \" \"\r\n                }}\r\n              </h5>\r\n              <div\r\n                class=\"row mb-2 pos_trans_card_holder mb-3\"\r\n                v-if=\"!showLoader\"\r\n              >\r\n                <div\r\n                  class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n                  :class=\"[LGgridNum, MDgridNum]\"\r\n                  v-if=\"hasTankStockPms\"\r\n                >\r\n                  <div\r\n                    class=\"card_container_1 pos-card mt-3 card-vertical-center\"\r\n                  >\r\n                    <h4 class=\"stations_card_header\">\r\n                      {{ countryProducts.products.product1 }}\r\n                    </h4>\r\n                    <div class=\"oil_drop_div_1\">\r\n                      <div class=\"text-center\">\r\n                        <img\r\n                          src=\"@/assets/img/drop-of-liquid.png\"\r\n                          width=\"50%\"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"mt-3 text-center\">\r\n                      <h4 style=\"font-size: 1.3rem\">\r\n                        {{ convertThousand(pmsTankStock.volume)\r\n                        }}{{ $t(\"text.cDashboard.ltrs\") }}\r\n                      </h4>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- NO PMS N/A -->\r\n                <!-- <div\r\n                  class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n                  :class=\"\r\n                  v-if=\"!hasTankStockPms\"\r\n                >\r\n                  <div\r\n                    class=\"\r\n                      card_container_greyed\r\n                      pos-card\r\n                      mt-3\r\n                      card-vertical-center\r\n                    \"\r\n                  >\r\n                    <h5 class=\"stations_card_header disabled-text\">PMS</h5>\r\n                    <div class=\"oil_drop_div_1 disabled-label-bg\">\r\n                      <div class=\"text-center\">\r\n                        <img\r\n                          src=\"@/assets/img/drop-of-liquid.png\"\r\n                          width=\"50%\"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"mt-3 text-center\">\r\n                      <h5 class=\"\">N/A</h5>\r\n                    </div>\r\n                  </div>\r\n                </div> -->\r\n                <div\r\n                  class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n                  :class=\"[LGgridNum, MDgridNum]\"\r\n                  v-if=\"hasTankStockAgo\"\r\n                >\r\n                  <div\r\n                    class=\"card_container_1 pos-card mt-3 card-vertical-center\"\r\n                  >\r\n                    <h5 class=\"stations_card_header_1\">\r\n                      {{ countryProducts.products.product2 }}\r\n                    </h5>\r\n                    <div class=\"oil_drop_div_2\">\r\n                      <div class=\"text-center\">\r\n                        <img\r\n                          src=\"@/assets/img/drop-of-liquid.png\"\r\n                          width=\"50%\"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"mt-3 text-center\">\r\n                      <h4 style=\"font-size: 1.3rem\">\r\n                        {{ convertThousand(agoTankStock.volume)\r\n                        }}{{ $t(\"text.cDashboard.ltrs\") }}\r\n                      </h4>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                <div\r\n                  class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n                  :class=\"[LGgridNum, MDgridNum]\"\r\n                  v-if=\"hasTankStockDpk\"\r\n                >\r\n                  <div\r\n                    class=\"card_container_1 pos-card mt-3 card-vertical-center\"\r\n                  >\r\n                    <h4 class=\"stations_card_header_2\">\r\n                      {{ countryProducts.products.product3 }}\r\n                    </h4>\r\n                    <div class=\"oil_drop_div_3\">\r\n                      <div class=\"text-center\">\r\n                        <img\r\n                          src=\"@/assets/img/drop-of-liquid.png\"\r\n                          width=\"50%\"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"mt-3 text-center\">\r\n                      <h4 style=\"font-size: 1.3rem\">\r\n                        {{ convertThousand(dpkTankStock.volume)\r\n                        }}{{ $t(\"text.cDashboard.ltrs\") }}\r\n                      </h4>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- NO DPK N/A -->\r\n                <!-- <div\r\n                  class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n                  :class=\"\r\n                  v-if=\"!hasTankStockDpk\"\r\n                >\r\n                  <div\r\n                    class=\"\r\n                      card_container_greyed\r\n                      pos-card\r\n                      mt-3\r\n                      card-vertical-center\r\n                    \"\r\n                  >\r\n                    <h5 class=\"stations_card_header disabled-text\">DPK</h5>\r\n                    <div class=\"oil_drop_div_1 disabled-label-bg\">\r\n                      <div class=\"text-center\">\r\n                        <img\r\n                          src=\"@/assets/img/drop-of-liquid.png\"\r\n                          width=\"50%\"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"mt-3 text-center\">\r\n                      <h5 class=\"\">N/A</h5>\r\n                    </div>\r\n                  </div>\r\n                </div> -->\r\n\r\n                <div\r\n                  class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n                  :class=\"[LGgridNum, MDgridNum]\"\r\n                  v-if=\"hasTankStockLpg\"\r\n                >\r\n                  <div\r\n                    class=\"card_container_1 pos-card mt-3 card-vertical-center\"\r\n                  >\r\n                    <h4 class=\"stations_card_header_1\" style=\"color: purple\">\r\n                      {{ countryProducts.products.product4 }}\r\n                    </h4>\r\n                    <div class=\"oil_drop_div_4\" style=\"background: purple\">\r\n                      <div class=\"text-center\">\r\n                        <img\r\n                          src=\"@/assets/img/drop-of-liquid.png\"\r\n                          width=\"50%\"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"mt-3 text-center\">\r\n                      <h4 style=\"font-size: 1.3rem\">\r\n                        {{ convertThousand(lpgTankStock.volume)\r\n                        }}{{ $t(\"text.cDashboard.ltrs\") }}\r\n                      </h4>\r\n                      <small class=\"dashboard__card__header_bottom\"> </small>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- NO LPG N/A -->\r\n                <!-- <div\r\n                  class=\"col-lg-3 col-md-3 remove_padding-right pos_trans_card\"\r\n                  :class=\"productCount\"\r\n                  v-if=\"!hasTankStockLpg\"\r\n                >\r\n                  <div\r\n                    class=\"\r\n                      card_container_greyed\r\n                      pos-card\r\n                      mt-3\r\n                      card-vertical-center\r\n                    \"\r\n                  >\r\n                    <h5 class=\"stations_card_header disabled-text\">LPG</h5>\r\n                    <div class=\"oil_drop_div_1 disabled-label-bg\">\r\n                      <div class=\"text-center\">\r\n                        <img\r\n                          src=\"@/assets/img/drop-of-liquid.png\"\r\n                          width=\"50%\"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"mt-3 text-center\">\r\n                      <h5 class=\"\">N/A</h5>\r\n                    </div>\r\n                  </div>\r\n                </div> -->\r\n              </div>\r\n\r\n              <!-- REVENUE AND PAYMENT CHANNEL TABLE -->\r\n              <div\r\n                class=\"section_3_table_section mt-3\"\r\n                style=\"\r\n                  border: 3px solid #ae91d3;\r\n                  border-radius: 10px;\r\n                  background-color: #fcfcfc;\r\n                  min-height: 480px !important;\r\n                \"\r\n              >\r\n                <div class=\"row\">\r\n                  <div class=\"ml-2\">\r\n                    <ul class=\"tabs__lists d-flex justify-content-center\">\r\n                      <li class=\"ml-1\" @click=\"changeTab('pchannel')\">\r\n                        <a\r\n                          href=\"#0\"\r\n                          class=\"tab_link\"\r\n                          :class=\"[\r\n                            tab === 'pchannel' ? 'active__tab__link' : null,\r\n                          ]\"\r\n                          :style=\"[\r\n                            tab === 'pchannel' ? { color: '#4C2E73' } : null,\r\n                          ]\"\r\n                        >\r\n                          {{ $t(\"text.omit.paymentChannel\") }}\r\n                        </a>\r\n                      </li>\r\n\r\n                      <li class=\"ml-3\" @click=\"changeTab('revenue')\">\r\n                        <a\r\n                          href=\"#0\"\r\n                          class=\"tab_link\"\r\n                          :class=\"[\r\n                            tab === 'revenue' ? 'active__tab__link' : null,\r\n                          ]\"\r\n                          :style=\"[\r\n                            tab === 'revenue' ? { color: '#4C2E73' } : null,\r\n                          ]\"\r\n                        >\r\n                          {{ $t(\"text.omit.revenue\") }}\r\n                        </a>\r\n                      </li>\r\n                    </ul>\r\n                  </div>\r\n                </div>\r\n\r\n                <!-- NEW TABLE -->\r\n                <div v-show=\"tab === 'pchannel'\">\r\n                  <table class=\"table table-hover mt-2\">\r\n                    <tbody>\r\n                      <tr>\r\n                        <td class=\"pl-4 text-uppercase d-flex\">\r\n                          <span>\r\n                            <img\r\n                              src=\"@/assets/img/dpossales.png\"\r\n                              width=\"20px\"\r\n                              class=\"mr-2\"\r\n                            />\r\n                          </span>\r\n                          {{ $t(\"text.sales.posSales\") }}\r\n                        </td>\r\n                        <td class=\"text-right pr-4\">\r\n                          <pulse-loader\r\n                            size=\"15px\"\r\n                            v-if=\"loadingNT\"\r\n                          ></pulse-loader>\r\n                          <span v-else> {{ pccurrency }}{{ pcposSales }} </span>\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td class=\"pl-4 text-uppercase d-flex\">\r\n                          <span>\r\n                            <img\r\n                              src=\"@/assets/img/desales.png\"\r\n                              width=\"20px\"\r\n                              class=\"mr-2\"\r\n                            />\r\n                          </span>\r\n                          {{ $t(\"text.bMasterLayout.eSales\") }}\r\n                        </td>\r\n                        <td class=\"text-right pr-4\">\r\n                          <pulse-loader\r\n                            size=\"15px\"\r\n                            v-if=\"loadingNT\"\r\n                          ></pulse-loader>\r\n                          <span v-else> {{ pccurrency }}{{ pcesales }} </span>\r\n                        </td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td class=\"pl-4 text-uppercase d-flex\">\r\n                          <span>\r\n                            <img\r\n                              src=\"@/assets/img/desales.png\"\r\n                              width=\"20px\"\r\n                              class=\"mr-2\"\r\n                            />\r\n                          </span>\r\n                          {{ $t(\"text.cMasterLayout.retainership\") }}\r\n                        </td>\r\n                        <td class=\"text-right pr-4\">\r\n                          <pulse-loader\r\n                            size=\"15px\"\r\n                            v-if=\"loadingNT\"\r\n                          ></pulse-loader>\r\n                          <span v-else>\r\n                            {{ pccurrency }}{{ pcretainership }}\r\n                          </span>\r\n                        </td>\r\n                      </tr>\r\n                      <tr\r\n                        @click=\"\r\n                          $router.push({\r\n                            name: 'region-bank-linked-transactions',\r\n                            query: {\r\n                              companyId: $route.query.companyId,\r\n                              regionId: $route.query.regionId,\r\n                            },\r\n                          })\r\n                        \"\r\n                        style=\"cursor: pointer\"\r\n                      >\r\n                        <td class=\"pl-4 text-uppercase d-flex\">\r\n                          <span>\r\n                            <img\r\n                              src=\"@/assets/img/dbankdep.png\"\r\n                              width=\"20px\"\r\n                              class=\"mr-2\"\r\n                            />\r\n                          </span>\r\n                          {{ $t(\"text.bMasterLayout.bankDeposits\") }}\r\n                        </td>\r\n                        <td class=\"text-right pr-4\">\r\n                          <pulse-loader\r\n                            size=\"15px\"\r\n                            v-if=\"loadingNT\"\r\n                          ></pulse-loader>\r\n                          <span v-else>\r\n                            {{ pccurrency }}{{ pcbankDeposit }}\r\n                          </span>\r\n                        </td>\r\n                      </tr>\r\n                      <tr\r\n                        @click=\"\r\n                          $router.push({\r\n                            name: 'region_cashflow',\r\n                            query: {\r\n                              companyId: $route.query.companyId,\r\n                              regionId: $route.query.regionId,\r\n                            },\r\n                          })\r\n                        \"\r\n                        style=\"cursor: pointer\"\r\n                      >\r\n                        <td class=\"pl-4 text-uppercase d-flex\">\r\n                          <span>\r\n                            <img\r\n                              src=\"@/assets/img/dcash.png\"\r\n                              width=\"20px\"\r\n                              class=\"mr-2\"\r\n                            />\r\n                          </span>\r\n                          {{ $t(\"text.bExpenses.cash\") }}\r\n                        </td>\r\n                        <td class=\"text-right pr-4\">\r\n                          <pulse-loader\r\n                            size=\"15px\"\r\n                            v-if=\"loadingNT\"\r\n                          ></pulse-loader>\r\n                          <span v-else> {{ pccurrency }}{{ pccash }} </span>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                  <P class=\"text-left mt-4 mb-4\"\r\n                    ><span class=\"text-danger\">**</span\r\n                    ><span v-if=\"dateRange.start !== dateRange.end\">\r\n                      {{ $t(\"text.sales.outstandingCash\") }}\r\n                      {{ $t(\"text.calendar.from\") }} ({{\r\n                        $moment(dateRange.start, \"DD-MM-YYYY\").format(\r\n                          \"MMMM D, YYYY\"\r\n                        )\r\n                      }}\r\n                      -\r\n                      {{\r\n                        $moment(dateRange.end, \"DD-MM-YYYY\").format(\r\n                          \"MMMM D, YYYY\"\r\n                        )\r\n                      }}) {{ $t(\"text.omit.is\") }}</span\r\n                    >\r\n                    <span v-else>\r\n                      {{ $t(\"text.sales.outstandingCash\") }}\r\n                      {{ $t(\"text.for.text\") }} ({{\r\n                        $moment(dateRange.start, \"DD-MM-YYYY\").format(\r\n                          \"MMMM D, YYYY\"\r\n                        )\r\n                      }}) {{ $t(\"text.omit.is\") }}</span\r\n                    >\r\n                    <pulse-loader\r\n                      style=\"display: inline\"\r\n                      size=\"15px\"\r\n                      v-if=\"loadingNT\"\r\n                    ></pulse-loader>\r\n                    <span v-else class=\"font-weight-bold\"\r\n                      >{{ pccurrency }}{{ pcoutstandingCash }}</span\r\n                    ></P\r\n                  >\r\n                </div>\r\n                <div v-show=\"tab === 'revenue'\">\r\n                  <table class=\"table table-hover\">\r\n                    <tbody>\r\n                      <tr\r\n                        @click=\"\r\n                          $router.push({\r\n                            name: 'RegionNonWetProductsSales',\r\n                            query: {\r\n                              companyId: $route.query.companyId,\r\n                              regionId: $route.query.regionId,\r\n                            },\r\n                          })\r\n                        \"\r\n                        style=\"cursor: pointer\"\r\n                      >\r\n                        <td class=\"pl-4 text-uppercase d-flex\">\r\n                          <span>\r\n                            <img\r\n                              src=\"@/assets/img/dstock.png\"\r\n                              width=\"20px\"\r\n                              class=\"mr-2\"\r\n                            />\r\n                          </span>\r\n                          {{ $t(\"text.cusMasterLayout.dryStock\") }}\r\n                        </td>\r\n                        <td class=\"text-right pr-4\">\r\n                          <pulse-loader\r\n                            size=\"15px\"\r\n                            v-if=\"loadingNT2\"\r\n                          ></pulse-loader>\r\n                          <span v-else>\r\n                            {{ pccurrency2 }}{{ convertThousand(pcdryStock) }}\r\n                          </span>\r\n                        </td>\r\n                      </tr>\r\n                      <tr\r\n                        class=\"\"\r\n                        @mouseenter=\"hoverWT = true\"\r\n                        @mouseleave=\"hoverWT = false\"\r\n                        :style=\"[\r\n                          hoverWT ? { backgroundColor: '#e9ecef' } : null,\r\n                        ]\"\r\n                      >\r\n                        <td class=\"pl-4 text-uppercase d-flex\">\r\n                          <span>\r\n                            <img\r\n                              src=\"@/assets/img/dstock.png\"\r\n                              width=\"20px\"\r\n                              class=\"mr-2\"\r\n                            />\r\n                          </span>\r\n                          {{ $t(\"text.omit.wetStock\") }}\r\n                          <!-- <span class=\"ml-3\" style=\"cursor: pointer\">\r\n                            <i class=\"fa fa-angle-down sidenav_arrow\"></i>\r\n                          </span> -->\r\n                        </td>\r\n                        <td class=\"text-right pr-4\">\r\n                          <pulse-loader\r\n                            size=\"15px\"\r\n                            v-if=\"loadingNT2\"\r\n                          ></pulse-loader>\r\n                          <span v-else>\r\n                            {{ pccurrency2 }}{{ convertThousand(pcwetStock) }}\r\n                          </span>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n\r\n                  <!-- TABLE UNDER WET STOCK -->\r\n                  <div\r\n                    @mouseenter=\"hoverWT = true\"\r\n                    @mouseleave=\"hoverWT = false\"\r\n                    class=\"row m-auto text-uppercase\"\r\n                    :style=\"[hoverWT ? { backgroundColor: '#e9ecef' } : null]\"\r\n                    style=\"\r\n                      color: #667084;\r\n                      font-size: 12px;\r\n                      margin-top: -20px !important;\r\n                    \"\r\n                  >\r\n                    <div class=\"col-2 d-flex justify-content-end\">\r\n                      <img\r\n                        src=\"@/assets/img/dtablines.png\"\r\n                        width=\"10px\"\r\n                        height=\"100px\"\r\n                        class=\"mr-2 ml-2\"\r\n                      />\r\n                    </div>\r\n                    <div class=\"col-10 mt-3\">\r\n                      <div class=\"d-flex justify-content-between\">\r\n                        <div>\r\n                          <p>{{ $t(\"text.omit.dispensed\") }}:</p>\r\n                        </div>\r\n                        <hr\r\n                          class=\"mt-2\"\r\n                          style=\"\r\n                            border-bottom: 2px dashed #c8ccd3;\r\n                            max-width: 250px;\r\n                            min-width: 40px;\r\n                          \"\r\n                        />\r\n                        <div class=\"mr-2\">\r\n                          <pulse-loader\r\n                            size=\"15px\"\r\n                            v-if=\"loadingNT2\"\r\n                          ></pulse-loader>\r\n                          <p v-else>\r\n                            {{ pccurrency2 }}{{ convertThousand(pcbalance) }}\r\n                          </p>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"d-flex justify-content-between\">\r\n                        <div>\r\n                          <p>{{ $t(\"text.omit.rtt\") }}:</p>\r\n                        </div>\r\n                        <hr\r\n                          class=\"mt-2\"\r\n                          style=\"\r\n                            border-bottom: 2px dashed #c8ccd3;\r\n                            max-width: 300px;\r\n                            min-width: 100px;\r\n                          \"\r\n                        />\r\n                        <div class=\"mr-2\">\r\n                          <pulse-loader\r\n                            size=\"15px\"\r\n                            v-if=\"loadingNT2\"\r\n                          ></pulse-loader>\r\n                          <p v-else>\r\n                            {{ pccurrency2 }}{{ convertThousand(pcrtt) }}\r\n                          </p>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"d-flex justify-content-between\">\r\n                        <div>\r\n                          <p>{{ $t(\"text.cMasterLayout.sales\") }}:</p>\r\n                        </div>\r\n                        <hr\r\n                          class=\"mt-2\"\r\n                          style=\"\r\n                            border-bottom: 2px dashed #c8ccd3;\r\n                            max-width: 280px;\r\n                            min-width: 70px;\r\n                          \"\r\n                        />\r\n                        <div class=\"mr-2\">\r\n                          <pulse-loader\r\n                            size=\"15px\"\r\n                            v-if=\"loadingNT2\"\r\n                          ></pulse-loader>\r\n                          <p v-else>\r\n                            {{ pccurrency2\r\n                            }}{{ convertThousand(pcbalance - pcrtt) }}\r\n                          </p>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <table class=\"table table-hover\">\r\n                    <tbody>\r\n                      <tr>\r\n                        <td class=\"pl-4 text-uppercase d-flex\">\r\n                          <span>\r\n                            <img\r\n                              src=\"@/assets/img/dexpenses.png\"\r\n                              width=\"20px\"\r\n                              class=\"mr-2\"\r\n                            />\r\n                          </span>\r\n                          {{ $t(\"text.cMasterLayout.expenses\") }}\r\n                        </td>\r\n                        <td class=\"text-right pr-4\">\r\n                          <pulse-loader\r\n                            size=\"15px\"\r\n                            v-if=\"loadingNT2\"\r\n                          ></pulse-loader>\r\n                          <span v-else>\r\n                            {{ pccurrency2 }}{{ convertThousand(pcexpenses) }}\r\n                          </span>\r\n                        </td>\r\n                      </tr>\r\n                      <tr class=\"font-weight-bold\">\r\n                        <td class=\"pl-4 text-uppercase d-flex\">\r\n                          <span>\r\n                            <img\r\n                              src=\"@/assets/img/dcash.png\"\r\n                              width=\"20px\"\r\n                              class=\"mr-2\"\r\n                            />\r\n                          </span>\r\n                          {{ $t(\"text.balance.title\") }}\r\n                        </td>\r\n                        <td class=\"text-right pr-4\">\r\n                          <pulse-loader\r\n                            size=\"15px\"\r\n                            v-if=\"loadingNT2\"\r\n                          ></pulse-loader>\r\n                          <span v-else style=\"color: #4c2e73\">\r\n                            {{ pccurrency2\r\n                            }}{{\r\n                              convertThousand(\r\n                                pcdryStock + pcwetStock - pcexpenses\r\n                              )\r\n                            }}\r\n                          </span>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"col-lg-5 col-sm-12 drivers_block spread\">\r\n              <!-- NEW SALES VS TARGET GRAPH HERE -->\r\n              <h5 class=\"mb-2 ml-4 mobMarg\" style=\"font-size: 1.1rem\">\r\n                {{ $t(\"text.bDashboard.salesVTarget\") }}\r\n              </h5>\r\n\r\n              <div class=\"remove_padding mobile_tiles mt-2\">\r\n                <div\r\n                  class=\"text-center col-md-12 col-sm-12 text_div_block lnk padding_right_desk\"\r\n                >\r\n                  <div class=\"py-4 section_3_right_column_block new_tiles\">\r\n                    <div class=\"\">\r\n                      <div class=\"highcharts__div\">\r\n                        <highcharts\r\n                          :options=\"NewSalesTarget\"\r\n                          class=\"\"\r\n                        ></highcharts>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <!-- GRAPH SALES VS TARGET ENDS HERE -->\r\n              <!-- <div class=\"row remove_padding mobile_tiles highMt\" style=\"\"> -->\r\n              <div class=\"row remove_padding highMt\" style=\"\">\r\n                <!-- <div\r\n                  class=\"pl-3 text-center col-md-6 col-sm-12 text_div_block lnk mobile_under_tile padding_right_desk\"\r\n                >\r\n                  <router-link\r\n                    :to=\"{\r\n                      name: 'our_dealers',\r\n                      query: { companyId: $route.query.companyId },\r\n                    }\"\r\n                    class=\"router_link__text\"\r\n                  >\r\n                    <div class=\"py-3 section_3_right_column_block new_tiles\">\r\n                      <div class=\"\">\r\n                        <h3\r\n                          class=\"mt-1 stations__block_text_1 mobile_title_font\"\r\n                        >\r\n                          {{ $t(\"text.cDashboard.dealers\") }}\r\n                        </h3>\r\n                      </div>\r\n                      <div class=\"\">\r\n                        <h3\r\n                          class=\"stations__block_text_1 mobile_font\"\r\n                          style=\"font-size: 40px\"\r\n                        >\r\n                          {{ dealers }}\r\n                        </h3>\r\n                      </div>\r\n                    </div>\r\n                  </router-link>\r\n                </div> -->\r\n\r\n                <!-- STATIONS -->\r\n                <div\r\n                  class=\"ml-2 text-center col-md-12 col-sm-12 text_div_block lnk mobile_under_tile padding_left_desk\"\r\n                >\r\n                  <router-link\r\n                    :to=\"{\r\n                      name: 'dealerBranches',\r\n                      query: {\r\n                        dealerId: $route.query.dealerId,\r\n                        companyId: $route.query.companyId,\r\n                      },\r\n                    }\"\r\n                    class=\"router_link__text\"\r\n                  >\r\n                    <div class=\"py-3 section_3_right_column_block new_tiles\">\r\n                      <div class=\"\">\r\n                        <h3\r\n                          class=\"mt-1 stations__block_text_1 mobile_title_font\"\r\n                        >\r\n                          {{ $t(\"text.cDashboard.stations\") }}\r\n                        </h3>\r\n                      </div>\r\n                      <div class=\"\">\r\n                        <h3\r\n                          class=\"stations__block_text_1 mobile_font\"\r\n                          style=\"font-size: 40px\"\r\n                        >\r\n                          {{ branches }}\r\n                        </h3>\r\n                      </div>\r\n                    </div>\r\n                  </router-link>\r\n                </div>\r\n              </div>\r\n\r\n              <div\r\n                class=\"row remove_padding mobile_tiles mt-3\"\r\n                style=\"height: 31.4%\"\r\n              >\r\n                <!-- PRODUCTS DISCHARGED -->\r\n                <div\r\n                  class=\"pl-3 text-center col-md-6 col-sm-12 text_div_block lnk mobile_under_tile padding_right_desk\"\r\n                >\r\n                  <router-link\r\n                    :to=\"{\r\n                      name: 'dealer_tanks_filled',\r\n                      query: {\r\n                        dealerId: $route.query.dealerId,\r\n                        companyId: $route.query.companyId,\r\n                      },\r\n                    }\"\r\n                    class=\"router_link__text\"\r\n                  >\r\n                    <div class=\"py-3 section_3_right_column_block new_tiles\">\r\n                      <div class=\"\">\r\n                        <h3\r\n                          class=\"mt-1 stations__block_text_1 mobile_title_font\"\r\n                        >\r\n                          {{ $t(\"text.cDashboard.productDischarged\") }}\r\n                        </h3>\r\n                      </div>\r\n                      <div class=\"\">\r\n                        <h3\r\n                          class=\"stations__block_text_1 mobile_font\"\r\n                          style=\"font-size: 40px\"\r\n                        >\r\n                          {{ tanksFilled }}\r\n                        </h3>\r\n                      </div>\r\n                    </div>\r\n                  </router-link>\r\n                </div>\r\n\r\n                <!-- TOTAL NUMBER OF PUMPS -->\r\n                <div\r\n                  class=\"text-center col-md-6 col-sm-12 text_div_block lnk mobile_under_tile padding_left_desk\"\r\n                  style=\"cursor: context-menu !important\"\r\n                >\r\n                  <div\r\n                    class=\"py-3 section_3_right_column_block new_tiles nohover\"\r\n                  >\r\n                    <div class=\"\">\r\n                      <h3 class=\"mt-1 stations__block_text_1 mobile_title_font\">\r\n                        {{ $t(\"text.cDashboard.totalPumps\") }}\r\n                      </h3>\r\n                    </div>\r\n                    <div class=\"\">\r\n                      <h3\r\n                        class=\"stations__block_text_1 mobile_font\"\r\n                        style=\"font-size: 40px\"\r\n                      >\r\n                        {{ pumpCount }}\r\n                      </h3>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- DOWN LOWER SECTION -->\r\n          <div\r\n            class=\"row remove_padding mobile_tiles mt-3\"\r\n            style=\"height: 31.4%\"\r\n          >\r\n            <!-- NUMBER OF DISCONNECTED PUMPS -->\r\n            <div\r\n              class=\"pl-3 text-center col-md-6 col-sm-12 text_div_block lnk mobile_under_tile padding_right_desk\"\r\n            >\r\n              <router-link\r\n                :to=\"{\r\n                  name: 'dealerDisconnectedPumps',\r\n                  query: {\r\n                    dealerId: $route.query.dealerId,\r\n                    companyId: $route.query.companyId,\r\n                  },\r\n                }\"\r\n                class=\"router_link__text\"\r\n              >\r\n                <div class=\"py-3 section_3_right_column_block new_tiles\">\r\n                  <div class=\"\">\r\n                    <h3 class=\"mt-1 stations__block_text_1 mobile_title_font\">\r\n                      {{ $t(\"text.cDashboard.disconnectedPumps\") }}\r\n                    </h3>\r\n                  </div>\r\n                  <div class=\"\">\r\n                    <h3\r\n                      class=\"stations__block_text_1 mobile_font\"\r\n                      style=\"font-size: 40px\"\r\n                    >\r\n                      {{ offlinePumps }}\r\n                    </h3>\r\n                  </div>\r\n                </div>\r\n              </router-link>\r\n            </div>\r\n\r\n            <!-- NUMBER OF PUMPS OFFLINE -->\r\n            <div\r\n              class=\"text-center col-md-6 col-sm-12 text_div_block lnk mobile_under_tile padding_left_desk\"\r\n            >\r\n              <router-link\r\n                :to=\"{\r\n                  name: 'DealerOfflinePumps',\r\n                  query: {\r\n                    dealerId: $route.query.dealerId,\r\n                    companyId: $route.query.companyId,\r\n                  },\r\n                }\"\r\n                class=\"router_link__text\"\r\n              >\r\n                <div class=\"py-3 section_3_right_column_block new_tiles\">\r\n                  <div class=\"\">\r\n                    <h3 class=\"mt-1 stations__block_text_1 mobile_title_font\">\r\n                      {{ $t(\"text.cDashboard.offlinePumps\") }}\r\n                    </h3>\r\n                  </div>\r\n                  <div class=\"\">\r\n                    <h3\r\n                      class=\"stations__block_text_1 mobile_font\"\r\n                      style=\"font-size: 40px\"\r\n                    >\r\n                      {{ deviceNotPushing }}\r\n                    </h3>\r\n                  </div>\r\n                </div>\r\n              </router-link>\r\n            </div>\r\n          </div>\r\n        </section>\r\n        <!-- low tanks -->\r\n        <section class=\"mt-3 tanks__capacity\">\r\n          <div class=\"d-flex justify-content-between align-items-center\">\r\n            <h3 class=\"tank_capacity__header\">\r\n              <span>\r\n                <img src=\"@/assets/img/Group 553.png\" class=\"mr-2\" />\r\n              </span>\r\n              <!-- {{ $t(\"text.cDashboard.lowTanksTitle\") }} -->\r\n              {{ $t(\"text.cDashboard.branchTank\") }}\r\n            </h3>\r\n          </div>\r\n          <hr />\r\n          <pulse-loader\r\n            size=\"15px\"\r\n            v-if=\"showLoader\"\r\n            class=\"py-5\"\r\n          ></pulse-loader>\r\n          <div class=\"mt-5\">\r\n            <div\r\n              class=\"text-center no-tank\"\r\n              v-if=\"showLoader || lowTanks.length < 1\"\r\n            >\r\n              {{ $t(\"text.cDashboard.noTank\") }}\r\n            </div>\r\n\r\n            <vueper-slides\r\n              class=\"no-shadow\"\r\n              :visible-slides=\"4\"\r\n              slide-multiple\r\n              :gap=\"0\"\r\n              :slide-ratio=\"1 / 4\"\r\n              :dragging-distance=\"200\"\r\n              :breakpoints=\"{ 800: { visibleSlides: 2, slideMultiple: 2 } }\"\r\n            >\r\n              <vueper-slide\r\n                v-show=\"index <= 3 || showAll\"\r\n                v-for=\"(lowTank, index) in lowTanks\"\r\n                :key=\"index\"\r\n                style=\"\r\n                  display: block !important;\r\n                  padding-right: 0;\r\n                  padding-left: 0;\r\n                \"\r\n              >\r\n                <template v-slot:content>\r\n                  <div class=\"text-center low_tank\">\r\n                    <h4 class=\"tank__name__header low_tank_name\">\r\n                      {{ lowTank.name }}\r\n                    </h4>\r\n                    <p style=\"margin-bottom: 0 !important\" class=\"max-lines\">\r\n                      {{ lowTank.branchName }} ({{ lowTank.product }})\r\n                    </p>\r\n                    <!-- <span>\r\n\t\t\t\t\t\t\t\t\t\t\t{{ lowTank.lastDate }}\r\n\t\t\t\t\t\t\t\t\t\t</span> -->\r\n                    <div class=\"animated__tanks__div\">\r\n                      <div class=\"bowl\" style=\"margin-left: 25%\">\r\n                        <div class=\"inner\">\r\n                          <div\r\n                            class=\"fill\"\r\n                            v-bind:style=\"{\r\n                              '--h': lowTank.height + 'px',\r\n                              '--c': lowTank.color,\r\n                            }\"\r\n                          >\r\n                            <svg\r\n                              version=\"1.1\"\r\n                              xmlns=\"http://www.w3.org/2000/svg\"\r\n                              xmlns:xlink=\"http://www.w3.org/1999/xlink\"\r\n                              x=\"0px\"\r\n                              y=\"0px\"\r\n                              width=\"300px\"\r\n                              height=\"300px\"\r\n                              viewBox=\"0 0 300 300\"\r\n                              enable-background=\"new 0 0 300 300\"\r\n                              xml:space=\"preserve\"\r\n                            >\r\n                              <path\r\n                                class=\"waveShape\"\r\n                                d=\"M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4\r\n                                                          c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9\r\n                                                          c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z\"\r\n                              />\r\n                            </svg>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"clearfix mt-3\">\r\n                      <div class=\"left_div\">\r\n                        <span class=\"left\"\r\n                          >{{ $t(\"text.cDashboard.curVolume\") }}:</span\r\n                        >\r\n                      </div>\r\n                      <div class=\"right_div\">\r\n                        <span class=\"litres\">\r\n                          {{ convertThousand(lowTank.currentVolume) }} ({{\r\n                            lowTank.percent\r\n                          }}%)\r\n                        </span>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"clearfix mt-2\">\r\n                      <div class=\"left_div\">\r\n                        <span class=\"left\"\r\n                          >{{ $t(\"text.cDashboard.maxVolume\") }}:</span\r\n                        >\r\n                      </div>\r\n                      <div class=\"right_div\">\r\n                        <span class=\"litres\">\r\n                          {{ convertThousand(lowTank.maxCapacity) }}\r\n                        </span>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"clearfix mt-2\">\r\n                      <div class=\"left_div\">\r\n                        <div class=\"left\">\r\n                          <span title=\"Sales prediction in the next 48 hours\">{{\r\n                            $t(\"text.cDashboard.saleprojection\")\r\n                          }}</span>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"right_div\">\r\n                        <span class=\"litres\">\r\n                          {{ lowTank.nextTwoDaysTankSales.toLocaleString() }}\r\n                        </span>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class=\"clearfix mt-2\">\r\n                      <div class=\"left_div\">\r\n                        <div class=\"left\">\r\n                          <span title=\"Volume prediction in the next 48 hours\"\r\n                            >{{ $t(\"text.cDashboard.volProjection\") }}:</span\r\n                          >\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"right_div\">\r\n                        <span class=\"litres\">\r\n                          {{ lowTank.nextTwoDaysTankVolume }}\r\n                        </span>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <!-- <div class=\"clearfix pb-4 mt-2\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"left_div\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"left\"> Tank empty projection:</span>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"right_div\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"litres\" style=\"font-size: 13px\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{{ convertThousand(lowTank.tankEmptyProjectionDate) }}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t</div> -->\r\n                  </div>\r\n                </template>\r\n              </vueper-slide>\r\n            </vueper-slides>\r\n          </div>\r\n        </section>\r\n\r\n        <section>\r\n          <div class=\"mt-3 section__row\">\r\n            <div class=\"\">\r\n              <div class=\"row top_section_row\">\r\n                <div class=\"col-md-8\">\r\n                  <span class=\"sec_text_color\">\r\n                    <img src=\"@/assets/img/hand (1).png\" class=\"mr-3\" />\r\n                    {{ $t(\"text.cDashboard.todaySalesTransactions\") }}\r\n                    <span v-if=\"dateRange.start !== dateRange.end\"\r\n                      >({{\r\n                        $moment(dateRange.start, \"DD-MM-YYYY\").format(\r\n                          \"MMMM D, YYYY\"\r\n                        )\r\n                      }}\r\n                      -\r\n                      {{\r\n                        $moment(dateRange.end, \"DD-MM-YYYY\").format(\r\n                          \"MMMM D, YYYY\"\r\n                        )\r\n                      }})</span\r\n                    >\r\n                    <span v-else\r\n                      >({{\r\n                        $moment(dateRange.start, \"DD-MM-YYYY\").format(\r\n                          \"MMMM D, YYYY\"\r\n                        )\r\n                      }})</span\r\n                    >\r\n                    <!-- ({{\r\n                      $d(new Date(), \"short\", this.$root.$i18n.locale)\r\n                    }}) -->\r\n                  </span>\r\n                </div>\r\n                <div class=\"text-right col-md-4\">\r\n                  <div class=\"\">\r\n                    <!-- <button class=\"view_more___button\">View More</button> -->\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <ejs-grid\r\n                v-show=\"!showLoader\"\r\n                ref=\"dataGrid\"\r\n                :dataBound=\"dataBound\"\r\n                :created=\"refreshGrid\"\r\n                :allowPaging=\"true\"\r\n                :allowSorting=\"true\"\r\n                :pageSettings=\"pageSettings\"\r\n                :toolbar=\"toolbar\"\r\n                :searchSettings=\"search\"\r\n                :allowExcelExport=\"true\"\r\n                :allowPdfExport=\"true\"\r\n                :toolbarClick=\"toolbarClick\"\r\n                :locale=\"usedLang\"\r\n              >\r\n                <!-- :headerText=\"`${countryProducts.products.product1} ${$t('text.cDashboard.productVolume')}`\" -->\r\n                <!-- :headerText=\"`${countryProducts.products.product1}   -->\r\n                <!-- ${$t('text.cDashboard.productAmount', { currency: `(${countryProducts.currency})` })}`\" -->\r\n                <e-columns>\r\n                  <e-column width=\"40\" field=\"index\" headerText=\"#\"></e-column>\r\n                  <e-column\r\n                    field=\"branchName\"\r\n                    width=\"200\"\r\n                    :headerText=\"$t('text.cDashboard.station')\"\r\n                  ></e-column>\r\n                  <!-- <e-column\r\n                    field=\"state\"\r\n                    width=\"200\"\r\n                    headerText=\"State\"\r\n                  ></e-column> -->\r\n                  <!-- <e-column\r\n                    field=\"region\"\r\n                    width=\"280\"\r\n                    headerText=\"Region\"\r\n                  ></e-column> -->\r\n                  <e-column\r\n                    :visible=\"hasPms ? true : false\"\r\n                    field=\"pmsVolume\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product1} ${$t(\r\n                      'text.cDashboard.productVolume'\r\n                    )}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    :visible=\"hasPms ? true : false\"\r\n                    field=\"pmsAmount\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product1}  \r\n                    ${$t('text.cDashboard.productAmount', {\r\n                      currency: `(${region ? region.currency : ''})`,\r\n                    })}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    :visible=\"hasAgo ? true : false\"\r\n                    field=\"agoVolume\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product2} ${$t(\r\n                      'text.cDashboard.productVolume'\r\n                    )}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    :visible=\"hasAgo ? true : false\"\r\n                    field=\"agoAmount\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product2} ${$t(\r\n                      'text.cDashboard.productAmount',\r\n                      { currency: `(${region ? region.currency : ''})` }\r\n                    )}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    :visible=\"hasDpk ? true : false\"\r\n                    field=\"dpkVolume\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product3} ${$t(\r\n                      'text.cDashboard.productVolume'\r\n                    )}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    :visible=\"hasDpk ? true : false\"\r\n                    field=\"dpkAmount\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product3} ${$t(\r\n                      'text.cDashboard.productAmount',\r\n                      { currency: `(${region ? region.currency : ''})` }\r\n                    )}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    :visible=\"hasLpg ? true : false\"\r\n                    field=\"lpgVolume\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product4} ${$t(\r\n                      'text.cDashboard.productVolume'\r\n                    )}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    :visible=\"hasLpg ? true : false\"\r\n                    field=\"lpgAmount\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"`${countryProducts.products.product4} ${$t(\r\n                      'text.cDashboard.productAmount',\r\n                      { currency: `(${region ? region.currency : ''})` }\r\n                    )}`\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"totalAmount\"\r\n                    width=\"200\"\r\n                    format=\"N2\"\r\n                    :headerText=\"\r\n                      $t('text.cDashboard.total', {\r\n                        currency: `(${region ? region.currency : ''})`,\r\n                      })\r\n                    \"\r\n                  ></e-column>\r\n                </e-columns>\r\n              </ejs-grid>\r\n              <TableLoader :showLoader=\"showLoader\"></TableLoader>\r\n            </div>\r\n          </div>\r\n        </section>\r\n      </div>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport MasterLayout from \"@/views/RegionalManager/MasterLayout.vue\";\r\nimport { Chart } from \"highcharts-vue\";\r\nimport configObject from \"@/config\";\r\nimport JQuery from \"jquery\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\nimport UpdateCompanyDomain from \"@/components/modals/CompanyDomain/index\";\r\nimport { VueperSlides, VueperSlide } from \"vueperslides\";\r\nimport \"vueperslides/dist/vueperslides.css\";\r\nimport countryProducts from \"@/products\";\r\nimport PulseLoader from \"vue-spinner/src/PulseLoader.vue\";\r\n\r\nlet $ = JQuery;\r\nimport {\r\n  Page,\r\n  Sort,\r\n  Toolbar,\r\n  Search,\r\n  ExcelExport,\r\n  PdfExport,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\n\r\nexport default {\r\n  title: \"Region Dashboard :: Epump Portal\",\r\n  name: \"DashboardHome\",\r\n  components: {\r\n    MasterLayout,\r\n    Highcharts: Chart,\r\n    TableLoader,\r\n    UpdateCompanyDomain,\r\n    VueperSlides,\r\n    VueperSlide,\r\n    PulseLoader,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport],\r\n  },\r\n  data() {\r\n    return {\r\n      usedLang: this.$store.getters.getLanguage,\r\n      startDate: this.$moment().subtract(0, \"days\").format(\"MMMM D, YYYY\"),\r\n      endDate: this.$moment().format(\"MMMM D, YYYY\"),\r\n      pluginStartDate: this.$moment().subtract(0, \"days\").format(\"D-M-YYYY\"),\r\n      pluginEndDate: this.$moment().format(\"D-M-YYYY\"),\r\n      dateRange: { start: this.pluginStartDate, end: this.pluginEndDate },\r\n      maxDate: this.$moment(new Date()).format(\"YYYY-MM-DD\"),\r\n      transactionCountStartDate: this.$moment()\r\n        .subtract(1, \"days\")\r\n        .format(\"MMMM D, YYYY\"),\r\n      transactionCountEndDate: this.$moment().format(\"MMMM D, YYYY\"),\r\n      region: null,\r\n      LGgridNum: \"\",\r\n      MDgridNum: \"\",\r\n      transaction_count: 0,\r\n\r\n      // countryProducts: localStorage.getItem('countryProducts') ? JSON.parse(localStorage.countryProducts) : countryProducts,\r\n      getting: true,\r\n      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 10,\r\n      },\r\n      toolbar: [\"ExcelExport\", \"PdfExport\", \"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n      branches: 0,\r\n      tanksFilled: 0,\r\n      // company: localStorage.getItem(\"companyDetails\")\r\n      //   ? JSON.parse(localStorage.getItem(\"companyDetails\"))\r\n      //   : null,\r\n      dealers: 0,\r\n      pumpCount: 0,\r\n      todaysDate: new Date(),\r\n      offlinePumps: 0,\r\n      deviceNotPushing: 0,\r\n      availableProducts: [],\r\n      agoRateColor: \"\",\r\n      pmsRateColor: \"\",\r\n      dpkRateColor: \"\",\r\n      pgRateColor: \"\",\r\n      totalRateColor: \"\",\r\n      agoUp: true,\r\n      dpkUp: true,\r\n      pmsUp: true,\r\n      lpgUp: true,\r\n      totalUp: true,\r\n      showLoader: true,\r\n      showAll: false,\r\n      lowTanks: [],\r\n      hasTankStockLpg: false,\r\n      hasTankStockPms: false,\r\n      hasTankStockAgo: false,\r\n      hasTankStockDpk: false,\r\n      hasLpg: false,\r\n      hasPms: false,\r\n      hasAgo: false,\r\n      hasDpk: false,\r\n      pmsRate: 0,\r\n      agoRate: 0,\r\n      dpkRate: 0,\r\n      lpgRate: 0,\r\n      totalRate: 0,\r\n      pmssalesTarget: 0,\r\n      agosalesTarget: 0,\r\n      dpksalesTarget: 0,\r\n      lpgsalesTarget: 0,\r\n      currentBranchId: null,\r\n      pmsSale: 0,\r\n      agoSale: 0,\r\n      dpkSale: 0,\r\n      lpgSale: 0,\r\n      //  \"col-lg-3\",\r\n      productCount: \"col-lg-3\",\r\n      prodCounts: 0,\r\n      salesTargetCount: \"col-lg-4\",\r\n      productSummary: [],\r\n      pmsSummary: { volume: 0, amount: 0 },\r\n      agoSummary: { volume: 0, amount: 0 },\r\n      dpkSummary: { volume: 0, amount: 0 },\r\n      lpgSummary: { volume: 0, amount: 0 },\r\n      pmsTankStock: { volume: 0, amount: 0 },\r\n      agoTankStock: { volume: 0, amount: 0 },\r\n      dpkTankStock: { volume: 0, amount: 0 },\r\n      lpgTankStock: { volume: 0, amount: 0 },\r\n      availableProducts: [],\r\n      targetsProd: [],\r\n      interval: null,\r\n\r\n      pmsCond: false,\r\n      agoCond: false,\r\n      dpkCond: false,\r\n      lpgCond: false,\r\n      tab: \"pchannel\",\r\n      hoverWT: false,\r\n\r\n      pcbankDeposit: 0,\r\n      pccash: 0,\r\n      pccurrency: \"\",\r\n      pcesales: 0,\r\n      pcretainership: 0,\r\n      pcoutstandingCash: 0,\r\n      pcposSales: 0,\r\n      pcbalance: 0,\r\n      pcdryStock: 0,\r\n      pcexpenses: 0,\r\n      pcwetStock: 0,\r\n      pcrtt: 0,\r\n      pccurrency2: \"\",\r\n      loadingNT: true,\r\n      loadingNT2: true,\r\n\r\n      NewSalesTarget: {\r\n        chart: {\r\n          height: \"50%\",\r\n          type: \"bar\",\r\n        },\r\n        title: {\r\n          text: undefined,\r\n        },\r\n\r\n        xAxis: {\r\n          type: \"category\",\r\n        },\r\n        yAxis: {\r\n          title: {\r\n            text: undefined,\r\n          },\r\n        },\r\n        legend: {\r\n          enabled: false,\r\n        },\r\n        plotOptions: {\r\n          series: {\r\n            maxPointWidth: 30,\r\n            groupPadding: 0,\r\n            borderWidth: 0,\r\n            dataLabels: {\r\n              enabled: true,\r\n              format: \"{point.y:.1f}%\",\r\n            },\r\n          },\r\n        },\r\n\r\n        tooltip: {\r\n          headerFormat: '<span style=\"font-size:11px\">{series.name}</span><br>',\r\n          pointFormat:\r\n            '<span style=\"color:{point.color}\">{point.name}</span>: <b>{point.y:.2f}%</b><br/>',\r\n        },\r\n\r\n        series: [],\r\n      },\r\n\r\n      pmsGuageOptions: {\r\n        chart: {\r\n          type: \"solidgauge\",\r\n          height: \"65%\",\r\n        },\r\n\r\n        title: {\r\n          text: \"\",\r\n          style: {\r\n            color: \"#d8991c\",\r\n          },\r\n        },\r\n\r\n        tooltip: {\r\n          enabled: false,\r\n          borderWidth: 0,\r\n          backgroundColor: \"none\",\r\n          shadow: false,\r\n\r\n          valueSuffix: \"%\",\r\n          pointFormat:\r\n            '{series.name}<br><span style=\"position: absolute; top: 50%; left: 50%; transform: translate(-45%, 45%); font-size:1.5em; color: {point.color}; font-weight: bold\">{point.y}%</span>',\r\n\r\n          positioner: function (labelWidth) {\r\n            return {\r\n              x: (this.chart.chartWidth - labelWidth) / 2,\r\n              y: this.chart.plotHeight / 2 + 15,\r\n            };\r\n          },\r\n        },\r\n\r\n        pane: {\r\n          startAngle: 0,\r\n          endAngle: 360,\r\n          background: [\r\n            {\r\n              // Track for Move\r\n              outerRadius: \"112%\",\r\n              innerRadius: \"88%\",\r\n              backgroundColor: \"rgb(254,228,179)\",\r\n              borderWidth: 0,\r\n            },\r\n          ],\r\n        },\r\n\r\n        yAxis: {\r\n          min: 0,\r\n          max: 100,\r\n          lineWidth: 0,\r\n          tickPositions: [],\r\n        },\r\n\r\n        plotOptions: {\r\n          solidgauge: {\r\n            dataLabels: {\r\n              enabled: true,\r\n              y: -50,\r\n              borderWidth: 0,\r\n              backgroundColor: \"none\",\r\n              useHTML: true,\r\n              shadow: false,\r\n              style: {\r\n                fontSize: \"16px\",\r\n              },\r\n              pointFormat:\r\n                '{series.name}<br><span style=\"position: absolute; top: 50%; left: 50%; transform: translate(-45%, 45%); font-size:1.5em; color: {point.color}; font-weight: bold\">{point.y}%</span>',\r\n\r\n              positioner: function (labelWidth) {\r\n                return {\r\n                  x: (this.chart.chartWidth - labelWidth) / 2,\r\n                  y: this.chart.plotHeight / 2 + 15,\r\n                };\r\n              },\r\n            },\r\n          },\r\n          linecap: \"round\",\r\n          stickyTracking: false,\r\n          rounded: false,\r\n        },\r\n\r\n        series: [\r\n          {\r\n            name: \"\",\r\n            data: [\r\n              {\r\n                color: \"#d8991c\",\r\n                radius: \"112%\",\r\n                innerRadius: \"88%\",\r\n                y: 0,\r\n                states: {\r\n                  hover: {\r\n                    enabled: false,\r\n                  },\r\n                },\r\n              },\r\n            ],\r\n          },\r\n        ],\r\n      },\r\n      agoGuageOptions: {\r\n        chart: {\r\n          type: \"solidgauge\",\r\n          height: \"65%\",\r\n        },\r\n\r\n        title: {\r\n          text: \"\",\r\n          style: {\r\n            fontSize: \"12px\",\r\n            color: \"#0fce29\",\r\n          },\r\n        },\r\n\r\n        tooltip: {\r\n          enabled: false,\r\n          borderWidth: 0,\r\n          backgroundColor: \"none\",\r\n          shadow: false,\r\n          style: {\r\n            fontSize: \"12px\",\r\n          },\r\n          valueSuffix: \"%\",\r\n          pointFormat:\r\n            '{series.name}<br><span style=\"font-size:1.5em; color: {point.color}; font-weight: bold\">{point.y}</span>',\r\n          positioner: function (labelWidth) {\r\n            return {\r\n              x: (this.chart.chartWidth - labelWidth) / 2,\r\n              y: this.chart.plotHeight / 2 + 15,\r\n            };\r\n          },\r\n          states: {\r\n            hover: {\r\n              enabled: false,\r\n            },\r\n          },\r\n        },\r\n\r\n        pane: {\r\n          startAngle: 0,\r\n          endAngle: 360,\r\n          background: [\r\n            {\r\n              // Track for Move\r\n              outerRadius: \"112%\",\r\n              innerRadius: \"88%\",\r\n              backgroundColor: \"rgb(231, 255, 200)\",\r\n              opacity: 0.3,\r\n              borderWidth: 0,\r\n            },\r\n          ],\r\n        },\r\n\r\n        yAxis: {\r\n          min: 0,\r\n          max: 100,\r\n          lineWidth: 0,\r\n          tickPositions: [],\r\n        },\r\n\r\n        plotOptions: {\r\n          solidgauge: {\r\n            dataLabels: {\r\n              enabled: true,\r\n              y: -50,\r\n              borderWidth: 0,\r\n              backgroundColor: \"none\",\r\n              useHTML: true,\r\n              shadow: false,\r\n              style: {\r\n                fontSize: \"16px\",\r\n              },\r\n              pointFormat:\r\n                '{series.name}<br><span style=\"position: absolute; top: 50%; left: 50%; transform: translate(-45%, 45%); font-size:1.5em; color: {point.color}; font-weight: bold\">{point.y}%</span>',\r\n\r\n              positioner: function (labelWidth) {\r\n                return {\r\n                  x: (this.chart.chartWidth - labelWidth) / 2,\r\n                  y: this.chart.plotHeight / 2 + 15,\r\n                };\r\n              },\r\n            },\r\n            linecap: \"round\",\r\n            stickyTracking: false,\r\n            rounded: false,\r\n          },\r\n        },\r\n\r\n        series: [\r\n          {\r\n            name: \"\",\r\n            data: [\r\n              {\r\n                color: \"#0fce29\",\r\n                radius: \"112%\",\r\n                innerRadius: \"88%\",\r\n                y: 0,\r\n              },\r\n            ],\r\n          },\r\n        ],\r\n      },\r\n      dpkGuageOptions: {\r\n        chart: {\r\n          type: \"solidgauge\",\r\n          height: \"65%\",\r\n        },\r\n\r\n        title: {\r\n          text: \"\",\r\n          style: {\r\n            fontSize: \"12px\",\r\n            color: \"#00aced\",\r\n          },\r\n        },\r\n\r\n        tooltip: {\r\n          enabled: false,\r\n          borderWidth: 0,\r\n          backgroundColor: \"none\",\r\n          shadow: false,\r\n          style: {\r\n            fontSize: \"12px\",\r\n          },\r\n          valueSuffix: \"%\",\r\n          pointFormat:\r\n            '{series.name}<br><span style=\"font-size:1.5em; color: {point.color}; font-weight: bold\">{point.y}</span>',\r\n          positioner: function (labelWidth) {\r\n            return {\r\n              x: (this.chart.chartWidth - labelWidth) / 2,\r\n              y: this.chart.plotHeight / 2 + 15,\r\n            };\r\n          },\r\n        },\r\n\r\n        pane: {\r\n          startAngle: 0,\r\n          endAngle: 360,\r\n          background: [\r\n            {\r\n              // Track for Move\r\n              outerRadius: \"112%\",\r\n              innerRadius: \"88%\",\r\n              backgroundColor: \"rgb(207, 241, 254)\",\r\n              opacity: 0.3,\r\n              borderWidth: 0,\r\n            },\r\n          ],\r\n        },\r\n\r\n        yAxis: {\r\n          min: 0,\r\n          max: 100,\r\n          lineWidth: 0,\r\n          tickPositions: [],\r\n        },\r\n\r\n        plotOptions: {\r\n          solidgauge: {\r\n            dataLabels: {\r\n              enabled: true,\r\n              y: -50,\r\n              borderWidth: 0,\r\n              backgroundColor: \"none\",\r\n              useHTML: true,\r\n              shadow: false,\r\n              style: {\r\n                fontSize: \"16px\",\r\n              },\r\n              pointFormat:\r\n                '{series.name}<br><span style=\"position: absolute; top: 50%; left: 50%; transform: translate(-45%, 45%); font-size:1.5em; color: {point.color}; font-weight: bold\">{point.y}%</span>',\r\n\r\n              positioner: function (labelWidth) {\r\n                return {\r\n                  x: (this.chart.chartWidth - labelWidth) / 2,\r\n                  y: this.chart.plotHeight / 2 + 15,\r\n                };\r\n              },\r\n            },\r\n            linecap: \"round\",\r\n            stickyTracking: false,\r\n            rounded: false,\r\n          },\r\n        },\r\n\r\n        series: [\r\n          {\r\n            name: \"\",\r\n            data: [\r\n              {\r\n                color: \"#00aced\",\r\n                radius: \"112%\",\r\n                innerRadius: \"88%\",\r\n                y: 0,\r\n              },\r\n            ],\r\n          },\r\n        ],\r\n      },\r\n      lpgGuageOptions: {\r\n        chart: {\r\n          type: \"solidgauge\",\r\n          height: \"65%\",\r\n          // style:{\r\n          //    \"fontSize\": \"12px !important\",\r\n          // }\r\n        },\r\n\r\n        title: {\r\n          text: \"\",\r\n          style: {\r\n            fontSize: \"12px\",\r\n            color: \"rgb(233, 141, 233)\",\r\n          },\r\n        },\r\n\r\n        tooltip: {\r\n          enabled: false,\r\n          borderWidth: 0,\r\n          backgroundColor: \"none\",\r\n          shadow: false,\r\n          style: {\r\n            fontSize: \"12px\",\r\n          },\r\n          valueSuffix: \"%\",\r\n          pointFormat:\r\n            '{series.name}<br><span style=\"font-size:1.5em; color: {point.color}; font-weight: bold\">{point.y}</span>',\r\n          positioner: function (labelWidth) {\r\n            return {\r\n              x: (this.chart.chartWidth - labelWidth) / 2,\r\n              y: this.chart.plotHeight / 2 + 15,\r\n            };\r\n          },\r\n        },\r\n\r\n        pane: {\r\n          startAngle: 0,\r\n          endAngle: 360,\r\n          background: [\r\n            {\r\n              // Track for Move\r\n              outerRadius: \"112%\",\r\n              innerRadius: \"88%\",\r\n              backgroundColor: \"rgb(233, 141, 233)\",\r\n              opacity: 0.1,\r\n              borderWidth: 0,\r\n            },\r\n          ],\r\n        },\r\n\r\n        yAxis: {\r\n          min: 0,\r\n          max: 100,\r\n          lineWidth: 0,\r\n          tickPositions: [],\r\n        },\r\n\r\n        plotOptions: {\r\n          solidgauge: {\r\n            dataLabels: {\r\n              enabled: true,\r\n              y: -50,\r\n              borderWidth: 0,\r\n              backgroundColor: \"none\",\r\n              useHTML: true,\r\n              shadow: false,\r\n              style: {\r\n                fontSize: \"16px\",\r\n              },\r\n              pointFormat:\r\n                '{series.name}<br><span style=\"position: absolute; top: 50%; left: 50%; transform: translate(-45%, 45%); font-size:1.5em; color: {point.color}; font-weight: bold\">{point.y}%</span>',\r\n\r\n              positioner: function (labelWidth) {\r\n                return {\r\n                  x: (this.chart.chartWidth - labelWidth) / 2,\r\n                  y: this.chart.plotHeight / 2 + 15,\r\n                };\r\n              },\r\n            },\r\n            linecap: \"round\",\r\n            stickyTracking: false,\r\n            rounded: false,\r\n          },\r\n        },\r\n\r\n        series: [\r\n          {\r\n            name: \"\",\r\n            data: [\r\n              {\r\n                color: \"#8000806b\",\r\n                radius: \"112%\",\r\n                innerRadius: \"88%\",\r\n                y: 0,\r\n              },\r\n            ],\r\n          },\r\n        ],\r\n      },\r\n      greyedGuageOptions: {\r\n        chart: {\r\n          type: \"solidgauge\",\r\n          height: \"85%\",\r\n        },\r\n\r\n        title: {\r\n          text: \"\",\r\n          style: {\r\n            fontSize: \"12px\",\r\n            color: \"#f5f5f5\",\r\n          },\r\n        },\r\n\r\n        tooltip: {\r\n          enabled: false,\r\n          borderWidth: 0,\r\n          backgroundColor: \"none\",\r\n          shadow: false,\r\n          style: {\r\n            fontSize: \"12px\",\r\n          },\r\n          valueSuffix: \"%\",\r\n          pointFormat:\r\n            '{series.name}<br><span style=\"font-size:1.5em; color: {point.color}; font-weight: bold\">{point.y}</span>',\r\n          positioner: function (labelWidth) {\r\n            return {\r\n              x: (this.chart.chartWidth - labelWidth) / 2,\r\n              y: this.chart.plotHeight / 2 + 15,\r\n            };\r\n          },\r\n        },\r\n\r\n        pane: {\r\n          startAngle: 0,\r\n          endAngle: 360,\r\n          background: [\r\n            {\r\n              // Track for Move\r\n              outerRadius: \"112%\",\r\n              innerRadius: \"88%\",\r\n              backgroundColor: \"#f5f5f5\",\r\n              opacity: 0.3,\r\n              borderWidth: 0,\r\n            },\r\n          ],\r\n        },\r\n\r\n        yAxis: {\r\n          min: 0,\r\n          max: 100,\r\n          lineWidth: 0,\r\n          tickPositions: [],\r\n        },\r\n\r\n        plotOptions: {\r\n          solidgauge: {\r\n            dataLabels: {\r\n              enabled: true,\r\n              y: -50,\r\n              borderWidth: 0,\r\n              backgroundColor: \"none\",\r\n              useHTML: true,\r\n              shadow: false,\r\n              style: {\r\n                fontSize: \"16px\",\r\n              },\r\n              pointFormat:\r\n                '{series.name}<br><span style=\"position: absolute; top: 50%; left: 50%; transform: translate(-45%, 45%); font-size:1.5em; color: {point.color}; font-weight: bold\">{point.y}%</span>',\r\n\r\n              positioner: function (labelWidth) {\r\n                return {\r\n                  x: (this.chart.chartWidth - labelWidth) / 2,\r\n                  y: this.chart.plotHeight / 2 + 15,\r\n                };\r\n              },\r\n            },\r\n            linecap: \"round\",\r\n            stickyTracking: false,\r\n            rounded: false,\r\n          },\r\n        },\r\n\r\n        series: [\r\n          {\r\n            name: \"\",\r\n            data: [\r\n              {\r\n                color: \"#f5f5f5\",\r\n                radius: \"112%\",\r\n                innerRadius: \"88%\",\r\n                // y: 'N/A',\r\n              },\r\n            ],\r\n          },\r\n        ],\r\n      },\r\n      splineChartOptions: {\r\n        chart: {\r\n          type: \"areaspline\",\r\n          height: \"80px\",\r\n        },\r\n        title: {\r\n          text: \"\",\r\n        },\r\n        credits: {\r\n          enabled: false,\r\n        },\r\n        plotOptions: {\r\n          areaspline: {\r\n            fillOpacity: 0.2,\r\n          },\r\n          series: {\r\n            marker: {\r\n              enabled: false,\r\n            },\r\n          },\r\n        },\r\n        series: null,\r\n        legend: {\r\n          enabled: false,\r\n        },\r\n        xAxis: {\r\n          lineColor: \"transparent\",\r\n          labels: {\r\n            enabled: false,\r\n          },\r\n        },\r\n        yAxis: {\r\n          title: {\r\n            text: \"\",\r\n          },\r\n          gridLineColor: \"transparent\",\r\n          labels: {\r\n            enabled: false,\r\n          },\r\n        },\r\n      },\r\n      pmsSplineOption: {\r\n        chart: {\r\n          type: \"areaspline\",\r\n          height: \"80px\",\r\n        },\r\n        title: {\r\n          text: \"\",\r\n        },\r\n        credits: {\r\n          enabled: false,\r\n        },\r\n        plotOptions: {\r\n          areaspline: {\r\n            fillOpacity: 0.2,\r\n          },\r\n          series: {\r\n            marker: {\r\n              enabled: false,\r\n            },\r\n          },\r\n        },\r\n        series: null,\r\n        legend: {\r\n          enabled: false,\r\n        },\r\n        xAxis: {\r\n          lineColor: \"transparent\",\r\n          labels: {\r\n            enabled: false,\r\n          },\r\n        },\r\n        yAxis: {\r\n          title: {\r\n            text: \"\",\r\n          },\r\n          gridLineColor: \"transparent\",\r\n          labels: {\r\n            enabled: false,\r\n          },\r\n        },\r\n      },\r\n      agoSplineOption: {\r\n        chart: {\r\n          type: \"areaspline\",\r\n          height: \"80px\",\r\n        },\r\n        title: {\r\n          text: \"\",\r\n        },\r\n        credits: {\r\n          enabled: false,\r\n        },\r\n        plotOptions: {\r\n          areaspline: {\r\n            fillOpacity: 0.2,\r\n          },\r\n          series: {\r\n            marker: {\r\n              enabled: false,\r\n            },\r\n          },\r\n        },\r\n        series: null,\r\n        legend: {\r\n          enabled: false,\r\n        },\r\n        xAxis: {\r\n          lineColor: \"transparent\",\r\n          labels: {\r\n            enabled: false,\r\n          },\r\n        },\r\n        yAxis: {\r\n          title: {\r\n            text: \"\",\r\n          },\r\n          gridLineColor: \"transparent\",\r\n          labels: {\r\n            enabled: false,\r\n          },\r\n        },\r\n      },\r\n      dpkSplineOption: {\r\n        chart: {\r\n          type: \"areaspline\",\r\n          height: \"80px\",\r\n        },\r\n        title: {\r\n          text: \"\",\r\n        },\r\n        credits: {\r\n          enabled: false,\r\n        },\r\n        plotOptions: {\r\n          areaspline: {\r\n            fillOpacity: 0.2,\r\n          },\r\n          series: {\r\n            marker: {\r\n              enabled: false,\r\n            },\r\n          },\r\n        },\r\n        series: null,\r\n        legend: {\r\n          enabled: false,\r\n        },\r\n        xAxis: {\r\n          lineColor: \"transparent\",\r\n          labels: {\r\n            enabled: false,\r\n          },\r\n        },\r\n        yAxis: {\r\n          title: {\r\n            text: \"\",\r\n          },\r\n          gridLineColor: \"transparent\",\r\n          labels: {\r\n            enabled: false,\r\n          },\r\n        },\r\n      },\r\n      lpgSplineOption: {\r\n        chart: {\r\n          type: \"areaspline\",\r\n          height: \"80px\",\r\n        },\r\n        title: {\r\n          text: \"\",\r\n        },\r\n        credits: {\r\n          enabled: false,\r\n        },\r\n        plotOptions: {\r\n          areaspline: {\r\n            fillOpacity: 0.2,\r\n          },\r\n          series: {\r\n            marker: {\r\n              enabled: false,\r\n            },\r\n          },\r\n        },\r\n        series: null,\r\n        legend: {\r\n          enabled: false,\r\n        },\r\n        xAxis: {\r\n          lineColor: \"transparent\",\r\n          labels: {\r\n            enabled: false,\r\n          },\r\n          categories: null,\r\n        },\r\n        yAxis: {\r\n          title: {\r\n            text: \"\",\r\n          },\r\n          gridLineColor: \"transparent\",\r\n          labels: {\r\n            enabled: false,\r\n          },\r\n        },\r\n      },\r\n      totalSplineOption: {\r\n        chart: {\r\n          type: \"areaspline\",\r\n          height: \"80px\",\r\n        },\r\n        title: {\r\n          text: \"\",\r\n        },\r\n        credits: {\r\n          enabled: false,\r\n        },\r\n        plotOptions: {\r\n          areaspline: {\r\n            fillOpacity: 0.2,\r\n          },\r\n          series: {\r\n            marker: {\r\n              enabled: false,\r\n            },\r\n          },\r\n        },\r\n        series: null,\r\n        legend: {\r\n          enabled: false,\r\n        },\r\n        xAxis: {\r\n          lineColor: \"transparent\",\r\n          labels: {\r\n            enabled: false,\r\n          },\r\n        },\r\n        yAxis: {\r\n          title: {\r\n            text: \"\",\r\n          },\r\n          gridLineColor: \"transparent\",\r\n          labels: {\r\n            enabled: false,\r\n          },\r\n        },\r\n      },\r\n    };\r\n  },\r\n  watch: {\r\n    dateRange: function (newRange, oldRange) {\r\n      if (newRange.start !== null && newRange.end !== null) {\r\n        this.startDate = this.$moment(newRange.start, \"DD-MM-YYYY\").format(\r\n          \"MMMM D, YYYY\"\r\n        );\r\n        this.endDate = this.$moment(newRange.end, \"DD-MM-YYYY\").format(\r\n          \"MMMM D, YYYY\"\r\n        );\r\n        this.fetchData();\r\n        this.getProductSummary();\r\n        this.getSalesTarget();\r\n      }\r\n    },\r\n    region(region) {\r\n      if (region !== null) {\r\n        this.branches = region.branches\r\n          ? region.branches\r\n          : region.numberOfBranches;\r\n        // this.dealers = company.numberOfDealers;\r\n        this.fetchData();\r\n        this.getProductSummary();\r\n        this.getSalesTarget();\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"region\", (region) => {\r\n      this.region = region;\r\n      this.getHistoryChartsData();\r\n    });\r\n    this.getTodaysDate();\r\n    if (this.$route.query.regionId) {\r\n      this.fetchData();\r\n      this.getProductSummary();\r\n      this.getSalesTarget();\r\n    }\r\n    this.dateRange.start = this.pluginStartDate;\r\n    this.dateRange.end = this.pluginEndDate;\r\n  },\r\n  computed: {\r\n    userInfo() {\r\n      const user = localStorage.getItem(\"userDetails\")\r\n        ? JSON.parse(localStorage.getItem(\"userDetails\"))\r\n        : null;\r\n\r\n      if (user) {\r\n        if (!user.roles) {\r\n          if (user.role) {\r\n            user.roles = user.role.split(\",\");\r\n            localStorage.setItem(\"userDetails\", JSON.stringify(user));\r\n          }\r\n        }\r\n      }\r\n      return user;\r\n    },\r\n    countryProducts: function () {\r\n      return this.$store.getters.getCountryProducts;\r\n    },\r\n  },\r\n  mounted() {\r\n    if (this.$route.query.dealerId) {\r\n      this.$store.commit(\"setRegionDetails\", {\r\n        id: this.$route.query.regionId,\r\n      });\r\n    }\r\n    if (localStorage.getItem(\"userDetails\")) {\r\n      this.interval = setInterval(() => {\r\n        this.getProductSummary();\r\n        this.getSalesTarget();\r\n      }, 60000);\r\n    }\r\n\r\n    $(\".e-input\").keyup(function (e) {\r\n      searchFun(e);\r\n    });\r\n    function searchFun(event) {\r\n      var grid = document.getElementsByClassName(\"e-grid\")[0].ej2_instances[0];\r\n      var value = event.target.value;\r\n      grid.search(value);\r\n    }\r\n  },\r\n  beforeDestroy() {\r\n    this.$eventHub.$off(\"gotRegion\");\r\n    clearInterval(this.interval);\r\n  },\r\n\r\n  methods: {\r\n    changeTab(tab) {\r\n      this.tab = tab;\r\n    },\r\n    arrowLeft() {\r\n      const containerLeft = document.getElementById(\"scoll-pane\");\r\n      this.sideScroll(containerLeft, \"left\", 25, 150, 10);\r\n    },\r\n    arrowRight() {\r\n      var containerRight = document.getElementById(\"scoll-pane\");\r\n      this.sideScroll(containerRight, \"right\", 25, 150, 10);\r\n    },\r\n    sideScroll(element, direction, speed, distance, step) {\r\n      let scrollAmount = 0;\r\n      var slideTimer = setInterval(function () {\r\n        if (direction == \"left\") {\r\n          element.scrollLeft -= step;\r\n        } else {\r\n          element.scrollLeft += step;\r\n        }\r\n        scrollAmount += step;\r\n        if (scrollAmount >= distance) {\r\n          window.clearInterval(slideTimer);\r\n        }\r\n      }, speed);\r\n    },\r\n\r\n    fetchData() {\r\n      this.getTankStock();\r\n      this.getLowTanks();\r\n      this.getPumpCount();\r\n      this.getTanksFilled();\r\n      this.getOfflinePmps();\r\n      this.getPaymentChannelsData();\r\n      this.getRevenueData();\r\n      this.getDeviceNotPushing();\r\n      this.getCompanyBranchSales();\r\n      // this.getTransactionCount();\r\n    },\r\n    goToTanksFilled($route, _id) {\r\n      this.$router.push({\r\n        path: $route,\r\n        query: {\r\n          id: _id,\r\n        },\r\n      });\r\n    },\r\n    getTodaysDate() {\r\n      let months = [\r\n        \"January\",\r\n        \"February\",\r\n        \"March\",\r\n        \"April\",\r\n        \"May\",\r\n        \"June\",\r\n        \"July\",\r\n        \"August\",\r\n        \"September\",\r\n        \"October\",\r\n        \"November\",\r\n        \"December\",\r\n      ];\r\n      var today = new Date();\r\n      let month = months[today.getMonth()];\r\n      var dd = String(today.getDate()).padStart(2, \"0\");\r\n      var yyyy = today.getFullYear();\r\n\r\n      today = month + \" \" + \" \" + dd + \",\" + \" \" + yyyy;\r\n      this.todaysDate = today;\r\n    },\r\n    dataBound: function () {\r\n      this.$refs.dataGrid.autoFitColumns();\r\n    },\r\n    changeRoute(route) {\r\n      this.$router.push({\r\n        name: route,\r\n        query: {\r\n          id: this.$route.query.regionId\r\n            ? this.$route.query.regionId\r\n            : this.region.id,\r\n        },\r\n      });\r\n    },\r\n    toolbarClick(args) {\r\n      switch (args.item.text) {\r\n        case \"PDF Export\":\r\n          this.$refs.dataGrid.pdfExport();\r\n          break;\r\n        case \"Excel Export\":\r\n          this.$refs.dataGrid.excelExport();\r\n          break;\r\n      }\r\n    },\r\n    refreshGrid() {\r\n      this.$refs.dataGrid.refresh();\r\n    },\r\n    tankStockSummary(productSummary) {\r\n      let productName = productSummary.map((tank) => {\r\n        return tank.productName;\r\n      });\r\n\r\n      let finalProduct = new Set(productName);\r\n\r\n      this.LGgridNum = `col-lg-${12 / finalProduct.size}`;\r\n      this.MDgridNum = `col-md-${12 / finalProduct.size}`;\r\n      let prodCount = 0;\r\n      let summary = productSummary.filter(\r\n        (prod) => prod.productName.toLowerCase() == \"pms\"\r\n      );\r\n      if (summary && summary.length > 0) {\r\n        this.pmsTankStock = {\r\n          volume: summary.reduce((acc, curr) => {\r\n            return acc + curr.currentVolume;\r\n          }, 0),\r\n        };\r\n        this.hasTankStockPms = true;\r\n        prodCount++;\r\n      }\r\n\r\n      summary = productSummary.filter(\r\n        (prod) => prod.productName.toLowerCase() == \"ago\"\r\n      );\r\n      if (summary && summary.length > 0) {\r\n        this.agoTankStock = {\r\n          volume: summary.reduce((acc, curr) => {\r\n            return acc + curr.currentVolume;\r\n          }, 0),\r\n        };\r\n        this.hasTankStockAgo = true;\r\n        prodCount++;\r\n      }\r\n\r\n      summary = productSummary.filter(\r\n        (prod) => prod.productName.toLowerCase() == \"dpk\"\r\n      );\r\n      if (summary && summary.length > 0) {\r\n        this.dpkTankStock = {\r\n          volume: summary.reduce((acc, curr) => {\r\n            return acc + curr.currentVolume;\r\n          }, 0),\r\n        };\r\n        this.hasTankStockDpk = true;\r\n        prodCount++;\r\n      }\r\n\r\n      summary = productSummary.filter(\r\n        (prod) => prod.productName.toLowerCase() == \"lpg\"\r\n      );\r\n      if (summary && summary.length > 0) {\r\n        this.lpgTankStock = {\r\n          volume: summary.reduce((acc, curr) => {\r\n            return acc + curr.currentVolume;\r\n          }, 0),\r\n        };\r\n        this.hasTankStockLpg = true;\r\n        prodCount++;\r\n      }\r\n      prodCount++;\r\n      let columnNumber;\r\n      prodCount !== 5 ? (columnNumber = 12 / prodCount) : (columnNumber = 3);\r\n      this.productCount = `col-lg-3`;\r\n      // this.= `col-lg-${columnNumber}`;\r\n      // this.productCount = `col-lg-${columnNumber}`;\r\n    },\r\n    displayProductSummary(prodSummary) {\r\n      if (prodSummary.length > 0) {\r\n        let productCounting = 0;\r\n        let pmsSummary = prodSummary.filter(\r\n          (prod) =>\r\n            prod.product.toLowerCase() ==\r\n            this.countryProducts.productsLower.product1\r\n        );\r\n        if (pmsSummary.length) {\r\n          productCounting++;\r\n          this.pmsSummary = pmsSummary[0];\r\n          this.pmsSale = pmsSummary[0].volume;\r\n        }\r\n        let agoSummary = prodSummary.filter(\r\n          (prod) =>\r\n            prod.product.toLowerCase() ==\r\n            this.countryProducts.productsLower.product2\r\n        );\r\n        if (agoSummary.length) {\r\n          productCounting++;\r\n          this.agoSummary = agoSummary[0];\r\n          this.agoSale = agoSummary[0].volume;\r\n        }\r\n        let dpkSummary = prodSummary.filter(\r\n          (prod) =>\r\n            prod.product.toLowerCase() ==\r\n            this.countryProducts.productsLower.product3\r\n        );\r\n        if (dpkSummary.length) {\r\n          productCounting++;\r\n          this.dpkSummary = dpkSummary[0];\r\n          this.dpkSale = dpkSummary[0].volume;\r\n        }\r\n        let lpgSummary = prodSummary.filter(\r\n          (prod) =>\r\n            prod.product.toLowerCase() ==\r\n            this.countryProducts.productsLower.product4\r\n        );\r\n        if (lpgSummary.length) {\r\n          productCounting++;\r\n          this.lpgSummary = lpgSummary[0];\r\n          this.lpgSale = lpgSummary[0].volume;\r\n        }\r\n\r\n        this.prodCounts = productCounting;\r\n        // console.log(this.prodCounts);\r\n\r\n        // NEW SALES VS TARGET GRAPH\r\n        let pmsSeries = pmsSummary.length\r\n          ? [\r\n              {\r\n                name: this.countryProducts.products.product1,\r\n                y: parseFloat(\r\n                  this.decimalThousand(\r\n                    (this.pmsSale / this.pmssalesTarget) * 100\r\n                  )\r\n                ),\r\n                color: \"#D8991C\",\r\n              },\r\n            ]\r\n          : [];\r\n        let agoSeries = agoSummary.length\r\n          ? [\r\n              {\r\n                name: this.countryProducts.products.product2,\r\n                y: parseFloat(\r\n                  this.decimalThousand(\r\n                    (this.agoSale / this.agosalesTarget) * 100\r\n                  )\r\n                ),\r\n                color: \"#6CC066\",\r\n              },\r\n            ]\r\n          : [];\r\n        let dpkSeries = dpkSummary.length\r\n          ? [\r\n              {\r\n                name: this.countryProducts.products.product3,\r\n                y: parseFloat(\r\n                  this.decimalThousand(\r\n                    (this.dpkSale / this.dpksalesTarget) * 100\r\n                  )\r\n                ),\r\n                color: \"#1864AB\",\r\n              },\r\n            ]\r\n          : [];\r\n        let lpgSeries = lpgSummary.length\r\n          ? [\r\n              {\r\n                name: this.countryProducts.products.product4,\r\n                y: parseFloat(\r\n                  this.decimalThousand(\r\n                    (this.lpgSale / this.lpgsalesTarget) * 100\r\n                  )\r\n                ),\r\n                color: \"#820080\",\r\n              },\r\n            ]\r\n          : [];\r\n\r\n        this.NewSalesTarget.series = [\r\n          {\r\n            name: \"Product\",\r\n            data: [...pmsSeries, ...agoSeries, ...dpkSeries, ...lpgSeries],\r\n          },\r\n        ];\r\n\r\n        let ps = parseFloat(\r\n          this.decimalThousand((this.pmsSale / this.pmssalesTarget) * 100)\r\n        );\r\n        this.pmsGuageOptions.series[0].data[0].y = ps;\r\n\r\n        let as = parseFloat(\r\n          this.decimalThousand((this.agoSale / this.agosalesTarget) * 100)\r\n        );\r\n        this.agoGuageOptions.series[0].data[0].y = as;\r\n\r\n        let ds = parseFloat(\r\n          this.decimalThousand((this.dpkSale / this.dpksalesTarget) * 100)\r\n        );\r\n        this.dpkGuageOptions.series[0].data[0].y = ds;\r\n\r\n        let ls = parseFloat(\r\n          this.decimalThousand((this.lpgSale / this.lpgsalesTarget) * 100)\r\n        );\r\n        this.lpgGuageOptions.series[0].data[0].y = ls;\r\n      }\r\n    },\r\n    getProductSummary() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Dashboard/RegionDaySale/${\r\n            this.$route.query.regionId\r\n              ? this.$route.query.regionId\r\n              : this.region.id\r\n          }?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          const dayDifferences = {};\r\n\r\n          response.data.forEach((item) => {\r\n            const { product, volume, lastSalesDate, date } = item;\r\n\r\n            const lastSales = new Date(lastSalesDate);\r\n            const currentDate = new Date(date);\r\n            const timeDifference = currentDate - lastSales;\r\n            const daysDifference = Math.floor(\r\n              timeDifference / (1000 * 60 * 60 * 24)\r\n            );\r\n\r\n            dayDifferences[product] = {\r\n              daysDifference,\r\n              volume,\r\n            };\r\n          });\r\n\r\n          if (\r\n            dayDifferences.PMS &&\r\n            dayDifferences.PMS.daysDifference > 30 &&\r\n            dayDifferences.PMS.volume == 0\r\n          ) {\r\n            // this.pmsCond = true;\r\n          }\r\n          if (\r\n            dayDifferences.AGO &&\r\n            dayDifferences.AGO.daysDifference > 30 &&\r\n            dayDifferences.AGO.volume == 0\r\n          ) {\r\n            // this.agoCond = true;\r\n          }\r\n          if (\r\n            dayDifferences.DPK &&\r\n            dayDifferences.DPK.daysDifference > 30 &&\r\n            dayDifferences.DPK.volume == 0\r\n          ) {\r\n            // this.dpkCond = true;\r\n          }\r\n          if (\r\n            dayDifferences.LPG &&\r\n            dayDifferences.LPG.daysDifference > 30 &&\r\n            dayDifferences.LPG.volume == 0 &&\r\n            this.prodCounts == 4\r\n          ) {\r\n            this.lpgCond = true;\r\n          }\r\n\r\n          // console.log(dayDifferences);\r\n          this.displayProductSummary(response.data);\r\n          this.showLoader = false;\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n    getSalesTarget() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Dashboard/RegionSalesTarget/${\r\n            this.$route.query.regionId\r\n              ? this.$route.query.regionId\r\n              : this.region.id\r\n          }?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          let productCount = 0;\r\n          if (response.data.length > 0) {\r\n            let pmssalesTarget = response.data.filter(\r\n              (prod) =>\r\n                prod.productName.toLowerCase() ==\r\n                this.countryProducts.productsLower.product1\r\n            );\r\n            if (pmssalesTarget.length) {\r\n              this.pmssalesTarget = pmssalesTarget[0].target;\r\n            }\r\n            let agosalesTarget = response.data.filter(\r\n              (prod) =>\r\n                prod.productName.toLowerCase() ==\r\n                this.countryProducts.productsLower.product2\r\n            );\r\n            if (agosalesTarget.length) {\r\n              this.agosalesTarget = agosalesTarget[0].target;\r\n            }\r\n            let dpksalesTarget = response.data.filter(\r\n              (prod) =>\r\n                prod.productName.toLowerCase() ==\r\n                this.countryProducts.productsLower.product3\r\n            );\r\n            if (dpksalesTarget.length) {\r\n              this.dpksalesTarget = dpksalesTarget[0].target;\r\n            }\r\n            let lpgsalesTarget = response.data.filter(\r\n              (prod) =>\r\n                prod.productName.toLowerCase() ==\r\n                this.countryProducts.productsLower.product4\r\n            );\r\n            if (lpgsalesTarget.length) {\r\n              this.lpgsalesTarget = lpgsalesTarget[0].target;\r\n            }\r\n\r\n            let ps = parseFloat(\r\n              this.decimalThousand((this.pmsSale / this.pmssalesTarget) * 100)\r\n            );\r\n            this.pmsGuageOptions.series[0].data[0].y = ps;\r\n\r\n            let as = parseFloat(\r\n              this.decimalThousand((this.agoSale / this.agosalesTarget) * 100)\r\n            );\r\n            this.agoGuageOptions.series[0].data[0].y = as;\r\n\r\n            let ds = parseFloat(\r\n              this.decimalThousand((this.dpkSale / this.dpksalesTarget) * 100)\r\n            );\r\n            this.dpkGuageOptions.series[0].data[0].y = ds;\r\n\r\n            let ls = parseFloat(\r\n              this.decimalThousand((this.lpgSale / this.lpgsalesTarget) * 100)\r\n            );\r\n            this.dpkGuageOptions.series[0].data[0].y = ls;\r\n          }\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    getPumpCount() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/RegionalManagers/PumpCount/${\r\n            this.$route.query.regionId\r\n              ? this.$route.query.regionId\r\n              : this.region.id\r\n          }?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.pumpCount = response.data.pumpCount;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    getTanksFilled() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Dashboard/RegionTanksFilled/${\r\n            this.$route.query.regionId\r\n              ? this.$route.query.regionId\r\n              : this.region.id\r\n          }?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.tanksFilled = response.data;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    getTankStock() {\r\n      this.showLoader = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Dashboard/RegionTankStock/${\r\n            this.$route.query.regionId\r\n              ? this.$route.query.regionId\r\n              : this.region.id\r\n          }?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.tankStockSummary(response.data);\r\n          this.showLoader = false;\r\n          const groups = response.data.reduce((groups, sales) => {\r\n            const branchName = sales.branchName;\r\n            if (!groups[branchName]) {\r\n              groups[branchName] = [];\r\n            }\r\n            groups[branchName].push(sales);\r\n            return groups;\r\n          }, {});\r\n        })\r\n        .catch((error) => {\r\n          this.showLoader = false;\r\n        });\r\n    },\r\n    getOfflinePmps() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/RegionalManagers/OfflinePumpCount/${\r\n            this.$route.query.regionId\r\n              ? this.$route.query.regionId\r\n              : this.region.id\r\n          }?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.offlinePumps = response.data.offline;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    getPaymentChannelsData() {\r\n      this.loadingNT = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Dashboard/RegionPaymentChannel/${\r\n            this.$route.query.regionId\r\n              ? this.$route.query.regionId\r\n              : this.region.id\r\n          }?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.loadingNT = false;\r\n          // console.log(response);\r\n          this.pcbankDeposit = this.convertThousand(response.data.bankDeposit);\r\n          this.pccash = this.convertThousand(response.data.cash);\r\n          this.pccurrency = response.data.currency;\r\n          this.pcesales = this.convertThousand(response.data.esales);\r\n          this.pcretainership = this.convertThousand(\r\n            response.data.retainership\r\n          );\r\n          this.pcoutstandingCash = this.convertThousand(\r\n            response.data.outstandingCash\r\n          );\r\n          this.pcposSales = this.convertThousand(response.data.posSales);\r\n        })\r\n        .catch((error) => {\r\n          this.loadingNT = true;\r\n        });\r\n    },\r\n    getRevenueData() {\r\n      this.loadingNT2 = true;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Dashboard/RegionRevenue/${\r\n            this.$route.query.regionId\r\n              ? this.$route.query.regionId\r\n              : this.region.id\r\n          }?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.loadingNT2 = false;\r\n          // console.log(response.data);\r\n          this.pcbalance = response.data.balance;\r\n          this.pccurrency2 = response.data.currency;\r\n          this.pcdryStock = response.data.dryStock;\r\n          this.pcexpenses = response.data.expenses;\r\n          this.pcwetStock = response.data.wetStock;\r\n          this.pcrtt = response.data.rtt;\r\n        })\r\n        .catch((error) => {\r\n          this.loadingNT2 = true;\r\n        });\r\n    },\r\n    getDeviceNotPushing() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/RegionalManagers/DeviceNotPushingCount/${\r\n            this.$route.query.regionId\r\n              ? this.$route.query.regionId\r\n              : this.region.id\r\n          }?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          this.deviceNotPushing = response.data.faultyPumps;\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    openModal() {\r\n      this.$modal.show(\"companyDomain\");\r\n    },\r\n\r\n    getLowTanks() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Dashboard/RegionTanksProjection/${\r\n            this.$route.query.regionId\r\n              ? this.$route.query.regionId\r\n              : this.region.id\r\n          }`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          response.data.forEach((element) => {\r\n            element.lastDate = this.timeSince(new Date(element.lastDate));\r\n            element.branchName = `${element.branchName}`;\r\n            element.tankEmptyProjectionDate = new Date(\r\n              element.tankEmptyProjectionDate\r\n            ).toDateString();\r\n            element.nextTwoDaysTankVolume =\r\n              element.nextTwoDaysTankVolume.toLocaleString();\r\n\r\n            let percent;\r\n            if (\r\n              element.currentVolume <= 0 ||\r\n              element.maxCapacity <= 0 ||\r\n              element.currentVolume == null ||\r\n              element.maxCapacity == null\r\n            ) {\r\n              element.percent = 0;\r\n              element.height = 147;\r\n            } else {\r\n              percent = (element.currentVolume * 100) / element.maxCapacity;\r\n              element.percent = percent.toFixed(1);\r\n              element.height = parseInt(\r\n                150 - (element.currentVolume / element.maxCapacity) * 140\r\n              );\r\n            }\r\n\r\n            if (percent <= 30) {\r\n              element.color = \"red\";\r\n            }\r\n            if (percent > 50) {\r\n              element.color = \"green\";\r\n            }\r\n            if (percent > 30 && percent <= 50) {\r\n              element.color = \"blue\";\r\n            }\r\n          });\r\n          response.data.sort(function (a, b) {\r\n            return a.height - b.height;\r\n          });\r\n          this.lowTanks = response.data.filter((tank) => tank.maxCapacity > 0);\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n\r\n    timeSince(date) {\r\n      var seconds = Math.floor((new Date() - date) / 1000);\r\n\r\n      var interval = Math.floor(seconds / 31536000);\r\n\r\n      if (interval > 1) {\r\n        return interval + \" years\";\r\n      }\r\n      interval = Math.floor(seconds / 2592000);\r\n      if (interval > 1) {\r\n        return interval + \" months\";\r\n      }\r\n      interval = Math.floor(seconds / 86400);\r\n      if (interval > 1) {\r\n        return interval + \" days\";\r\n      }\r\n      interval = Math.floor(seconds / 3600);\r\n      if (interval > 1) {\r\n        return interval + \" hours\";\r\n      }\r\n      interval = Math.floor(seconds / 60);\r\n      if (interval > 1) {\r\n        return interval + \" minutes\";\r\n      }\r\n      return Math.floor(seconds) + \" seconds\";\r\n    },\r\n    getHistoryChartsData() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Dashboard/RegionFiveDaySale/${\r\n            this.$route.query.regionId\r\n              ? this.$route.query.regionId\r\n              : this.region.id\r\n          }?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          response.data.forEach((el) => {\r\n            if (\r\n              el.product.toLowerCase() ===\r\n              this.countryProducts.productsLower.product4\r\n            ) {\r\n              this.availableProducts.push(\r\n                this.countryProducts.productsLower.product4\r\n              );\r\n              this.hasLpg = true;\r\n            } else if (\r\n              el.product.toLowerCase() ===\r\n              this.countryProducts.productsLower.product1\r\n            ) {\r\n              this.availableProducts.push(\r\n                this.countryProducts.productsLower.product1\r\n              );\r\n              this.hasPms = true;\r\n            } else if (\r\n              el.product.toLowerCase() ===\r\n              this.countryProducts.productsLower.product2\r\n            ) {\r\n              this.availableProducts.push(\r\n                this.countryProducts.productsLower.product2\r\n              );\r\n              this.hasAgo = true;\r\n            } else if (\r\n              el.product.toLowerCase() ===\r\n              this.countryProducts.productsLower.product3\r\n            ) {\r\n              this.availableProducts.push(\r\n                this.countryProducts.productsLower.product3\r\n              );\r\n              this.hasDpk = true;\r\n            }\r\n          });\r\n          let uniqueList = [...new Set(this.availableProducts)];\r\n          this.availableProducts = uniqueList;\r\n          let productsLength = this.availableProducts.length;\r\n          let targetsColNum = productsLength == 4 ? 3 : 4;\r\n          this.salesTargetCount = `col-lg-${targetsColNum}`;\r\n          this.getting = false;\r\n          this.paintSplineData(response.data);\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    getCompanyBranchSales() {\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Dashboard/RegionBranchSales/${\r\n            this.$route.query.regionId\r\n              ? this.$route.query.regionId\r\n              : this.region.id\r\n          }?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          response.data.sort((a, b) => {\r\n            var x = a.branchName.toLowerCase();\r\n            var y = b.branchName.toLowerCase();\r\n            if (x < y) {\r\n              return -1;\r\n            }\r\n            if (x > y) {\r\n              return 1;\r\n            }\r\n            return 0;\r\n          });\r\n          const groups = response.data.reduce((groups, sales) => {\r\n            const branchName = sales.branchName;\r\n            if (!groups[branchName]) {\r\n              groups[branchName] = [];\r\n            }\r\n            groups[branchName].push(sales);\r\n            return groups;\r\n          }, {});\r\n          let count = 0;\r\n\r\n          const groupArrays = Object.keys(groups).map((branchName) => {\r\n            const pmsV = groups[branchName].filter(\r\n              (sl) =>\r\n                sl.productName.toLowerCase() ==\r\n                this.countryProducts.productsLower.product1\r\n            );\r\n            const agoV = groups[branchName].filter(\r\n              (sl) =>\r\n                sl.productName.toLowerCase() ==\r\n                this.countryProducts.productsLower.product2\r\n            );\r\n            const dpkV = groups[branchName].filter(\r\n              (sl) =>\r\n                sl.productName.toLowerCase() ==\r\n                this.countryProducts.productsLower.product3\r\n            );\r\n            const lpgV = groups[branchName].filter(\r\n              (sl) =>\r\n                sl.productName.toLowerCase() ==\r\n                this.countryProducts.productsLower.product4\r\n            );\r\n\r\n            return {\r\n              index: ++count,\r\n              branchName,\r\n              region: groups[branchName][0].region,\r\n              state: groups[branchName][0].state,\r\n              pmsVolume: pmsV.length ? pmsV[0].volumeSold : \"\",\r\n              pmsAmount: pmsV.length ? pmsV[0].amountSold : \"\",\r\n              agoVolume: agoV.length ? agoV[0].volumeSold : \"\",\r\n              agoAmount: agoV.length ? agoV[0].amountSold : \"\",\r\n              dpkVolume: dpkV.length ? dpkV[0].volumeSold : \"\",\r\n              dpkAmount: dpkV.length ? dpkV[0].amountSold : \"\",\r\n              lpgVolume: lpgV.length ? lpgV[0].volumeSold : \"\",\r\n              lpgAmount: lpgV.length ? lpgV[0].amountSold : \"\",\r\n              totalAmount: groups[branchName].reduce((acc, currValue) => {\r\n                return acc + currValue.amountSold;\r\n              }, 0),\r\n            };\r\n          });\r\n          this.$refs.dataGrid.ej2Instances.setProperties({\r\n            dataSource: groupArrays,\r\n          });\r\n          this.refreshGrid();\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    // getTransactionCount() {\r\n    //   this.axios\r\n    //     .get(\r\n    //       `${configObject.apiBaseUrl}/Report/Company/ProductSalesCount/${\r\n    //         this.$route.query.companyId\r\n    //           ? this.$route.query.companyId\r\n    //           : this.company.id\r\n    //       }?startDate=${this.startDate}&endDate=${this.endDate}`,\r\n    //       configObject.authConfig()\r\n    //     )\r\n    //     .then((res) => {\r\n    //       let branchSale = res.data.map((item) => {\r\n    //         return (\r\n    //           item.dpKcount + item.pmScount + item.lpGcount + item.agOcount\r\n    //         );\r\n    //       });\r\n    //       this.transaction_count = branchSale.reduce(\r\n    //         (prev, cur) => prev + cur,\r\n    //         0\r\n    //       );\r\n    //     })\r\n    //     .catch((error) => {});\r\n    // },\r\n    paintSplineData(splineData) {\r\n      if (splineData.length > 0) {\r\n        //PMS\r\n        let pms = splineData.filter(\r\n          (trans) =>\r\n            trans.product.toLowerCase() ===\r\n            this.countryProducts.productsLower.product1\r\n        );\r\n        let pmsValueArray = [];\r\n        pms.forEach((element) => {\r\n          pmsValueArray.push(element.volume);\r\n        });\r\n        const label = pms.map((cur) =>\r\n          cur.date.split(\"T\")[0].split(\"-\").reverse().join(\"-\")\r\n        );\r\n        let length = pmsValueArray.length;\r\n        let curr = pmsValueArray[length - 1];\r\n        let prev = pmsValueArray[length - 2];\r\n        this.pmsRate = parseFloat(((curr - prev) / prev) * 100).toFixed(1);\r\n        this.pmsRate = !isFinite(this.pmsRate) ? 0.0 : this.pmsRate;\r\n        if (this.pmsRate < 0) {\r\n          this.pmsUp = false;\r\n          this.pmsRateColor = \"red\";\r\n        } else {\r\n          this.pmsUp = true;\r\n          this.pmsRateColor = \"green\";\r\n        }\r\n        this.pmsRate = Math.abs(this.pmsRate);\r\n        let pmsSeries = new Array({ name: \"\", data: pmsValueArray });\r\n        this.pmsSplineOption.series = pmsSeries;\r\n        this.pmsSplineOption.series[0].color = \"#d8991c\";\r\n        this.pmsSplineOption.xAxis.categories = label;\r\n\r\n        //AGO\r\n        let ago = splineData.filter(\r\n          (trans) =>\r\n            trans.product.toLowerCase() ===\r\n            this.countryProducts.productsLower.product2\r\n        );\r\n        let agoValueArray = [];\r\n        ago.forEach((element) => {\r\n          agoValueArray.push(element.volume);\r\n        });\r\n        length = pmsValueArray.length;\r\n        curr = agoValueArray[length - 1];\r\n        prev = agoValueArray[length - 2];\r\n        this.agoRate = parseFloat(((curr - prev) / prev) * 100).toFixed(1);\r\n        this.agoRate = !isFinite(this.agoRate) ? 0.0 : this.agoRate;\r\n        if (this.agoRate < 0) {\r\n          this.agoUp = false;\r\n          this.agoRateColor = \"red\";\r\n        } else {\r\n          this.agoUp = true;\r\n          this.agoRateColor = \"green\";\r\n        }\r\n        this.agoRate = Math.abs(this.agoRate);\r\n        let agoSeries = new Array({ name: \"\", data: agoValueArray });\r\n        this.agoSplineOption.series = agoSeries;\r\n        this.agoSplineOption.series[0].color = \"#0fce29\";\r\n        this.agoSplineOption.xAxis.categories = label;\r\n\r\n        //DPK\r\n        let dpk = splineData.filter(\r\n          (trans) =>\r\n            trans.product.toLowerCase() ===\r\n            this.countryProducts.productsLower.product3\r\n        );\r\n        let dpkValueArray = [];\r\n        dpk.forEach((element) => {\r\n          dpkValueArray.push(element.volume);\r\n        });\r\n        curr = dpkValueArray[length - 1];\r\n        prev = dpkValueArray[length - 2];\r\n        this.dpkRate = parseFloat(((curr - prev) / prev) * 100).toFixed(1);\r\n        this.dpkRate = !isFinite(this.dpkRate) ? 0.0 : this.dpkRate;\r\n        if (this.dpkRate < 0) {\r\n          this.dpkUp = false;\r\n          this.dpkRateColor = \"red\";\r\n        } else {\r\n          this.dpkUp = true;\r\n          this.dpkRateColor = \"green\";\r\n        }\r\n        this.dpkRate = Math.abs(this.dpkRate);\r\n        let dpkSeries = new Array({ name: \"\", data: dpkValueArray });\r\n        this.dpkSplineOption.series = dpkSeries;\r\n        this.dpkSplineOption.series[0].color = \"#00aced\";\r\n        this.dpkSplineOption.xAxis.categories = label;\r\n\r\n        //LPG\r\n        let lpg = splineData.filter(\r\n          (trans) =>\r\n            trans.product.toLowerCase() ===\r\n            this.countryProducts.productsLower.product4\r\n        );\r\n        let lpgValueArray = [];\r\n        lpg.forEach((element) => {\r\n          lpgValueArray.push(element.volume);\r\n        });\r\n        length = pmsValueArray.length;\r\n        curr = lpgValueArray[length - 1];\r\n        prev = lpgValueArray[length - 2];\r\n        this.lpgRate = parseFloat(((curr - prev) / prev) * 100).toFixed(1);\r\n        this.lpgRate = !isFinite(this.lpgRate) ? 0.0 : this.lpgRate;\r\n        if (this.lpgRate < 0) {\r\n          this.lpgUp = false;\r\n          this.lpgRateColor = \"red\";\r\n        } else {\r\n          this.lpgUp = true;\r\n          this.lpgRateColor = \"green\";\r\n        }\r\n        this.lpgRate = Math.abs(this.lpgRate);\r\n        let lpgSeries = new Array({ name: \"\", data: lpgValueArray });\r\n        this.lpgSplineOption.series = lpgSeries;\r\n        this.lpgSplineOption.series[0].color = \"#80008026\";\r\n        this.lpgSplineOption.xAxis.categories = label;\r\n\r\n        //TOTAL\r\n        const groups = splineData.reduce((groups, product) => {\r\n          const date = product.date.split(\"T\")[0];\r\n          if (!groups[date]) {\r\n            groups[date] = [];\r\n          }\r\n          groups[date].push(product);\r\n          return groups;\r\n        }, {});\r\n\r\n        const groupArrays = Object.keys(groups).map((date) => {\r\n          return {\r\n            date,\r\n            volume: groups[date].reduce((acc, currValue) => {\r\n              return acc + currValue.volume;\r\n            }, 0),\r\n          };\r\n        });\r\n\r\n        let totalValueArray = [];\r\n        groupArrays.forEach((element) => {\r\n          totalValueArray.push(element.volume);\r\n        });\r\n        length = totalValueArray.length;\r\n        curr = totalValueArray[length - 1];\r\n        prev = totalValueArray[length - 2];\r\n        this.totalRate = parseFloat(((curr - prev) / prev) * 100).toFixed(1);\r\n        this.totalRate = !isFinite(this.totalRate) ? 0.0 : this.totalRate;\r\n        if (this.totalRate < 0) {\r\n          this.totalUp = false;\r\n          this.totalRateColor = \"red\";\r\n        } else {\r\n          this.totalUp = true;\r\n          this.totalRateColor = \"green\";\r\n        }\r\n        this.totalRate = Math.abs(this.totalRate);\r\n        let totalSeries = new Array({ name: \"\", data: totalValueArray });\r\n        this.totalSplineOption.series = totalSeries;\r\n        this.totalSplineOption.series[0].color = \"#ff7c71\";\r\n        this.totalSplineOption.xAxis.categories = label;\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    toggleShowAll(event) {\r\n      if (this.showAll === true) {\r\n        this.showAll = false;\r\n        event.target.innerHTML = \"Show All\";\r\n      } else {\r\n        this.showAll = true;\r\n        event.target.innerHTML = \"Show Less\";\r\n      }\r\n    },\r\n    decimalThousand(number) {\r\n      if (!isFinite(number)) {\r\n        return \"0.00\";\r\n      }\r\n      return number\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\r\n<style scoped>\r\n.date-picker {\r\n  width: 98%;\r\n  margin: auto;\r\n}\r\n.drop_down_div {\r\n  width: 28%;\r\n}\r\n.loading {\r\n  width: 100% !important;\r\n  border-radius: 10px;\r\n}\r\n\r\n.arrowpics:hover {\r\n  width: 50px;\r\n}\r\n\r\n.arrow-div-left {\r\n  top: 200px;\r\n  cursor: pointer;\r\n  display: none;\r\n}\r\n.arrow-div-right {\r\n  top: 200px;\r\n  right: 20px;\r\n  cursor: pointer;\r\n  display: none;\r\n}\r\n\r\n@media screen and (min-width: 780px) {\r\n  .scoll-pane {\r\n    display: flex;\r\n    flex-wrap: nowrap;\r\n    width: 100%;\r\n    height: auto;\r\n    overflow: auto;\r\n    outline: none;\r\n    overflow-y: hidden;\r\n    -ms-overflow-style: scroll;\r\n    scrollbar-width: none;\r\n  }\r\n\r\n  .scoll-pane::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  .arrow-div-left,\r\n  .arrow-div-right {\r\n    display: block !important;\r\n  }\r\n}\r\n@media only screen and (max-width: 500px) {\r\n  .drop_down_div {\r\n    width: 54%;\r\n  }\r\n}\r\n@media only screen and (min-width: 750px) {\r\n  .highMt {\r\n    margin-top: 170px;\r\n  }\r\n  .mobMarg {\r\n    margin-top: 20px;\r\n  }\r\n}\r\n</style>\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=4ef76c3e&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=4ef76c3e&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4ef76c3e\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/arrowUp.6fba79f9.svg\";","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAM/SURBVHgBlVY9aFNRFD735a9NG5O0iAShZtDNYnFwKhpBUKiDmyKCHbpYBzu2gzTFQcHFRV2E6lJx0Q7t4NREnBShtJsiDaJGW9qX/pomee96vpvc+PLTl/jBzbt5593vO+e7P+8JahPZrBnX/Vgsmml3nDgosLJiRg4FjTtSyoQQIlEf5/spW8oXFlHKTbCpwPrvzUmOjJGkiHpICDI8Ql0Bq2RDwDkk2XskPNVSADb4hJjWGfs7fBTg5vN7GwYWCyXazxepwK2CTMG2z9dXI5zkfsNY4G7c4zWoK9RJXp+HWsGybNo2d8m2ZVMRQ3eQuSY/FO1qixzweAwK93Tr5+MB4Zl2xpXAatYchi2GUSbXXjfD9uYfyn7bqLknDEGhcJCQnBQysfbTHKt5gCd1hZssFkvSDVu5PXlj8KG80DchPy99b4gX9osSPNxMk1ehqgDZozQfl+j1elwzH738mL4s/6jpO4HFULEqUgrQsBLg6q6g4+/wt0Xudg/o7ApUbDMSSoA7x9Dx+j2u5L/qfAdO9B9VMeecaBd4Gk8pAd5MA+hgNbhl/mTuNr1ZuktD18+o2LmhfkV89dZZivX1VMdgwrEpGfGyAH7qyDHw1dN0TeYQA9HYfeUopeeXWeRkDXkzGLzVcjZvFie6w500N/NREZwePK7u3Rt9SfMzH1j4nfp/jTOH6KOJ2QZS6aDDGZDhNmBbUpdWxTyLaH9xhYgmh/+I65iuBMninGKmRVWBtO00Ovv5QpU4xBXAc1RSD5B/ev9VVTMyfpFe87w4beK9VK5CCCUg1rImdvAC5iHS211DBp+fPXhbXYoghGXIPtREHMitbxPcsPlMOhyLprz42VjdSnFpifxegTqC//YDiDEPAK4j45fIDXAB5GxPBryqAvzoKnAGhaJB1x19EOD95sau8l9nj/tqfVb+TCG4wyujVLL+h5tKRYu2cmVysmlKkzeAD6lk5bCSezt52QqcqXqOLdaH3PN6TtFMhC+TqjyeeByCgU6/6uMUV0myHXijYc6qr07OvDcWTrYUAEx+u1mGkeTgTWoBFkhzSx5ki3AbDCGbT1vegvxlIeP6I4DXyaIgO1WQNNvqE+YvIvgBYUNkFJgAAAAASUVORK5CYII=\"","module.exports = __webpack_public_path__ + \"img/arrowDown.d610b50e.svg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAyCAYAAAA5kQlZAAAABHNCSVQICAgIfAhkiAAAA9NJREFUWEe9WItVFEEQ7IpAiECIQIhAiUCJQIlAjUCIQIlAiUCMQIhAjEDIACIoX92bXvv6dndmFs557x6Pvb2Zmu7q6g/sEYvkgZl9L1scAbhduh2W/lC/I/nTzF6VPa4AHC3dbzEQkh/M7HM6+ATAtyVgFgEhuWdmv8xsJx16b2b7APS3ay0FEl1yVgC9LydfAjjuQmFm3UBIvjOzr+Wg3wAOSMoyN2b2vDw/BnDZA6YLSDnwT3CJIuWqEFeklaW0FD2HPS7qBSIivi2HnQMQYYdFUlZ4XR6cAThttUozEJLxxg9mtpdvXCwmazwrAGQVuay6eoAoSiRgWpNhmsK6WVuagKTNrwG4iI3elKSs8KIGOv64CmSEoFVzJzc2EbcFyBczc43YIOiU80lGYleJOwukKKjCVWuUoDNApL5ykRNXijuZFGtAooJ25xGSCt9PBewFAInh6JoEkvx8B0A37F4kZQVX3EEA80ZzQGK4Tm5QQ5ZSwmQ4jwJJP66GawOYGM6jl5oCIoK6KxZbwwEmN49aZQNIssYswWqWiN+TVHJ8WZ5tZOcxINEasyHXCSTmqg2rrAHZljWCi6JV1lyegWzFGi1cGYAkQj06UmYUN1plyFsRSCxqHh0pM0BiqTkEwwpIyimLVbSVvEltd1VgOZCYE7pzSiuAwJV43kcAXxxIJOkKYe/mPe8nD9wAOER6+APAm55Nl76bqrh9AYmt49bdEtyzfm5qAbbulgBEhbgyvNaFLDKkewAxnJUXFEGLRw01t5FkeedaQP79U6rz4K57ALu1DZd+H3hyPwUkhtc2xc1V9k5AvGi5BbBfBO5/AVlzzaD9zpGUd5pbiF4XZY7E/mNIQiQlamoFBkv1HjT3Pknplc/fzuSa+GC4fWqQVjL8xEBi43bkEu++ijxRzerNlawj0jZ19i2ASXpaeQCw40BiCTCoK8mI+snAJDVflQIOJKrcGieS8grMKYDzlluPvTPS1K/q4qikkbTfAJyUUNZ8TN/5JEiPpbayoiJO4DRLa8rYJDV/89Zz4GQEkpvmtQSY+th8WYFQxM2mg7THWlOfi+dY8uuwDEZgJXaKNO/yHdTs3ISkmnGfqQnEq0j+WoOlQ+QWhe+a6YvoCZg+4tXoxLlwQhPqOAnYKDdael/nhEh60UNSkppAKvLihHq05qmNJUTI6AInqUJuVFNIqnyQ6/SJo4wNd8RL1QY1zgmfrY6R1AFJAvJs3t9XuMuik5FVnaGVEBYgmVhkziSd8pYsIIsKQLW4agISTyq5SYB85ipX6FC3jP6qye6axf8FCE0pItBeZ0YAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMaSURBVHgBxVU9TFNRFD739gcQsRRRgySmJMokQhx0MYKTJizExQQHwbCog7IQnNAwqBMbi39d/NnARBKcpMbJQZrgpglqQkih9PWVUmhf3zuec9tX+vNaMDHxS9r33r33fd853z33PAE1sL6q9QmEAeESvULKgABoRgRAtMIAIoxZ611ru38W/hZMvBHRl/VYEre30mhmTSxGlp53UmnkeV63tqoN7Zt8Y02f0tY3MZM2cD9gIW09geq9Za25JnksEp9h8mxZxHuB17NILKIvVhWxI98v+dNH85iIpypENtYSLyvI2UPyktLN1CS1Cd9Oh/C87x6ODT4vmWdbmSe6og3Y3JL/XFJOSCmhrsFT1b5njz/A1TOTsPo7BlP3Z9RYaG4J5l5/KazxeN3g9rhAuOVUQYArhq6Bhsa6quTfl1ZIYB4O+hrg6+cfJXOfSKQY+SADeV6QVNtDKguPdCTniMeuvyjcs0gxzl44WfLs9eZcIEdu8NUtXLIb6PC43S5HgcnbbxTxbsTf4MmrmypyJu8fPFeyXlDIQgg6jNinBIi8R7qco2d/yy2xxzq72uFif5fje4Lo0ISAyoT/LNNyXBiiaJ3AGfEGL5aJ28AiOgkC4jkRhH8BDhZxl0uihTrfUA1XLO7sOl6T7BTZVA7DyKorFU9YCVBCqhsaDgLXbvVC24kWJ24YGb/sOJfeyQmgEDkByiYnYJgVWTRRSU6/v0ObebpkjMlHxq84kGcgm8kLmGYonwk3OX2ZXAtweflaGsGpqjb1bUjSj89BU9lZYLD3ifiW2ksi/dlyzNehMlCTYI0qVUqH+o1jVTEpW7IXuXq2rIf2nLBvohE9SA/q9HEG3Drq6qv3JhtZsjaZSO1WoRDBw0cPDVcIaJrWjIb8SEn02GMuOt31B7zgoQZWbJtlIWR2DDDIbyPveZ4sLFLWJX+HP14hYIuYhnxA3+G7DsEqESrrkjovEEkxK5LmcDF5hYCNKH0fqFlN8MbDHqC6iNMejLa2+YOO87Vejkb4wyEHqHWRbaK7MIH4C1EsIFjBI23+Bfif+AOLXF6MrAD/IgAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAABRCAYAAADvjue0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADUSURBVHgB7ZO7CsIwFIZjsmopgqhDsU7i1jfpK9g3sKObm6M+gNDFB2gXVx29UPAGXhYDOmiLNl5GS20riFSCm6DkGwLJ+UhySH4AItTqWvV1DsEHmPA1IRYM/gOJxYKo8VxCcl2Xx9u9blkHtaIqOCz2hhPHixCsBTXQbBm6R0FvdzswL2Rk2vk8F5cgQojQhJt/H0jO1xFNwJudAefLtTIwZ2+79M0pse1j+dlmOpVs5ISsjBAkzukyXqxwKWwzCvu0TPh5gaWbpZsJ/yqwdD/SfQfG8kzRIcYV2gAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANpSURBVHgBxVZPTxNBFH8zu21pKbQrghYTUhLxBJGYmHgwFs+c/ATgJ4De9KQ96bEfwEP5AsqFkwcL4QwonBRDJZqCIW6hpf8743vT3XW7bflz8pdsdmY6+37vvfm9N2VwAQ4OzGg4CIsMWIIxmAVgcfUDg4IUcgeE/NxgkI7FjFw/G6yf4eEQX8Jfl0FC1NnM2tullN5PMnUhUr2IugjyeTPu5/wDDmdp7gvoEBjwgc+vOwSEZqMF9VoD6tUGCNEmFC2RHB030n0JLOOfcBjXfRoMDgdB0zhchnKpCtVy3Z6+HrkVSXURuI370etwJATXAUVzflZV6eOMLRpjwyu07rjnQ2YyTqm4rnGCP+CDUDigxkLKtInn6BCQ94zzBc45hIYGOj7c2tyHR9Gk8+QP//QlCQT96kFEmwMoELBSdJI3M0QQDPkhGP5HsL62Cxtre1A6LcPUzB34tvtLvRPzM+rdCyhfME+KNCzwspjUFQvnCRVmm90BGSyeVuDo0MR3VXkfjgSReE+9CbGJGx3fMM6ABIIqi7ZCMKf9/mnOco290HQNgoOBLgKKYPphHIbQIBnb2vyuxumXq/Dx/bYa3/NEQ2XSqDdpcKwzrV1ISNIVLnn5ZH5apcRGbMLASEy13g8aRqCiYTyiM24RsN56J+8ePL7rzClNRHAV4HlM6lJAgV1QS5QS75wio/SRwtzkXWCsoOMp5wSOm81Wzz3k8bu3+yqSr2g0rHI+rg4/0SdNrYZtS+S4QQ0Ku2MLCbxNjA7V1n0RpVpCozbIc6+CbDQbTSsCyKrkSCFUWbv6iQMySo+d9yNLqhtrX1SdeEmw4WHbaBNoZciqOkDHV7FRLhHBABabu2vaUbijIVUl3zzr6X3lvGZ5zzLGpFFQBKMxI3tyfLqCTAulswpqu92LqFqnMN/0tMkMZ70XqOHVsH2jeznWaqXaWbJgmmZU1vk2nkKcCs5bdJeB7odioazOEVP+/GbMyNC6I1DDMApMiKfETmEWzXOVz6uA9p/hfiUSASnbeEcETiTYWSXeCxQJzek2ow6p6bzjbOgWq1XqShiO+iQkR25H+t9oDgmmS9Q5tdtX7nVu3W7UMd2SxvG6xuWyMWbseG31JHBHgyUzh64vcs7uS+sPAKN/FVL+kJJlpRSrJBL4X/gLxzCV9U/HO6YAAAAASUVORK5CYII=\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('modal',{staticClass:\"editCreditLimit\",attrs:{\"name\":\"companyDomain\",\"transition\":\"pop-out\",\"width\":_vm.modalWidth,\"height\":400}},[_c('div',{staticClass:\"text-center py-5\"},[_c('h4',[_vm._v(_vm._s(_vm.$t(\"text.companyDomain.updateCompanyDomain\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"sign_up_form_section\"},[_c('form',[_c('div',{staticClass:\"row justify-content-center\"},[_c('div',{staticClass:\"col-md-7\"},[_c('div',{ref:\"cd_div\",staticClass:\"price_change_input_wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.companyDomain),expression:\"companyDomain\"}],attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.companyDomain.title')},domProps:{\"value\":(_vm.companyDomain)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing){ return; }_vm.companyDomain=$event.target.value}}})]),_vm._v(\" \"),_c('div',{ref:\"cdr\"})])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-5\"},[_c('button',{staticClass:\"show_more_button remove_text_decoration\",style:([\n            _vm.isButtonDisabled\n              ? { cursor: 'not-allowed' }\n              : { cursor: 'pointer' } ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.updateCompanyDomain($event)}}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"text.companyDomain.update\"))+\" \"),_c('span')]),_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  <modal\r\n    class=\"editCreditLimit\"\r\n    name=\"companyDomain\"\r\n    transition=\"pop-out\"\r\n    :width=\"modalWidth\"\r\n    :height=\"400\"\r\n  >\r\n    <div class=\"text-center py-5\">\r\n      <h4>{{ $t(\"text.companyDomain.updateCompanyDomain\") }}</h4>\r\n    </div>\r\n    <div class=\"sign_up_form_section\">\r\n      <form>\r\n        <div class=\"row justify-content-center\">\r\n          <div class=\"col-md-7\">\r\n            <div class=\"price_change_input_wrapper\" ref=\"cd_div\">\r\n              <input\r\n                type=\"text\"\r\n                v-model=\"companyDomain\"\r\n                :placeholder=\"$t('text.companyDomain.title')\"\r\n                @blur=\"captureFormEvents($event)\"\r\n              />\r\n            </div>\r\n            <div ref=\"cdr\"></div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"text-center mt-5\">\r\n          <button\r\n            class=\"show_more_button remove_text_decoration\"\r\n            @click=\"updateCompanyDomain($event)\"\r\n            :disabled=\"isButtonDisabled ? true : null\"\r\n            :style=\"[\r\n              isButtonDisabled\r\n                ? { cursor: 'not-allowed' }\r\n                : { cursor: 'pointer' },\r\n            ]\"\r\n          >\r\n            {{ $t(\"text.companyDomain.update\") }} <span></span>\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      </form>\r\n    </div>\r\n  </modal>\r\n</template>\r\n<script>\r\nimport configObject from \"@/config\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nconst MODAL_WIDTH = 656;\r\n\r\nexport default {\r\n  name: \"companyDomain\",\r\n  props: [],\r\n  data() {\r\n    return {\r\n      modalWidth: MODAL_WIDTH,\r\n      isButtonDisabled: false,\r\n      companyDomain: \"\",\r\n      company: localStorage.getItem(\"companyDetails\")\r\n        ? JSON.parse(localStorage.getItem(\"companyDetails\"))\r\n        : null,\r\n    };\r\n  },\r\n  created() {\r\n    this.modalWidth =\r\n      window.innerWidth < MODAL_WIDTH ? MODAL_WIDTH / 2 : MODAL_WIDTH;\r\n  },\r\n  methods: {\r\n    validEmail(email) {\r\n      if (/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(email)) {\r\n        return true;\r\n      }\r\n      return false;\r\n    },\r\n    captureFormEvents($event) {\r\n      if ($event.target.placeholder === this.$t(\"text.companyDomain.title\")) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.cdr.style.display = \"block\";\r\n          this.$refs.cdr.innerHTML = this.$t(\r\n            \"text.companyDomain.domainMissing\"\r\n          );\r\n          this.$refs.cd_div.style.border = \"1px solid red\";\r\n          this.$refs.cdr.style.color = \"red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.cdr.style.display = \"none\";\r\n          this.$refs.cdr.innerHTML = \"\";\r\n          this.$refs.cd_div.style.border = \"1px solid rgb(75, 44, 114)\";\r\n          this.formIsValid = true;\r\n        }\r\n      }\r\n    },\r\n    closeCompanyDoaminModal() {\r\n      this.$modal.hide(\"companyDomain\");\r\n    },\r\n    updateCompanyDomain($event) {\r\n      $event.preventDefault();\r\n      if (!this.companyDomain) {\r\n        this.$refs.cdr.style.display = \"block\";\r\n        this.$refs.cdr.innerHTML = this.$t(\"text.companyDomain.domainMissing\");\r\n        this.$refs.cd_div.style.border = \"1px solid red\";\r\n        this.$refs.cdr.style.color = \"red\";\r\n        this.formIsValid = false;\r\n        return;\r\n      } else {\r\n        this.$refs.cdr.style.display = \"none\";\r\n        this.$refs.cdr.innerHTML = \"\";\r\n        this.$refs.cd_div.style.border = \"1px solid rgb(75, 44, 114)\";\r\n        this.formIsValid = true;\r\n        this.isButtonDisabled = true;\r\n        $(\".loader\").show();\r\n\r\n        let data = {\r\n          emailDomain: this.companyDomain,\r\n        };\r\n\r\n        this.axios\r\n          .post(\r\n            `${configObject.apiBaseUrl}/Company/UpdateEmailDomain/${this.$route.query.companyId}`,\r\n            data,\r\n            configObject.authConfig()\r\n          )\r\n          .then(() => {\r\n            $(\".loader\").hide();\r\n            this.isButtonDisabled = false;\r\n            this.closeCompanyDoaminModal();\r\n            this.$toast.open({\r\n              message: this.$t(\"text.companyDomain.successfullyUpdated\"),\r\n              type: \"success\",\r\n              duration: 5000,\r\n            });\r\n            this.companyDomain = null;\r\n          })\r\n          .catch((error) => {\r\n            this.isButtonDisabled = false;\r\n            $(\".loader\").hide();\r\n          });\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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=6241d3b0&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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 = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOCSURBVHgBxVY9TBRBFH4zu3fHHcjd4u9pYjBRK1FiopWKVhZUthaKiZUWSmKhBVFCY2EiNtBoghZKB4UUVgJSaQIIHdHwE5RAhL3j4DjuZ8b3ZnfWXbgTrPySS97um3vf+968ebMM/oLpaTtRE4UWBqyJMWgEYPXKwSAlhRwHIb8WGHQmk9ZMpRisUuDaGL+H3vsgIeEtZs5yKeXWv/TkhWgvR7SNYGHBrg9z3odmIz2HIiZEqkIQCpseAaFYKEF+swD5XAGEcAhFSbTuP2x1ViRwg39Es94MGVBdGwXD4LATsms5yGXz+vHJ3oPx9m0E/uBhzLomHoN/AalZX82p8nHGWqwDta/pvZdeCJkpOJWiUvBMegMW5lbK+sKREMRqIsoWUnbauI8eAWXPOL/JOYfYnqptQV8+/QBDA5Nw4+IzuHa6Q9kdd95tI4tEw+qHSBSrsEE0gZs9bqYZqDkFoKADbz/Dmi/7V0h4suGwIiOfH7FqRwUme49UqGiYfZOS6bB7cP4sofn6ORgd+QbJo5b6ZdJZONFwRNm93UNKpQbjDKhBSEUpBpfZ0rzdaIT4mGEaEK+rDmRPQQmXmhtgGMvix9kLx2Fq8odSljxap541qKOos6QUL0xmOAeJG8EjQQGfP+pXdlsXqJr7cfvhVVT4RSVCBH0TbZ7PcBTgueFxzrhLwIL97pddCRRYqy0HHCfHuBSQKufcE4/CTtBJnMT9KAvGUqYJMCPQLhZLAR/VlMqgA2hbown3hZLIpE95SjRKBR1LzJgWDqjlpXSqVCwl6BTqeUNd0ts97G30wpzt2ToB8hPefHoQICgWiq4CGFSFl0KoY+2bJwo669GR76olqda63tqmNf5y4sDDseEQGFlNIKFfE/hHMUnven9XBXf6vs4jJjXka75+PpDUxvqmmz3rsY5Zf/b312K6Z3kxLVdT67ISfs4uy6mJ+Yr+zVxeUoyVxfS0jePHqZIL27YTMs/HMP/6KB73qHvkdwu6HzKprKoAlvzWvqTVQ++95rcsK8WEuIKMMyQzY6+reu4GtH4V16vyCmjXwQMKPCUoTeK9QEromW4zmpCGyQM3Gt1imxv54L5JaN17KF75RvNIsFwiz2ncPva/5+6kxRMaaAa0hwwu71sHrPGtscoS+NXgkbmMqbdwzs5I9wOA0VeFlLNSskEcaP37k9Yg/C/8BkLv4wzUbiCjAAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"img/Group 553.6613e262.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAM/SURBVHgBxVY7TFNhFD7/f2+f9HUtoK2JKYkySSQOTgZwcmDRycQFNC66AJtMSmIicaEbC0MZfDDBQqITYJwcDIZRE6rRNCB6W6Dv9v895/Zy08dtFRPDlzQ9/6PnO/95lkEHbG/rIZ8HxhmwYcZgEIDFjAMGaSnkJgj5scwgHoloyXY6WDvFAS+fwNNJkBCyLrPadSll808SJSFm7IhaCFIpPebkfBnFQVo7XCq43A5wOFWLgFApV6FULEOpUAYhaoSiKqZ6olq8LYGpfA3FmOpQoCvgAUXh8CfkDgtQyJWOlo/Dp4MzLQT1yp1otS/oheOAXpPdLxju44yNa72BRdq3zHMgMyknVxxXOcHpcoDX5zJkIWVcxzhaBGQ943yMcw5ev9tWwUEmDwuzb2Bp/m1bEpfHaXwQoYobEwRMF+2l9AQReLxO8PjcLYpJ6dL8hiETIudOwb2H12H09pUWEkxf0PcOSEzznOgzCH7uZLbxKxYM+xqCurG6BU8evLQUN4OInj2/CxcGzjbs7+tZI8skiJvq7jed0jGmqIptxgyNXoROsCOneBABMoyoTKkVEldaa254dACiaCUpuXz1PHza+o4J4DEsp9f1o+UkN0PBFCcwxoOccZOA2ef7K/T9wuxrQ56bXrHkOMqrL95DJ2A8+rgUkIb/BcbSqgqQFChXKlXbO/UB7B+IGi6q7Udt3UOolo90iWQti3YzOjU1rcff0G8Iqa+/oBPsSA4zOazsSi2LaEMKsYgBmaB+4ulyWRfnppc7FhZh6ukNuHV/2FpjwzOUE5QcrBvm/kjpI1jFa2R9qNtnvYKs//Duc0eCIcw0v+k2QnY/D0XssKgkEe4N3LH8sbeTSeBijNqz/x96EYEa3iGmNOpJMiGuaTgfrNxUnGKSDsr4vHy2CMcFFRZ1U4LA4aOZw8ci0DQtTaxEQgQHWO7kz78B3af2YEw6ATPdES1xdNZSvjp2VonxwKsxWtM0ow6pqLwhw2iKFfMlY9BYI1TCVPhMsP1Es0h0PSRKnNrto/p9bvYq6pj1cxnlDYXLSa1X22zWZUtQ/xosmRE0fZxzdkmafwAY/auQ8ouUbF1KsdIT0dbhpPAbw6RkDXzxWdQAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,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\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=4ef76c3e&prod&scoped=true&lang=css&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAABWpJREFUaEPNWd152kgUPVc4QW/rrSCCBpZUELyQ57AVGFewdgVmK7BdgUkFJs+L16SCkAZA6cB+k2KYu98dSVgSoz8jHOsRRppz7t+ce4ewx8dB9xB245PFGDDIIUJHtmPGnIjnStHE/Tn9sgsE2uXlvHfbzf4pg8+J6DBvHYNdVjhzf95OnoOldgJidavZuAbRQFsb/JkVJmmAztvegCw6JeBDAJzHC+/2pCqJ2gm07P5MQDHzd1bW0H38dx6Bct587ODx0XUxu9/8Zve7FmMCwm/PIVErgXazdwmivzV4f91NAH3zsWM1+Jt4ZOndDuOWduyuY/HBXEgoqBPX+29c1hO1EdAgcLAE40H5KycOXsA4YmngThJ46U/fpwGKdzRB5nv21630+1mEaiPQsntjAh2Dcbbwp5cJC0u8E66jhBYS7K+O0iDzvrF3Au1m/16HgLf63QDMJdA7MF8x0CWiP9Sa3sfzI/BS4MUsL5lI1OKBTXgAX5fetJveqG33OQ5KwiUNPnqnZfc02YU3LYWt1KKihIoIAPhn4U1H6fWtZm8uVgfzBERz5a2usmI8qmImD+3PA297A8uimywCYnFqqIkOo/AkNuWA/LchABy53nRWZLx6PcB8tfBvT7M21UQsHhHhkynZkwRWLdebuS9EID/5dAiB7hb+9EwkBggXWd7SxQDAwp/mSpCIWC0e0JYL41xh23JRhYpb07RO5IWEIjO+LP2pliJFT20E2nZfkvfceNKie0jNg3EYOg+KeWgSb5v4V/xXWXFXGwERcWQ3JFTemeRAiVIbGsBcivd+kCXlAt8z4yRuRU2weTBmUpO01nHsP4cWrGstQxR1s86IvZXRpDALwQQ/jvJqfiDiGhdaegv4jNDKy4PaQiitfSyisUgLEWdEmCjGHGRpaW2Bu2DuRD3DcyxfexVKWylsbEYADQOtb3gYDyBcKm91WVZ9pr+yFw9skQnKo+6Ho0cBszInrc4t6fLsxoU2RtDluQw6kfdfhEBRLc/7P0z+Oz0QYDwIeK2rACjg6FUTiIOXw4391VBCLapaerqxi3X2+W4S/HaLKhJd9t+JgGN//AAoxwI5CuwClgs8/igjwsqGjbG/3jQ+/L0yAcfuHcugalMCTcVFD65Qac6jsPosxIssn8qJs9IEQil8HU3XdEIR5sQ8B1EwJmE+jFrGZ4UX44yBY9nDZHn5ZrvZuxHjcdj9lSKwOep1CcNXhhrnjT7khAUOnLIkLOZB/LzIAb81tikkEAefpeHLAs2N+1APMfgHe+vO9lgmppdo1YnyLJeAWJK48U3GIVUHTlVJPalVw+ArnBnp2p+aZhgJhOONY2bIPKcj45C8VrEq2AzZEcxTU3OlIiNuEUiFjN7LNOvJAh11VVHHpYe4saFWHlmJ/aV/u5EcyYpjNmKCQFyXi8hi5oEc21mTNBMYCQUCRozVUJfFSOvnIJe4J8ZE+etRPPY3FSenxdwQMDUVgQUas6okdg0pXS7t3rVUpqyKFO2hCeR1RL+CRAJPrOKYDENl2rmXJNG2++fSyZkqjpFAJIqKanwZEvoCo5HRvBTElRxmTDwgkFOlvXzygNbX+ZcLWSSC6yJc6M13fPSVFNajsoIwmQPPIQEeW0T6PkBkRkIbVSCjoFxAzcoCTyRxIpErkghEHB4UYVC2RazAq3Cp+RyoSsJwK1O4c00Lck/iopyILvWyJs01Ycz9TIYWehpOSeNsCg194jLfBEKv3Ch8H4Qy1ehT48z3rKyjxH1vTB4UeWkfoOPfLJDTgSf01WdIIq5tfjV4IVK6oQlGhLpcBqdkxQvpfXmikEC6xL4m8KU8EFkuCp3XYvkI1/9l//TK0L7bzAAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAM/SURBVHgBxVY7TFNhFD7/f2+f9HUtoK2JKYkySSQOTgZwcmDRycQFNC66AJtMSmIicaEbC0MZfDDBQqITYJwcDIZRE6rRNCB6W6Dv9v895/Zy08dtFRPDlzQ9/6PnO/95lkEHbG/rIZ8HxhmwYcZgEIDFjAMGaSnkJgj5scwgHoloyXY6WDvFAS+fwNNJkBCyLrPadSll808SJSFm7IhaCFIpPebkfBnFQVo7XCq43A5wOFWLgFApV6FULEOpUAYhaoSiKqZ6olq8LYGpfA3FmOpQoCvgAUXh8CfkDgtQyJWOlo/Dp4MzLQT1yp1otS/oheOAXpPdLxju44yNa72BRdq3zHMgMyknVxxXOcHpcoDX5zJkIWVcxzhaBGQ943yMcw5ev9tWwUEmDwuzb2Bp/m1bEpfHaXwQoYobEwRMF+2l9AQReLxO8PjcLYpJ6dL8hiETIudOwb2H12H09pUWEkxf0PcOSEzznOgzCH7uZLbxKxYM+xqCurG6BU8evLQUN4OInj2/CxcGzjbs7+tZI8skiJvq7jed0jGmqIptxgyNXoROsCOneBABMoyoTKkVEldaa254dACiaCUpuXz1PHza+o4J4DEsp9f1o+UkN0PBFCcwxoOccZOA2ef7K/T9wuxrQ56bXrHkOMqrL95DJ2A8+rgUkIb/BcbSqgqQFChXKlXbO/UB7B+IGi6q7Udt3UOolo90iWQti3YzOjU1rcff0G8Iqa+/oBPsSA4zOazsSi2LaEMKsYgBmaB+4ulyWRfnppc7FhZh6ukNuHV/2FpjwzOUE5QcrBvm/kjpI1jFa2R9qNtnvYKs//Duc0eCIcw0v+k2QnY/D0XssKgkEe4N3LH8sbeTSeBijNqz/x96EYEa3iGmNOpJMiGuaTgfrNxUnGKSDsr4vHy2CMcFFRZ1U4LA4aOZw8ci0DQtTaxEQgQHWO7kz78B3af2YEw6ATPdES1xdNZSvjp2VonxwKsxWtM0ow6pqLwhw2iKFfMlY9BYI1TCVPhMsP1Es0h0PSRKnNrto/p9bvYq6pj1cxnlDYXLSa1X22zWZUtQ/xosmRE0fZxzdkmafwAY/auQ8ouUbF1KsdIT0dbhpPAbw6RkDXzxWdQAAAAASUVORK5CYII=\""],"sourceRoot":""}