{"version":3,"sources":["webpack:///./src/views/Company/Invoices/invoiceDetails.vue","webpack:///src/views/Company/Invoices/invoiceDetails.vue","webpack:///./src/views/Company/Invoices/invoiceDetails.vue?cb96","webpack:///./src/views/Company/Invoices/invoiceDetails.vue?c667"],"names":["render","_vm","this","_c","_self","attrs","$route","query","id","_v","invoiceDetails","company","staticClass","status","on","makePayment","_s","$t","_e","name","companyId","downloadPdf","staticStyle","class","customerName","walletUnit","convertThousand","walletBalance","amountDue","timeSince","Date","invoiceDueDate","invoiceTitle","invoiceDescription","customerMail","invoiceNumber","$moment","invoiceDate","format","invoiceItems","length","_l","prod","i","key","itemName","itemDescription","itemQuantity","itemPrice","subTotalInvoiceItemsPrice","taxObj","value","rate","totalAmount","taxAmount","amountPaid","staticRenderFns","title","components","MasterLayout","ExportPdf","WalletPay","data","comCountry","created","methods","amt","getInvoiceDetails","message","type","duration","get","configObject","then","res","cur","totalTax","invoiceObj","tax","catch","error","toFixed","toString","replace","seconds","Math","interval","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,YAAY,CAACE,MAAM,CAAC,GAAKJ,EAAIK,OAAOC,MAAMC,MAAMP,EAAIQ,GAAG,KAAKN,EAAG,YAAY,CAACE,MAAM,CAAC,GAAKJ,EAAIK,OAAOC,MAAMC,GAAG,KAAOP,EAAIS,eAAe,QAAUT,EAAIU,WAAWV,EAAIQ,GAAG,KAAKN,EAAG,eAAe,CAACA,EAAG,MAAM,CAACS,YAAY,4BAA4B,CAACT,EAAG,MAAM,CAACS,YAAY,yBAAyB,CAACT,EAAG,MAAM,CAAgC,SAA9BF,EAAIS,eAAeG,OAAmBV,EAAG,SAAS,CAACS,YAAY,iDAAiDE,GAAG,CAAC,MAAQb,EAAIc,cAAc,CAACd,EAAIQ,GAAG,iBAAiBR,EAAIe,GAAGf,EAAIgB,GAAG,sCAAsC,kBAAkBhB,EAAIiB,KAAKjB,EAAIQ,GAAG,KAAKN,EAAG,cAAc,CAACS,YAAY,2BAA2BP,MAAM,CAAC,GAAK,CACrrBc,KAAM,mBACNZ,MAAO,CACLC,GAAIP,EAAIK,OAAOC,MAAMC,GACrBY,UAAWnB,EAAIK,OAAOC,MAAMa,cAE5B,CAACnB,EAAIQ,GAAG,iBAAiBR,EAAIe,GAAGf,EAAIgB,GAAG,4CAA4ChB,EAAIQ,GAAG,KAAKN,EAAG,SAAS,CAACS,YAAY,cAAcE,GAAG,CAAC,MAAQb,EAAIoB,cAAc,CAACpB,EAAIQ,GAAG,iBAAiBR,EAAIe,GAAGf,EAAIgB,GAAG,oCAAoC,mBAAmB,KAAKhB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,mBAAmBU,YAAY,CAAC,MAAQ,QAAQ,CAACnB,EAAG,MAAM,CAACS,YAAY,OAAO,CAACT,EAAG,MAAM,CAACS,YAAY,YAAY,CAACT,EAAG,MAAM,CAACS,YAAY,0BAA0B,CAACT,EAAG,MAAM,CAACS,YAAY,YAAY,CAACT,EAAG,MAAM,CAACA,EAAG,OAAO,CAACF,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIgB,GAAG,8BAA8BhB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACA,EAAG,MAAM,CAACS,YAAY,mCAAmCW,MAAM,CACxmB,YAA9BtB,EAAIS,eAAeG,OACf,SAC8B,UAA9BZ,EAAIS,eAAeG,OACnB,UAC8B,SAA9BZ,EAAIS,eAAeG,OACnB,YACA,sBACH,CAACZ,EAAIQ,GAAG,yBAAyBR,EAAIe,GAAGf,EAAIS,eAAeG,QAAQ,8BAA8BZ,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,YAAY,CAACT,EAAG,MAAM,CAACA,EAAG,OAAO,CAACF,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIgB,GAAG,gCAAgChB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACA,EAAG,OAAO,CAACS,YAAY,aAAa,CAACX,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIS,eAAec,qBAAqBvB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,YAAY,CAACT,EAAG,MAAM,CAACA,EAAG,OAAO,CAACF,EAAIQ,GAAG,IAAIR,EAAIe,GAAGf,EAAIgB,GAAG,oCAAoChB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACA,EAAG,OAAO,CAACS,YAAY,aAAa,CAACX,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIS,eAAee,YAAYxB,EAAIe,GAAGf,EAAIyB,gBAAgBzB,EAAIS,eAAeiB,2BAA2B1B,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,uBAAuB,CAACT,EAAG,MAAM,CAACS,YAAY,0BAA0B,CAACT,EAAG,MAAM,CAACS,YAAY,YAAY,CAACT,EAAG,MAAM,CAACA,EAAG,OAAO,CAACF,EAAIQ,GAAG,IAAIR,EAAIe,GAAGf,EAAIgB,GAAG,iCAAiChB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACA,EAAG,OAAO,CAACS,YAAY,aAAa,CAACX,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIS,eAAee,eAAetB,EAAG,OAAO,CAACS,YAAY,aAAa,CAACX,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIyB,gBAAgBzB,EAAIS,eAAekB,mBAAmB3B,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,YAAY,CAACT,EAAG,MAAM,CAACA,EAAG,OAAO,GAAG,CAACF,EAAIQ,GAAG,IAAIR,EAAIe,GAAGf,EAAIgB,GAAG,0BAA0BhB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACA,EAAG,OAAO,CAACS,YAAY,aAAa,CAACX,EAAIQ,GAAGR,EAAIe,GAAGf,EAAI4B,UAAU,IAAIC,KAAK7B,EAAIS,eAAeqB,6BAA6B9B,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,0BAA0B,CAACT,EAAG,MAAM,CAACS,YAAY,0CAA0C,CAACT,EAAG,MAAM,CAACS,YAAY,wBAAwB,CAACT,EAAG,MAAM,CAACS,YAAY,8BAA8B,CAACX,EAAIQ,GAAG,uBAAuBR,EAAIe,GAAGf,EAAIS,eAAesB,cAAc,wBAAwB/B,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,4BAA4B,CAACT,EAAG,KAAK,CAACS,YAAY,aAAa,CAACX,EAAIQ,GAAG,yBAAyBR,EAAIe,GAAGf,EAAIS,eAAeuB,oBAAoB,4BAA4BhC,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,4BAA4B,CAACX,EAAIQ,GAAG,uBAAuBR,EAAIe,GAAGf,EAAIgB,GAAG,8BAA8B,wBAAwBhB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,6BAA6B,CAACX,EAAIQ,GAAG,uBAAuBR,EAAIe,GAAGf,EAAIgB,GAAG,0BAA0B,4BAA4BhB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,qCAAqC,CAACT,EAAG,MAAM,CAACS,YAAY,YAAY,CAAEX,EAAIS,eAAec,aAAcrB,EAAG,MAAM,CAACS,YAAY,wBAAwB,CAACT,EAAG,MAAM,CAACS,YAAY,uBAAuB,CAACX,EAAIQ,GAAG,yBAAyBR,EAAIe,GAAGf,EAAIgB,GAAG,iCAAiC,0BAA0BhB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,kBAAkB,CAACX,EAAIQ,GAAG,yBAAyBR,EAAIe,GAAGf,EAAIS,eAAec,cAAc,0BAA0BvB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,kBAAkB,CAACX,EAAIQ,GAAG,yBAAyBR,EAAIe,GAAGf,EAAIS,eAAewB,cAAc,4BAA4BjC,EAAIiB,OAAOjB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,YAAY,CAACT,EAAG,MAAM,CAACS,YAAY,+BAA+B,CAACT,EAAG,MAAM,CAACS,YAAY,uBAAuB,CAACT,EAAG,QAAQ,CAACS,YAAY,iBAAiB,CAACX,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIgB,GAAG,qCAAqC,+BAA+BhB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,YAAY,CAACT,EAAG,MAAM,GAAG,CAACF,EAAIQ,GAAG,2BAA2BR,EAAIe,GAAGf,EAAIS,eAAeyB,eAAe,gCAAgClC,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,+BAA+B,CAACT,EAAG,MAAM,CAACS,YAAY,uBAAuB,CAACT,EAAG,QAAQ,CAACS,YAAY,iBAAiB,CAACX,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIgB,GAAG,2CAA2ChB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,YAAY,CAACT,EAAG,MAAM,GAAG,CAACA,EAAG,QAAQ,CAACS,YAAY,aAAa,CAACX,EAAIQ,GAAGR,EAAIe,GAAGf,EAAImC,QAAQnC,EAAIS,eAAe2B,aAAaC,OACzkH,0BACUrC,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,+BAA+B,CAACT,EAAG,MAAM,CAACS,YAAY,uBAAuB,CAACT,EAAG,QAAQ,CAACS,YAAY,iBAAiB,CAACX,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIgB,GAAG,qCAAqC,+BAA+BhB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,YAAY,CAACT,EAAG,MAAM,GAAG,CAACA,EAAG,QAAQ,CAACS,YAAY,aAAa,CAACX,EAAIQ,GAAGR,EAAIe,GAAGf,EAAImC,QAAQnC,EAAIS,eAAeqB,gBAAgBO,OAC5Z,0BACUrC,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,+BAA+B,CAACT,EAAG,MAAM,CAACS,YAAY,uBAAuB,CAACT,EAAG,QAAQ,CAACS,YAAY,iBAAiB,CAACX,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIgB,GAAG,4BAA4B,SAAShB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,YAAY,CAACT,EAAG,MAAM,CAACS,YAAY,aAAa,CAACX,EAAIQ,GAAG,2BAA2BR,EAAIe,GAAGf,EAAIS,eAAee,YAAY,2BAA2BxB,EAAIe,GAAGf,EAAIyB,gBAAgBzB,EAAIS,eAAekB,YAAY,oCAAoC3B,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,2CAA2C,CAACT,EAAG,MAAM,CAACS,YAAY,qBAAqB,CAACT,EAAG,OAAO,CAACS,YAAY,cAAc,CAACX,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIgB,GAAG,qCAAqChB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,yBAAyB,CAACT,EAAG,OAAO,CAACS,YAAY,cAAc,CAACX,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIgB,GAAG,wCAAwChB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,sBAAsB,CAACT,EAAG,OAAO,CAACS,YAAY,cAAc,CAACX,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIgB,GAAG,qCAAqChB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,iCAAiC,CAACT,EAAG,OAAO,CAACS,YAAY,cAAc,CAACX,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIgB,GAAG,wCAAwChB,EAAIQ,GAAG,KAC5rCR,EAAIS,eAAe6B,cACnBtC,EAAIS,eAAe6B,aAAaC,OAChCrC,EAAG,MAAMF,EAAIwC,GAAIxC,EAAIS,eAAe6B,cAAc,SAASG,EAAKC,GAAG,OAAOxC,EAAG,MAAM,CAACyC,IAAID,EAAE/B,YAAY,QAAQ,CAACT,EAAG,MAAM,CAACS,YAAY,+BAA+B,CAACT,EAAG,MAAM,CAACS,YAAY,qBAAqB,CAACT,EAAG,OAAO,CAACS,YAAY,iBAAiB,CAACX,EAAIQ,GAAGR,EAAIe,GAAG0B,EAAKG,aAAa5C,EAAIQ,GAAG,KAAKN,EAAG,OAAO,CAACS,YAAY,oBAAoB,CAACX,EAAIQ,GAAGR,EAAIe,GAAG0B,EAAKI,sBAAsB7C,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,yBAAyB,CAACT,EAAG,OAAO,CAACS,YAAY,iBAAiB,CAACX,EAAIQ,GAAGR,EAAIe,GAAG0B,EAAKK,mBAAmB9C,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,sBAAsB,CAACT,EAAG,OAAO,GAAG,CAACF,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIS,eAAee,YAAYxB,EAAIe,GAAGf,EAAIyB,gBAAgBgB,EAAKM,iBAAiB/C,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,sBAAsB,CAACT,EAAG,OAAO,GAAG,CAACF,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIS,eAAee,YAAYxB,EAAIe,GAAGf,EAAIyB,gBAAgBgB,EAAKM,UAAYN,EAAKK,2BAA0B,GAAG9C,EAAIiB,KAAKjB,EAAIQ,GAAG,KAC73BR,EAAIS,eAAe6B,eAClBtC,EAAIS,eAAe6B,aAAaC,OACjCrC,EAAG,MAAM,CAACS,YAAY,oCAAoC,CAACX,EAAIQ,GAAG,mBAAmBR,EAAIe,GAAGf,EAAIgB,GAAG,iCAAiC,oBAAoBhB,EAAIiB,KAAKjB,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,wBAAwB,CAACT,EAAG,OAAO,CAACS,YAAY,sBAAsB,CAACX,EAAIQ,GAAG,qBAAqBR,EAAIe,GAAGf,EAAIgB,GAAG,mCAAmC,uBAAuBhB,EAAIQ,GAAG,KAAKN,EAAG,OAAO,CAACS,YAAY,iBAAiB,CAACX,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIS,eAAee,YAAY,qBAAqBxB,EAAIe,GAAGf,EAAIyB,gBAAgBzB,EAAIgD,iCAAiChD,EAAIQ,GAAG,KAAKR,EAAIwC,GAAIxC,EAAIiD,QAAQ,SAASC,EAAMhC,EAAKwB,GAAG,OAAOxC,EAAG,MAAM,CAACyC,IAAID,EAAE/B,YAAY,wBAAwB,CAACT,EAAG,QAAQ,CAACS,YAAY,QAAQ,CAACX,EAAIQ,GAAGR,EAAIe,GAAGmC,EAAMhC,MAAM,IAAIlB,EAAIe,GAAGmC,EAAMC,MAAM,yBAAyBnD,EAAIQ,GAAG,KAAKN,EAAG,QAAQ,GAAG,CAACF,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIS,eAAee,YAAY,qBAAqBxB,EAAIe,GAAGf,EAAIyB,gBAAgByB,EAAME,cAAc,2BAA0BpD,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,wBAAwB,CAACT,EAAG,OAAO,CAACS,YAAY,sBAAsB,CAACX,EAAIQ,GAAG,qBAAqBR,EAAIe,GAAGf,EAAIgB,GAAG,gCAAgC,uBAAuBhB,EAAIQ,GAAG,KAAKN,EAAG,OAAO,CAACS,YAAY,iBAAiB,CAACX,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIS,eAAee,YAAY,qBAAqBxB,EAAIe,GAAGf,EAAIyB,gBAAgBzB,EAAIgD,0BAA4BhD,EAAIqD,iBAAiBrD,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,wBAAwB,CAACT,EAAG,OAAO,CAACS,YAAY,sBAAsB,CAACX,EAAIQ,GAAG,qBAAqBR,EAAIe,GAAGf,EAAIgB,GAAG,qCAAqC,uBAAuBhB,EAAIQ,GAAG,KAAKN,EAAG,OAAO,CAACS,YAAY,iBAAiB,CAACX,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIS,eAAee,YAAY,qBAAqBxB,EAAIe,GAAGf,EAAIyB,gBAAgBzB,EAAIsD,kBAAkBtD,EAAIQ,GAAG,KAAKN,EAAG,MAAMF,EAAIQ,GAAG,KAAKN,EAAG,MAAM,CAACS,YAAY,wBAAwB,CAACT,EAAG,OAAO,CAACS,YAAY,gCAAgC,CAACX,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIgB,GAAG,4BAA4B,IAAIhB,EAAIe,GAAGf,EAAIS,eAAee,YAAY,wBAAwBxB,EAAIQ,GAAG,KAAKN,EAAG,OAAO,CAACS,YAAY,2BAA2B,CAACX,EAAIQ,GAAGR,EAAIe,GAAGf,EAAIS,eAAee,YAAY,qBAAqBxB,EAAIe,GAAGf,EAAIyB,gBAAgBzB,EAAIS,eAAekB,kBAAkB,YAAY,IAEroE4B,EAAkB,G,qEC2Vd,IAEO,OACfC,uCACAC,YACAC,oBACAC,iBACAC,kBAEAC,OACA,OACAvB,gBACA7B,kBACAuC,4BACAK,YACAJ,UACAK,aACA5C,aACAS,eACAZ,QACAuD,kBAUAC,UACA,iCACA,eACA,2CACA,4BACA,gBACA,6BACA,uCAEA,0BAEAC,SAIAlD,cAGA,kEACA,2BAEA,mBACAI,oBACAZ,OACAC,WACA0D,kCACA9C,4BAIA,kEACA,4BAEA,mBACAD,2BACAZ,OACAC,WACA0D,kCACA9C,4BAIA,+BAGA+C,oBACA,yBAUA,OATA,kBACAC,oDACAC,aACAC,oBAEA,mBACAnD,uBACAZ,OAAAa,yCAIA,WACAmD,IACA,wDACAC,qBAEAC,KAAAC,IACAA,cACAA,iBACA,QACAA,iBACA,UACAA,iBACA,SACAA,iBACA,UACAA,iBACA,OACAA,iBACA,WACA,gBACA,2BACA,0DACA,OACA,6BAEA,GAGA,oDACA,eACA,GAEA,QACA,KAEAA,gCACA,mCAEAC,2BACAC,gBACA,gBACA,KACAC,oBACAA,oBACAC,aAEAD,MACA1D,eACAiC,YACAC,8BAMA,iBACA,gBAEA0B,MAAAC,IACA,kBACAZ,0CACAC,aACAC,eAEA,mBAAAnD,4BAGAO,mBACA,mBAGA,EACAuD,QAAA,GACAC,WACAC,QAAA,6BALA,QAOA9D,cACA,+BAGAQ,aACA,mCACA,6BACAuD,cAEA,gBAEA,WAEAC,eACAA,qCACAlC,GAGAmC,WACA,IAEAD,eACAA,uCACAlC,GAGAmC,UACA,IAEAD,eACAA,mCACAlC,GAGAmC,SACA,IAEAD,eACAA,qCACAlC,GAGAmC,OACA,IAEAD,eACAA,yCACAlC,EAIAkC,eACAA,yCACAlC,SC9kBsX,I,YCOlXoC,EAAY,eACd,EACAvF,EACAwD,GACA,EACA,KACA,KACA,MAIa,aAAA+B,E","file":"js/chunk-2d0ceb52.847ad21a.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('ExportPdf',{attrs:{\"id\":_vm.$route.query.id}}),_vm._v(\" \"),_c('WalletPay',{attrs:{\"id\":_vm.$route.query.id,\"idet\":_vm.invoiceDetails,\"company\":_vm.company}}),_vm._v(\" \"),_c('MasterLayout',[_c('div',{staticClass:\"py-4 dashboard_first_row\"},[_c('div',{staticClass:\"invoice_edit_del_cont\"},[_c('div',[(_vm.invoiceDetails.status !== 'Paid')?_c('button',{staticClass:\"invoice_btn edit_invoice bg-success text-light\",on:{\"click\":_vm.makePayment}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.cInvoice.details.makePayment\"))+\"\\n          \")]):_vm._e(),_vm._v(\" \"),_c('router-link',{staticClass:\"invoice_btn edit_invoice\",attrs:{\"to\":{\n              name: 'invoice_payments',\n              query: {\n                id: _vm.$route.query.id,\n                companyId: _vm.$route.query.companyId,\n              },\n            }}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.cInvoice.details.invoicePayment\")))]),_vm._v(\" \"),_c('button',{staticClass:\"invoice_btn\",on:{\"click\":_vm.downloadPdf}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"text.cInvoice.details.exportPDF\"))+\"\\n          \")])],1)]),_vm._v(\" \"),_c('div',{staticClass:\"dialog-container\",staticStyle:{\"width\":\"80%\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-3\"},[_c('div',[_c('span',[_vm._v(_vm._s(_vm.$t(\"text.cInvoice.status\")))])]),_vm._v(\" \"),_c('div',[_c('div',{staticClass:\"invoice-status bold-span overdue\",class:[\n                      _vm.invoiceDetails.status === 'OverDue'\n                        ? 'danger'\n                        : _vm.invoiceDetails.status === 'Draft'\n                        ? 'success'\n                        : _vm.invoiceDetails.status === 'Paid'\n                        ? 'paidColor'\n                        : 'yelloInvoiceColor',\n                    ]},[_vm._v(\"\\n                    \"+_vm._s(_vm.invoiceDetails.status)+\"\\n                  \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4\"},[_c('div',[_c('span',[_vm._v(_vm._s(_vm.$t(\"text.cInvoice.customer\")))])]),_vm._v(\" \"),_c('div',[_c('span',{staticClass:\"bold-span\"},[_vm._v(_vm._s(_vm.invoiceDetails.customerName))])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4\"},[_c('div',[_c('span',[_vm._v(\" \"+_vm._s(_vm.$t(\"text.cWallet.walletBalance\")))])]),_vm._v(\" \"),_c('div',[_c('span',{staticClass:\"bold-span\"},[_vm._v(_vm._s(_vm.invoiceDetails.walletUnit)+_vm._s(_vm.convertThousand(_vm.invoiceDetails.walletBalance)))])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"text-right col-md-6\"},[_c('div',{staticClass:\"row align-items-center\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',[_c('span',[_vm._v(\" \"+_vm._s(_vm.$t(\"text.cInvoice.amountDue\")))])]),_vm._v(\" \"),_c('div',[_c('span',{staticClass:\"bold-span\"},[_vm._v(_vm._s(_vm.invoiceDetails.walletUnit))]),_c('span',{staticClass:\"bold-span\"},[_vm._v(_vm._s(_vm.convertThousand(_vm.invoiceDetails.amountDue)))])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6\"},[_c('div',[_c('span',{},[_vm._v(\" \"+_vm._s(_vm.$t(\"text.cInvoice.du\")))])]),_vm._v(\" \"),_c('div',[_c('span',{staticClass:\"bold-span\"},[_vm._v(_vm._s(_vm.timeSince(new Date(_vm.invoiceDetails.invoiceDueDate))))])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 preview-container\"},[_c('div',{staticClass:\"pb-4 row ivoice-preview-header-wrapper\"},[_c('div',{staticClass:\"text-right col-md-12\"},[_c('div',{staticClass:\"pt-3 pr-3 e-heading--title\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.invoiceDetails.invoiceTitle)+\"\\n                \")]),_vm._v(\" \"),_c('div',{staticClass:\"pr-3 e-heading--subtitle\"},[_c('h5',{staticClass:\"bold-span\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.invoiceDetails.invoiceDescription)+\"\\n                  \")])]),_vm._v(\" \"),_c('div',{staticClass:\"pr-3 e-heading--subtitle\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.cInvoice.fuelMetrics\"))+\"\\n                \")]),_vm._v(\" \"),_c('div',{staticClass:\"pt-2 pr-3 e-heading--para\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.cInvoice.nigeria\"))+\"\\n                \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"row justify-content-space-between\"},[_c('div',{staticClass:\"col-md-7\"},[(_vm.invoiceDetails.customerName)?_c('div',{staticClass:\"p-3 invoice_customer\"},[_c('div',{staticClass:\"bold-span grey-text\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.$t(\"text.cInvoice.details.billTo\"))+\"\\n                  \")]),_vm._v(\" \"),_c('div',{staticClass:\"mt-1 bold-span\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.invoiceDetails.customerName)+\"\\n                  \")]),_vm._v(\" \"),_c('div',{staticClass:\"mt-1 bold-span\"},[_vm._v(\"\\n                    \"+_vm._s(_vm.invoiceDetails.customerMail)+\"\\n                  \")])]):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-5\"},[_c('div',{staticClass:\"pt-3 row align-items-center\"},[_c('div',{staticClass:\"text-right col-md-5\"},[_c('label',{staticClass:\"primary-color\"},[_vm._v(_vm._s(_vm.$t(\"text.cInvoice.details.invoiceNum\"))+\":\\n                    \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-7\"},[_c('div',{},[_vm._v(\"\\n                      \"+_vm._s(_vm.invoiceDetails.invoiceNumber)+\"\\n                    \")])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-1 row align-items-center\"},[_c('div',{staticClass:\"text-right col-md-5\"},[_c('label',{staticClass:\"primary-color\"},[_vm._v(_vm._s(_vm.$t(\"text.cInvoice.details.invoiceDate\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-7\"},[_c('div',{},[_c('small',{staticClass:\"bold-span\"},[_vm._v(_vm._s(_vm.$moment(_vm.invoiceDetails.invoiceDate).format(\n                          \"DD MMMM YYYY\"\n                        )))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-1 row align-items-center\"},[_c('div',{staticClass:\"text-right col-md-5\"},[_c('label',{staticClass:\"primary-color\"},[_vm._v(_vm._s(_vm.$t(\"text.cInvoice.details.paymentDue\"))+\":\\n                    \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-7\"},[_c('div',{},[_c('small',{staticClass:\"bold-span\"},[_vm._v(_vm._s(_vm.$moment(_vm.invoiceDetails.invoiceDueDate).format(\n                          \"DD MMMM YYYY\"\n                        )))])])])]),_vm._v(\" \"),_c('div',{staticClass:\"mt-1 row align-items-center\"},[_c('div',{staticClass:\"text-right col-md-5\"},[_c('label',{staticClass:\"primary-color\"},[_vm._v(_vm._s(_vm.$t(\"text.cInvoice.amountDue\"))+\":\")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-7\"},[_c('div',{staticClass:\"bold-span\"},[_vm._v(\"\\n                      \"+_vm._s(_vm.invoiceDetails.walletUnit)+\"\\n                      \"+_vm._s(_vm.convertThousand(_vm.invoiceDetails.amountDue))+\"\\n                    \")])])])])]),_vm._v(\" \"),_c('div',{staticClass:\"p-2 pl-3 pr-3 mt-2 preview-table header\"},[_c('div',{staticClass:\"invoice_item_name\"},[_c('span',{staticClass:\"text-white\"},[_vm._v(_vm._s(_vm.$t(\"text.cInvoice.details.items\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"invoice_item_quantity\"},[_c('span',{staticClass:\"text-white\"},[_vm._v(_vm._s(_vm.$t(\"text.cInvoice.details.quantity\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"invoice_item_price\"},[_c('span',{staticClass:\"text-white\"},[_vm._v(_vm._s(_vm.$t(\"text.cInvoice.details.price\")))])]),_vm._v(\" \"),_c('div',{staticClass:\"text-right invoice_item_total\"},[_c('span',{staticClass:\"text-white\"},[_vm._v(_vm._s(_vm.$t(\"text.cInvoice.details.amount\")))])])]),_vm._v(\" \"),(\n                _vm.invoiceDetails.invoiceItems &&\n                _vm.invoiceDetails.invoiceItems.length\n              )?_c('div',_vm._l((_vm.invoiceDetails.invoiceItems),function(prod,i){return _c('div',{key:i,staticClass:\"mt-2\"},[_c('div',{staticClass:\"p-2 pl-3 pr-3 preview-table\"},[_c('div',{staticClass:\"invoice_item_name\"},[_c('span',{staticClass:\"primary-color\"},[_vm._v(_vm._s(prod.itemName))]),_vm._v(\" \"),_c('span',{staticClass:\"item_description\"},[_vm._v(_vm._s(prod.itemDescription))])]),_vm._v(\" \"),_c('div',{staticClass:\"invoice_item_quantity\"},[_c('span',{staticClass:\"primary-color\"},[_vm._v(_vm._s(prod.itemQuantity))])]),_vm._v(\" \"),_c('div',{staticClass:\"invoice_item_price\"},[_c('span',{},[_vm._v(_vm._s(_vm.invoiceDetails.walletUnit)+_vm._s(_vm.convertThousand(prod.itemPrice)))])]),_vm._v(\" \"),_c('div',{staticClass:\"invoice_item_total\"},[_c('span',{},[_vm._v(_vm._s(_vm.invoiceDetails.walletUnit)+_vm._s(_vm.convertThousand(prod.itemPrice * prod.itemQuantity)))])])])])}),0):_vm._e(),_vm._v(\" \"),(\n                _vm.invoiceDetails.invoiceItems &&\n                !_vm.invoiceDetails.invoiceItems.length\n              )?_c('div',{staticClass:\"p-3 mt-2 text-center font-italic\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.cInvoice.details.noItem\"))+\"\\n            \")]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"pr-3 mt-3 text-right\"},[_c('span',{staticClass:\"mr-3 primary-color\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.cInvoice.details.subTotal\"))+\":\\n              \")]),_vm._v(\" \"),_c('span',{staticClass:\"primary-color\"},[_vm._v(_vm._s(_vm.invoiceDetails.walletUnit)+\"\\n                \"+_vm._s(_vm.convertThousand(_vm.subTotalInvoiceItemsPrice)))])]),_vm._v(\" \"),_vm._l((_vm.taxObj),function(value,name,i){return _c('div',{key:i,staticClass:\"pr-3 mt-3 text-right\"},[_c('small',{staticClass:\"mr-3\"},[_vm._v(_vm._s(value.name)+\"(\"+_vm._s(value.rate)+\"%):\\n              \")]),_vm._v(\" \"),_c('small',{},[_vm._v(_vm._s(_vm.invoiceDetails.walletUnit)+\"\\n                \"+_vm._s(_vm.convertThousand(value.totalAmount))+\"\\n              \")])])}),_vm._v(\" \"),_c('div',{staticClass:\"pr-3 mt-2 text-right\"},[_c('span',{staticClass:\"mr-3 primary-color\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.cInvoice.details.total\"))+\":\\n              \")]),_vm._v(\" \"),_c('span',{staticClass:\"primary-color\"},[_vm._v(_vm._s(_vm.invoiceDetails.walletUnit)+\"\\n                \"+_vm._s(_vm.convertThousand(_vm.subTotalInvoiceItemsPrice + _vm.taxAmount)))])]),_vm._v(\" \"),_c('div',{staticClass:\"pr-3 mt-2 text-right\"},[_c('span',{staticClass:\"mr-3 primary-color\"},[_vm._v(\"\\n                \"+_vm._s(_vm.$t(\"text.cInvoice.details.amountPaid\"))+\":\\n              \")]),_vm._v(\" \"),_c('span',{staticClass:\"primary-color\"},[_vm._v(_vm._s(_vm.invoiceDetails.walletUnit)+\"\\n                \"+_vm._s(_vm.convertThousand(_vm.amountPaid)))])]),_vm._v(\" \"),_c('hr'),_vm._v(\" \"),_c('div',{staticClass:\"pr-3 mt-2 text-right\"},[_c('span',{staticClass:\"mr-3 primary-color bold-span\"},[_vm._v(_vm._s(_vm.$t(\"text.cInvoice.amountDue\"))+\"(\"+_vm._s(_vm.invoiceDetails.walletUnit)+\"):\\n              \")]),_vm._v(\" \"),_c('span',{staticClass:\"primary-color bold-span\"},[_vm._v(_vm._s(_vm.invoiceDetails.walletUnit)+\"\\n                \"+_vm._s(_vm.convertThousand(_vm.invoiceDetails.amountDue)))])])],2)])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <ExportPdf :id=\"$route.query.id\" />\r\n    <WalletPay\r\n      :id=\"$route.query.id\"\r\n      :idet=\"invoiceDetails\"\r\n      :company=\"company\"\r\n    />\r\n    <MasterLayout>\r\n      <div class=\"py-4 dashboard_first_row\">\r\n        <div class=\"invoice_edit_del_cont\">\r\n          <!-- <div\r\n            class=\"bold-span grey-text flex\"\r\n            style=\"\r\n              color: red !important;\r\n              display: flex !important;\r\n              flex-direction: row; !important;\r\n            \"\r\n          >\r\n            Wallet Balance: <span class=\"bold-span\">₦</span\r\n            >{{ invoiceDetails.walletBalance }}\r\n          </div> -->\r\n\r\n          <div>\r\n            <button\r\n              class=\"invoice_btn edit_invoice bg-success text-light\"\r\n              v-if=\"invoiceDetails.status !== 'Paid'\"\r\n              @click=\"makePayment\"\r\n            >\r\n              {{ $t(\"text.cInvoice.details.makePayment\") }}\r\n            </button>\r\n            <router-link\r\n              :to=\"{\r\n                name: 'invoice_payments',\r\n                query: {\r\n                  id: $route.query.id,\r\n                  companyId: $route.query.companyId,\r\n                },\r\n              }\"\r\n              class=\"invoice_btn edit_invoice\"\r\n            >\r\n              {{ $t(\"text.cInvoice.details.invoicePayment\") }}</router-link\r\n            >\r\n            <button class=\"invoice_btn\" @click=\"downloadPdf\">\r\n              {{ $t(\"text.cInvoice.details.exportPDF\") }}\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <div class=\"dialog-container\" style=\"width: 80%\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-6\">\r\n              <div class=\"row align-items-center\">\r\n                <div class=\"col-md-3\">\r\n                  <div>\r\n                    <span>{{ $t(\"text.cInvoice.status\") }}</span>\r\n                  </div>\r\n                  <div>\r\n                    <div\r\n                      class=\"invoice-status bold-span overdue\"\r\n                      :class=\"[\r\n                        invoiceDetails.status === 'OverDue'\r\n                          ? 'danger'\r\n                          : invoiceDetails.status === 'Draft'\r\n                          ? 'success'\r\n                          : invoiceDetails.status === 'Paid'\r\n                          ? 'paidColor'\r\n                          : 'yelloInvoiceColor',\r\n                      ]\"\r\n                    >\r\n                      {{ invoiceDetails.status }}\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"col-md-4\">\r\n                  <div>\r\n                    <span>{{ $t(\"text.cInvoice.customer\") }}</span>\r\n                  </div>\r\n                  <div>\r\n                    <span class=\"bold-span\">{{\r\n                      invoiceDetails.customerName\r\n                    }}</span>\r\n                  </div>\r\n                </div>\r\n                <div class=\"col-md-4\">\r\n                  <div>\r\n                    <span> {{ $t(\"text.cWallet.walletBalance\") }}</span>\r\n                  </div>\r\n                  <div>\r\n                    <!-- <span class=\"bold-span\"\r\n                      >{{ company ? company.currencyCode : \"\"\r\n                      }}{{\r\n                        convertThousand(invoiceDetails.walletBalance)\r\n                      }}</span\r\n                    > -->\r\n                    <span class=\"bold-span\"\r\n                      >{{ invoiceDetails.walletUnit\r\n                      }}{{\r\n                        convertThousand(invoiceDetails.walletBalance)\r\n                      }}</span\r\n                    >\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"text-right col-md-6\">\r\n              <div class=\"row align-items-center\">\r\n                <div class=\"col-md-6\">\r\n                  <div>\r\n                    <span> {{ $t(\"text.cInvoice.amountDue\") }}</span>\r\n                  </div>\r\n                  <div>\r\n                    <span class=\"bold-span\">{{\r\n                      invoiceDetails.walletUnit\r\n                    }}</span\r\n                    ><span class=\"bold-span\">{{\r\n                      convertThousand(invoiceDetails.amountDue)\r\n                    }}</span>\r\n                  </div>\r\n                </div>\r\n                <div class=\"col-md-6\">\r\n                  <div>\r\n                    <span class=\"\"> {{ $t(\"text.cInvoice.du\") }}</span>\r\n                  </div>\r\n                  <div>\r\n                    <span class=\"bold-span\">{{\r\n                      timeSince(new Date(invoiceDetails.invoiceDueDate))\r\n                    }}</span>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"mt-3 preview-container\">\r\n              <div class=\"pb-4 row ivoice-preview-header-wrapper\">\r\n                <div class=\"text-right col-md-12\">\r\n                  <div class=\"pt-3 pr-3 e-heading--title\">\r\n                    {{ invoiceDetails.invoiceTitle }}\r\n                  </div>\r\n                  <div class=\"pr-3 e-heading--subtitle\">\r\n                    <h5 class=\"bold-span\">\r\n                      {{ invoiceDetails.invoiceDescription }}\r\n                    </h5>\r\n                  </div>\r\n                  <div class=\"pr-3 e-heading--subtitle\">\r\n                    {{ $t(\"text.cInvoice.fuelMetrics\") }}\r\n                  </div>\r\n                  <div class=\"pt-2 pr-3 e-heading--para\">\r\n                    {{ $t(\"text.cInvoice.nigeria\") }}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"row justify-content-space-between\">\r\n                <div class=\"col-md-7\">\r\n                  <div\r\n                    class=\"p-3 invoice_customer\"\r\n                    v-if=\"invoiceDetails.customerName\"\r\n                  >\r\n                    <div class=\"bold-span grey-text\">\r\n                      {{ $t(\"text.cInvoice.details.billTo\") }}\r\n                    </div>\r\n                    <div class=\"mt-1 bold-span\">\r\n                      {{ invoiceDetails.customerName }}\r\n                    </div>\r\n                    <div class=\"mt-1 bold-span\">\r\n                      {{ invoiceDetails.customerMail }}\r\n                    </div>\r\n                  </div>\r\n                  <!-- <div class=\"p-5 invoice_customer\" v-if=\"!invoiceDetails.customerName\">\r\n                                        You have not added a customer\r\n                                    </div> -->\r\n                </div>\r\n                <div class=\"col-md-5\">\r\n                  <div class=\"pt-3 row align-items-center\">\r\n                    <div class=\"text-right col-md-5\">\r\n                      <label class=\"primary-color\"\r\n                        >{{ $t(\"text.cInvoice.details.invoiceNum\") }}:\r\n                      </label>\r\n                    </div>\r\n                    <div class=\"col-md-7\">\r\n                      <div class=\"\">\r\n                        {{ invoiceDetails.invoiceNumber }}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"mt-1 row align-items-center\">\r\n                    <div class=\"text-right col-md-5\">\r\n                      <label class=\"primary-color\">{{\r\n                        $t(\"text.cInvoice.details.invoiceDate\")\r\n                      }}</label>\r\n                    </div>\r\n                    <div class=\"col-md-7\">\r\n                      <div class=\"\">\r\n                        <small class=\"bold-span\">{{\r\n                          $moment(invoiceDetails.invoiceDate).format(\r\n                            \"DD MMMM YYYY\"\r\n                          )\r\n                        }}</small>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"mt-1 row align-items-center\">\r\n                    <div class=\"text-right col-md-5\">\r\n                      <label class=\"primary-color\"\r\n                        >{{ $t(\"text.cInvoice.details.paymentDue\") }}:\r\n                      </label>\r\n                    </div>\r\n                    <div class=\"col-md-7\">\r\n                      <div class=\"\">\r\n                        <small class=\"bold-span\">{{\r\n                          $moment(invoiceDetails.invoiceDueDate).format(\r\n                            \"DD MMMM YYYY\"\r\n                          )\r\n                        }}</small>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"mt-1 row align-items-center\">\r\n                    <div class=\"text-right col-md-5\">\r\n                      <label class=\"primary-color\"\r\n                        >{{ $t(\"text.cInvoice.amountDue\") }}:</label\r\n                      >\r\n                    </div>\r\n                    <div class=\"col-md-7\">\r\n                      <div class=\"bold-span\">\r\n                        {{ invoiceDetails.walletUnit }}\r\n                        {{ convertThousand(invoiceDetails.amountDue) }}\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"p-2 pl-3 pr-3 mt-2 preview-table header\">\r\n                <div class=\"invoice_item_name\">\r\n                  <span class=\"text-white\">{{\r\n                    $t(\"text.cInvoice.details.items\")\r\n                  }}</span>\r\n                </div>\r\n                <div class=\"invoice_item_quantity\">\r\n                  <span class=\"text-white\">{{\r\n                    $t(\"text.cInvoice.details.quantity\")\r\n                  }}</span>\r\n                </div>\r\n                <div class=\"invoice_item_price\">\r\n                  <span class=\"text-white\">{{\r\n                    $t(\"text.cInvoice.details.price\")\r\n                  }}</span>\r\n                </div>\r\n                <div class=\"text-right invoice_item_total\">\r\n                  <span class=\"text-white\">{{\r\n                    $t(\"text.cInvoice.details.amount\")\r\n                  }}</span>\r\n                </div>\r\n              </div>\r\n              <div\r\n                v-if=\"\r\n                  invoiceDetails.invoiceItems &&\r\n                  invoiceDetails.invoiceItems.length\r\n                \"\r\n              >\r\n                <div\r\n                  class=\"mt-2\"\r\n                  v-for=\"(prod, i) in invoiceDetails.invoiceItems\"\r\n                  :key=\"i\"\r\n                >\r\n                  <div class=\"p-2 pl-3 pr-3 preview-table\">\r\n                    <div class=\"invoice_item_name\">\r\n                      <span class=\"primary-color\">{{ prod.itemName }}</span>\r\n                      <span class=\"item_description\">{{\r\n                        prod.itemDescription\r\n                      }}</span>\r\n                    </div>\r\n                    <div class=\"invoice_item_quantity\">\r\n                      <span class=\"primary-color\">{{ prod.itemQuantity }}</span>\r\n                    </div>\r\n                    <div class=\"invoice_item_price\">\r\n                      <span class=\"\"\r\n                        >{{ invoiceDetails.walletUnit\r\n                        }}{{ convertThousand(prod.itemPrice) }}</span\r\n                      >\r\n                    </div>\r\n                    <div class=\"invoice_item_total\">\r\n                      <span class=\"\"\r\n                        >{{ invoiceDetails.walletUnit\r\n                        }}{{\r\n                          convertThousand(prod.itemPrice * prod.itemQuantity)\r\n                        }}</span\r\n                      >\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n              <div\r\n                class=\"p-3 mt-2 text-center font-italic\"\r\n                v-if=\"\r\n                  invoiceDetails.invoiceItems &&\r\n                  !invoiceDetails.invoiceItems.length\r\n                \"\r\n              >\r\n                {{ $t(\"text.cInvoice.details.noItem\") }}\r\n              </div>\r\n              <div class=\"pr-3 mt-3 text-right\">\r\n                <span class=\"mr-3 primary-color\">\r\n                  {{ $t(\"text.cInvoice.details.subTotal\") }}:\r\n                </span>\r\n                <span class=\"primary-color\"\r\n                  >{{ invoiceDetails.walletUnit }}\r\n                  {{ convertThousand(subTotalInvoiceItemsPrice) }}</span\r\n                >\r\n              </div>\r\n              <div\r\n                class=\"pr-3 mt-3 text-right\"\r\n                v-for=\"(value, name, i) in taxObj\"\r\n                :key=\"i\"\r\n              >\r\n                <small class=\"mr-3\"\r\n                  >{{ value.name }}({{ value.rate }}%):\r\n                </small>\r\n                <small class=\"\"\r\n                  >{{ invoiceDetails.walletUnit }}\r\n                  {{ convertThousand(value.totalAmount) }}\r\n                </small>\r\n              </div>\r\n              <div class=\"pr-3 mt-2 text-right\">\r\n                <span class=\"mr-3 primary-color\">\r\n                  {{ $t(\"text.cInvoice.details.total\") }}:\r\n                </span>\r\n                <span class=\"primary-color\"\r\n                  >{{ invoiceDetails.walletUnit }}\r\n                  {{\r\n                    convertThousand(subTotalInvoiceItemsPrice + taxAmount)\r\n                  }}</span\r\n                >\r\n              </div>\r\n              <div class=\"pr-3 mt-2 text-right\">\r\n                <span class=\"mr-3 primary-color\">\r\n                  {{ $t(\"text.cInvoice.details.amountPaid\") }}:\r\n                </span>\r\n                <span class=\"primary-color\"\r\n                  >{{ invoiceDetails.walletUnit }}\r\n                  {{ convertThousand(amountPaid) }}</span\r\n                >\r\n              </div>\r\n              <hr />\r\n              <div class=\"pr-3 mt-2 text-right\">\r\n                <!-- <span class=\"mr-3 primary-color bold-span\"\r\n                  >{{ $t(\"text.cInvoice.amountDue\") }}({{\r\n                    company ? company.currency : \"\"\r\n                  }}):\r\n                </span> -->\r\n                <span class=\"mr-3 primary-color bold-span\"\r\n                  >{{ $t(\"text.cInvoice.amountDue\") }}({{\r\n                    invoiceDetails.walletUnit\r\n                  }}):\r\n                </span>\r\n                <span class=\"primary-color bold-span\"\r\n                  >{{ invoiceDetails.walletUnit }}\r\n                  {{ convertThousand(invoiceDetails.amountDue) }}</span\r\n                >\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!-- <div><button @click=\"getppp\">get it</button></div> -->\r\n      </div>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n<script>\r\nimport MasterLayout from \"@/views/Company/MasterLayout.vue\";\r\nimport ExportPdf from \"@/components/modals/Invoices/exportPdf\";\r\nimport WalletPay from \"@/components/modals/Invoices/walletPay\";\r\nimport configObject from \"@/config\";\r\n\r\nimport Jquery from \"jquery\";\r\nlet $ = Jquery;\r\n\r\nexport default {\r\n  title: \"Invoice Details:: Epump Portal\",\r\n  components: {\r\n    MasterLayout,\r\n    ExportPdf,\r\n    WalletPay,\r\n  },\r\n  data() {\r\n    return {\r\n      invoiceItems: [],\r\n      invoiceDetails: {},\r\n      subTotalInvoiceItemsPrice: 0,\r\n      taxAmount: 0,\r\n      taxObj: {},\r\n      amountPaid: 0,\r\n      company: null,\r\n      companyId: null,\r\n      id: null,\r\n      comCountry: null,\r\n      // prevRoute: null,\r\n    };\r\n  },\r\n  // beforeRouteEnter(to, from, next) {\r\n  //   next((vm) => {\r\n  //     vm.prevRoute = from;\r\n  //     // console.log(from);\r\n  //   });\r\n  // },\r\n  created() {\r\n    this.$eventHub.$on(\"company\", (company) => {\r\n      this.company = company;\r\n      this.companyId = this.$route.query.companyId\r\n        ? this.$route.query.companyId\r\n        : this.company.id;\r\n      this.id = this.$route.query.id;\r\n      this.comCountry = this.company.country;\r\n    });\r\n    this.getInvoiceDetails();\r\n  },\r\n  methods: {\r\n    // getppp() {\r\n    //   console.log(this.prevRoute);\r\n    // },\r\n    makePayment() {\r\n      // console.log(\"make payment\");\r\n      if (\r\n        this.invoiceDetails.walletBalance <= this.invoiceDetails.amountDue &&\r\n        this.comCountry == \"Nigeria\"\r\n      ) {\r\n        this.$router.push({\r\n          name: \"make_payment\",\r\n          query: {\r\n            id: this.id,\r\n            amt: this.invoiceDetails.amountDue,\r\n            companyId: this.companyId,\r\n          },\r\n        });\r\n      } else if (\r\n        this.invoiceDetails.walletBalance <= this.invoiceDetails.amountDue &&\r\n        this.comCountry !== \"Nigeria\"\r\n      ) {\r\n        this.$router.push({\r\n          name: \"make_payment_stripe\",\r\n          query: {\r\n            id: this.id,\r\n            amt: this.invoiceDetails.amountDue,\r\n            companyId: this.companyId,\r\n          },\r\n        });\r\n      } else {\r\n        this.$modal.show(\"walletPay\");\r\n      }\r\n    },\r\n    getInvoiceDetails() {\r\n      if (!this.$route.query.id) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.bInvoices.noInvoiceSelected\"),\r\n          type: \"error\",\r\n          duration: 5000,\r\n        });\r\n        this.$router.push({\r\n          name: \"company_invoice\",\r\n          query: { companyId: this.$route.query.companyId },\r\n        });\r\n        return;\r\n      }\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Invoices/${this.$route.query.id}`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((res) => {\r\n          res.data.status =\r\n            res.data.status == 0\r\n              ? \"Draft\"\r\n              : res.data.status == 1\r\n              ? \"Pending\"\r\n              : res.data.status == 2\r\n              ? \"Unsent\"\r\n              : res.data.status == 3\r\n              ? \"OverDue\"\r\n              : res.data.status == 4\r\n              ? \"Paid\"\r\n              : res.data.status == 5\r\n              ? \"PartPaid\"\r\n              : \"Not available\";\r\n          this.invoiceDetails = res.data;\r\n          this.subTotalInvoiceItemsPrice = res.data.invoiceItems.reduce(\r\n            (total, cur) => {\r\n              return total + cur.itemPrice * cur.itemQuantity;\r\n            },\r\n            0\r\n          );\r\n\r\n          this.amountPaid = res.data.paymentDetails.reduce((total, cur) => {\r\n            return total + cur.amountPaid;\r\n          }, 0);\r\n\r\n          let totalTax = 0;\r\n          let invoiceObj = {};\r\n\r\n          res.data.invoiceItems.forEach((cur) => {\r\n            const totalPrice = cur.itemPrice * cur.itemQuantity;\r\n\r\n            cur.invoiceTaxes.forEach((tax) => {\r\n              totalTax += (tax.rate / 100) * totalPrice;\r\n              const taxId = tax.taxId;\r\n              if (invoiceObj[taxId]) {\r\n                invoiceObj[taxId][\"totalAmount\"] =\r\n                  invoiceObj[taxId][\"totalAmount\"] +\r\n                  (tax.rate / 100) * totalPrice;\r\n              } else {\r\n                invoiceObj[taxId] = {\r\n                  name: tax.taxName,\r\n                  rate: tax.rate,\r\n                  totalAmount: (tax.rate / 100) * totalPrice,\r\n                };\r\n              }\r\n            });\r\n          });\r\n\r\n          this.taxAmount = totalTax;\r\n          this.taxObj = invoiceObj;\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: error.response.data.statusDescription,\r\n            type: \"error\",\r\n            duration: 5000,\r\n          });\r\n          this.$router.push({ name: \"company_invoice\" });\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    downloadPdf() {\r\n      this.$modal.show(\"exportPdf\");\r\n    },\r\n\r\n    timeSince(date) {\r\n      let seconds = Math.floor((new Date() - date) / 1000);\r\n      const value = seconds < 0 ? \"from now\" : \"ago\";\r\n      seconds = Math.abs(seconds);\r\n\r\n      var interval = seconds / 31536000;\r\n\r\n      if (interval > 1) {\r\n        return (\r\n          Math.floor(interval) +\r\n          (Math.floor(interval) == 1 ? \" year \" : \" years \") +\r\n          value\r\n        );\r\n      }\r\n      interval = seconds / 2592000;\r\n      if (interval > 1) {\r\n        return (\r\n          Math.floor(interval) +\r\n          (Math.floor(interval) == 1 ? \" month \" : \" months \") +\r\n          value\r\n        );\r\n      }\r\n      interval = seconds / 86400;\r\n      if (interval > 1) {\r\n        return (\r\n          Math.floor(interval) +\r\n          (Math.floor(interval) == 1 ? \" day \" : \" days \") +\r\n          value\r\n        );\r\n      }\r\n      interval = seconds / 3600;\r\n      if (interval > 1) {\r\n        return (\r\n          Math.floor(interval) +\r\n          (Math.floor(interval) == 1 ? \" hour \" : \" hours \") +\r\n          value\r\n        );\r\n      }\r\n      interval = seconds / 60;\r\n      if (interval > 1) {\r\n        return (\r\n          Math.floor(interval) +\r\n          (Math.floor(interval) == 1 ? \" minute \" : \" minutes \") +\r\n          value\r\n        );\r\n      }\r\n      return (\r\n        Math.floor(seconds) +\r\n        (Math.floor(interval) == 1 ? \" second \" : \" seconds \") +\r\n        value\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!./invoiceDetails.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!./invoiceDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./invoiceDetails.vue?vue&type=template&id=4fa6e73a&\"\nimport script from \"./invoiceDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./invoiceDetails.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}