{"version":3,"sources":["webpack:///./src/views/apps/invoice/invoice-preview/InvoicePreview.vue?a840","webpack:///./src/views/apps/invoice/invoice-preview/InvoicePreview.vue?a329","webpack:///src/views/apps/invoice/invoice-preview/InvoicePreview.vue","webpack:///./src/views/apps/invoice/invoice-preview/InvoicePreview.vue?c50c","webpack:///./src/views/apps/invoice/invoice-preview/InvoicePreview.vue","webpack:///./src/views/apps/invoice/invoice-preview/InvoicePreview.vue?cdd8"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","undefined","invoiceData","_v","name","_s","id","issuedDate","dueDate","client","company","address","country","contact","companyEmail","paymentDetails","totalDue","bankName","iban","swiftCode","_e","invoiceDescription","scopedSlots","_u","key","fn","data","item","taskTitle","taskDescription","directives","rawName","value","expression","modifiers","on","printInvoice","params","$route","staticRenderFns","Ripple","VBToggle","components","BRow","BCol","BCard","BCardBody","BTableLite","BCardText","BButton","BAlert","BLink","Logo","InvoiceSidebarAddPayment","InvoiceSidebarSendInvoice","setup","ref","rate","hours","total","INVOICE_APP_STORE_MODULE_NAME","store","hasModule","registerModule","invoiceStoreModule","onUnmounted","unregisterModule","dispatch","router","currentRoute","then","response","invoice","catch","error","status","window","print","component"],"mappings":"oKAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,YAAY,2BAA2B,CAACF,EAAG,UAAU,CAACG,MAAM,CAAC,QAAU,SAAS,UAA2BC,IAApBR,EAAIS,cAA4B,CAACL,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACN,EAAIU,GAAG,mCAAmCN,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIU,GAAG,kDAAkDN,EAAG,SAAS,CAACE,YAAY,aAAaC,MAAM,CAAC,GAAK,CAAEI,KAAM,uBAAuB,CAACX,EAAIU,GAAG,oBAAoBV,EAAIU,GAAG,0BAA0B,KAAMV,EAAe,YAAEI,EAAG,QAAQ,CAACE,YAAY,mBAAmB,CAACF,EAAG,QAAQ,CAACG,MAAM,CAAC,KAAO,KAAK,GAAK,IAAI,GAAK,MAAM,CAACH,EAAG,SAAS,CAACE,YAAY,uBAAuBC,MAAM,CAAC,UAAU,KAAK,CAACH,EAAG,cAAc,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,+EAA+E,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,QAAQA,EAAG,KAAK,CAACE,YAAY,6BAA6B,CAACN,EAAIU,GAAG,cAAc,GAAGN,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACN,EAAIU,GAAG,4CAA4CN,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACN,EAAIU,GAAG,uCAAuCN,EAAG,IAAI,CAACE,YAAY,kBAAkB,CAACN,EAAIU,GAAG,+CAA+CN,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACN,EAAIU,GAAG,aAAaN,EAAG,OAAO,CAACE,YAAY,kBAAkB,CAACN,EAAIU,GAAG,IAAIV,EAAIY,GAAGZ,EAAIS,YAAYI,SAAST,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,IAAI,CAACE,YAAY,sBAAsB,CAACN,EAAIU,GAAG,oBAAoBN,EAAG,IAAI,CAACE,YAAY,gBAAgB,CAACN,EAAIU,GAAG,IAAIV,EAAIY,GAAGZ,EAAIS,YAAYK,YAAY,SAASV,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,IAAI,CAACE,YAAY,sBAAsB,CAACN,EAAIU,GAAG,iBAAiBN,EAAG,IAAI,CAACE,YAAY,gBAAgB,CAACN,EAAIU,GAAG,IAAIV,EAAIY,GAAGZ,EAAIS,YAAYM,SAAS,eAAeX,EAAG,KAAK,CAACE,YAAY,oBAAqBN,EAAIS,YAAkB,OAAEL,EAAG,cAAc,CAACE,YAAY,wBAAwB,CAACF,EAAG,QAAQ,CAACE,YAAY,mBAAmB,CAACF,EAAG,QAAQ,CAACE,YAAY,MAAMC,MAAM,CAAC,KAAO,KAAK,GAAK,MAAM,CAACH,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIU,GAAG,mBAAmBN,EAAG,KAAK,CAACE,YAAY,SAAS,CAACN,EAAIU,GAAG,IAAIV,EAAIY,GAAGZ,EAAIS,YAAYO,OAAOL,MAAM,OAAOP,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACN,EAAIU,GAAG,IAAIV,EAAIY,GAAGZ,EAAIS,YAAYO,OAAOC,SAAS,OAAOb,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACN,EAAIU,GAAG,IAAIV,EAAIY,GAAGZ,EAAIS,YAAYO,OAAOE,SAAS,KAAKlB,EAAIY,GAAGZ,EAAIS,YAAYO,OAAOG,SAAS,OAAOf,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACN,EAAIU,GAAG,IAAIV,EAAIY,GAAGZ,EAAIS,YAAYO,OAAOI,SAAS,OAAOhB,EAAG,IAAI,CAACE,YAAY,kBAAkB,CAACN,EAAIU,GAAG,IAAIV,EAAIY,GAAGZ,EAAIS,YAAYO,OAAOK,cAAc,SAASjB,EAAG,QAAQ,CAACE,YAAY,iDAAiDC,MAAM,CAAC,GAAK,IAAI,KAAO,OAAO,CAACH,EAAG,MAAM,CAACA,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIU,GAAG,wBAAwBN,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIU,GAAG,kBAAkBN,EAAG,KAAK,CAACA,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIU,GAAGV,EAAIY,GAAGZ,EAAIsB,eAAeC,iBAAiBnB,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIU,GAAG,kBAAkBN,EAAG,KAAK,CAACJ,EAAIU,GAAGV,EAAIY,GAAGZ,EAAIsB,eAAeE,eAAepB,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIU,GAAG,gBAAgBN,EAAG,KAAK,CAACJ,EAAIU,GAAGV,EAAIY,GAAGZ,EAAIsB,eAAeH,cAAcf,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIU,GAAG,aAAaN,EAAG,KAAK,CAACJ,EAAIU,GAAGV,EAAIY,GAAGZ,EAAIsB,eAAeG,WAAWrB,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIU,GAAG,mBAAmBN,EAAG,KAAK,CAACJ,EAAIU,GAAGV,EAAIY,GAAGZ,EAAIsB,eAAeI,yBAAyB,IAAI,GAAG1B,EAAI2B,KAAKvB,EAAG,eAAe,CAACG,MAAM,CAAC,WAAa,GAAG,MAAQP,EAAI4B,mBAAmB,OAAS,CAAC,kBAAmB,OAAQ,QAAS,UAAUC,YAAY7B,EAAI8B,GAAG,CAAC,CAACC,IAAI,wBAAwBC,GAAG,SAASC,GAAM,MAAO,CAAC7B,EAAG,cAAc,CAACE,YAAY,0BAA0B,CAACN,EAAIU,GAAG,IAAIV,EAAIY,GAAGqB,EAAKC,KAAKC,WAAW,OAAO/B,EAAG,cAAc,CAACE,YAAY,eAAe,CAACN,EAAIU,GAAG,IAAIV,EAAIY,GAAGqB,EAAKC,KAAKE,iBAAiB,WAAW,MAAK,EAAM,cAAchC,EAAG,cAAc,CAACE,YAAY,wBAAwB,CAACF,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACE,YAAY,eAAeC,MAAM,CAAC,KAAO,KAAK,GAAK,IAAI,MAAQ,IAAI,WAAW,MAAM,CAACH,EAAG,cAAc,CAACE,YAAY,QAAQ,CAACF,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIU,GAAG,kBAAkBN,EAAG,OAAO,CAACE,YAAY,SAAS,CAACN,EAAIU,GAAG,uBAAuB,GAAGN,EAAG,QAAQ,CAACE,YAAY,qCAAqCC,MAAM,CAAC,KAAO,KAAK,GAAK,IAAI,MAAQ,IAAI,WAAW,MAAM,CAACH,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,IAAI,CAACE,YAAY,uBAAuB,CAACN,EAAIU,GAAG,iBAAiBN,EAAG,IAAI,CAACE,YAAY,wBAAwB,CAACN,EAAIU,GAAG,eAAeN,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,IAAI,CAACE,YAAY,uBAAuB,CAACN,EAAIU,GAAG,iBAAiBN,EAAG,IAAI,CAACE,YAAY,wBAAwB,CAACN,EAAIU,GAAG,aAAaN,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,IAAI,CAACE,YAAY,uBAAuB,CAACN,EAAIU,GAAG,YAAYN,EAAG,IAAI,CAACE,YAAY,wBAAwB,CAACN,EAAIU,GAAG,aAAaN,EAAG,KAAK,CAACE,YAAY,UAAUF,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,IAAI,CAACE,YAAY,uBAAuB,CAACN,EAAIU,GAAG,cAAcN,EAAG,IAAI,CAACE,YAAY,wBAAwB,CAACN,EAAIU,GAAG,oBAAoB,IAAI,GAAGN,EAAG,KAAK,CAACE,YAAY,oBAAoBF,EAAG,cAAc,CAACE,YAAY,wBAAwB,CAACF,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIU,GAAG,YAAYN,EAAG,OAAO,CAACJ,EAAIU,GAAG,qIAAqI,IAAI,GAAGN,EAAG,QAAQ,CAACE,YAAY,kBAAkBC,MAAM,CAAC,KAAO,KAAK,GAAK,IAAI,GAAK,MAAM,CAACH,EAAG,SAAS,CAACA,EAAG,WAAW,CAACiC,WAAW,CAAC,CAAC1B,KAAK,SAAS2B,QAAQ,eAAeC,MAAM,4BAA8BC,WAAW,8BAA8BC,UAAU,CAAC,KAAM,IAAO,CAAC9B,KAAK,WAAW2B,QAAQ,kCAAkCG,UAAU,CAAC,wBAAuB,KAAQnC,YAAY,QAAQC,MAAM,CAAC,QAAU,UAAU,MAAQ,KAAK,CAACP,EAAIU,GAAG,oBAAoBN,EAAG,WAAW,CAACiC,WAAW,CAAC,CAAC1B,KAAK,SAAS2B,QAAQ,eAAeC,MAAM,4BAA8BC,WAAW,8BAA8BC,UAAU,CAAC,KAAM,KAAQnC,YAAY,QAAQC,MAAM,CAAC,QAAU,oBAAoB,MAAQ,KAAK,CAACP,EAAIU,GAAG,gBAAgBN,EAAG,WAAW,CAACiC,WAAW,CAAC,CAAC1B,KAAK,SAAS2B,QAAQ,eAAeC,MAAM,4BAA8BC,WAAW,8BAA8BC,UAAU,CAAC,KAAM,KAAQnC,YAAY,QAAQC,MAAM,CAAC,QAAU,oBAAoB,MAAQ,IAAImC,GAAG,CAAC,MAAQ1C,EAAI2C,eAAe,CAAC3C,EAAIU,GAAG,aAAaN,EAAG,WAAW,CAACiC,WAAW,CAAC,CAAC1B,KAAK,SAAS2B,QAAQ,eAAeC,MAAM,4BAA8BC,WAAW,8BAA8BC,UAAU,CAAC,KAAM,KAAQnC,YAAY,QAAQC,MAAM,CAAC,QAAU,oBAAoB,MAAQ,GAAG,GAAK,CAAEI,KAAM,oBAAqBiC,OAAQ,CAAE/B,GAAIb,EAAI6C,OAAOD,OAAO/B,OAAS,CAACb,EAAIU,GAAG,YAAYN,EAAG,WAAW,CAACiC,WAAW,CAAC,CAAC1B,KAAK,WAAW2B,QAAQ,yCAAyCG,UAAU,CAAC,+BAA8B,IAAO,CAAC9B,KAAK,SAAS2B,QAAQ,eAAeC,MAAM,4BAA8BC,WAAW,8BAA8BC,UAAU,CAAC,KAAM,KAAQnC,YAAY,QAAQC,MAAM,CAAC,QAAU,UAAU,MAAQ,KAAK,CAACP,EAAIU,GAAG,oBAAoB,IAAI,IAAI,GAAGV,EAAI2B,KAAKvB,EAAG,gCAAgCA,EAAG,gCAAgC,IACjsO0C,EAAkB,G,wNC6VP,GACfT,WAAA,CACAU,cACA,WAAAC,QAEAC,WAAA,CACAC,YACAC,YACAC,aACAC,iBACAC,kBACAC,iBACAC,eACAC,cACAC,aAEAC,YACAC,gCACAC,kCAEAC,QACA,MAAArD,EAAAsD,iBAAA,MACAzC,EAAAyC,iBAAA,IAIAnC,EAAA,CACA,CACAO,UAAA,yBACAC,gBAAA,2EACA4B,KAAA,SACAC,MAAA,KACAC,MAAA,aAEA,CACA/B,UAAA,gBACAC,gBAAA,kEACA4B,KAAA,SACAC,MAAA,KACAC,MAAA,aAIAC,EAAA,cAGAC,OAAAC,UAAAF,IAAAC,OAAAE,eAAAH,EAAAI,QAGAC,yBAAA,KACAJ,OAAAC,UAAAF,IAAAC,OAAAK,iBAAAN,KAGAC,OAAAM,SAAA,4BAAA7D,GAAA8D,OAAAC,aAAAhC,OAAA/B,KACAgE,KAAAC,IACArE,EAAA8B,MAAAuC,EAAA7C,KAAA8C,QACAzD,EAAAiB,MAAAuC,EAAA7C,KAAAX,iBAEA0D,MAAAC,IACA,MAAAA,EAAAH,SAAAI,SACAzE,EAAA8B,WAAA/B,KAIA,MAAAmC,OACAwC,OAAAC,SAGA,OACA3E,cACAa,iBACAM,qBACAe,kBCtaqY,I,kCCSjY0C,EAAY,eACd,EACAtF,EACA+C,GACA,EACA,KACA,WACA,MAIa,aAAAuC,E,2CCpBf","file":"js/chunk-15672432.fb5f9d12.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InvoicePreview.vue?vue&type=style&index=1&id=7749c12c&prod&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"invoice-preview-wrapper\"},[_c('b-alert',{attrs:{\"variant\":\"danger\",\"show\":_vm.invoiceData === undefined}},[_c('h4',{staticClass:\"alert-heading\"},[_vm._v(\" Error fetching invoice data \")]),_c('div',{staticClass:\"alert-body\"},[_vm._v(\" No invoice found with this invoice id. Check \"),_c('b-link',{staticClass:\"alert-link\",attrs:{\"to\":{ name: 'apps-invoice-list'}}},[_vm._v(\" Invoice List \")]),_vm._v(\" for other invoices. \")],1)]),(_vm.invoiceData)?_c('b-row',{staticClass:\"invoice-preview\"},[_c('b-col',{attrs:{\"cols\":\"12\",\"xl\":\"9\",\"md\":\"8\"}},[_c('b-card',{staticClass:\"invoice-preview-card\",attrs:{\"no-body\":\"\"}},[_c('b-card-body',{staticClass:\"invoice-padding pb-0\"},[_c('div',{staticClass:\"d-flex justify-content-between flex-md-row flex-column invoice-spacing mt-0\"},[_c('div',[_c('div',{staticClass:\"logo-wrapper\"},[_c('logo'),_c('h3',{staticClass:\"text-primary invoice-logo\"},[_vm._v(\" Vuexy \")])],1),_c('p',{staticClass:\"card-text mb-25\"},[_vm._v(\" Office 149, 450 South Brand Brooklyn \")]),_c('p',{staticClass:\"card-text mb-25\"},[_vm._v(\" San Diego County, CA 91905, USA \")]),_c('p',{staticClass:\"card-text mb-0\"},[_vm._v(\" +1 (123) 456 7891, +44 (876) 543 2198 \")])]),_c('div',{staticClass:\"mt-md-0 mt-2\"},[_c('h4',{staticClass:\"invoice-title\"},[_vm._v(\" Invoice \"),_c('span',{staticClass:\"invoice-number\"},[_vm._v(\"#\"+_vm._s(_vm.invoiceData.id))])]),_c('div',{staticClass:\"invoice-date-wrapper\"},[_c('p',{staticClass:\"invoice-date-title\"},[_vm._v(\" Date Issued: \")]),_c('p',{staticClass:\"invoice-date\"},[_vm._v(\" \"+_vm._s(_vm.invoiceData.issuedDate)+\" \")])]),_c('div',{staticClass:\"invoice-date-wrapper\"},[_c('p',{staticClass:\"invoice-date-title\"},[_vm._v(\" Due Date: \")]),_c('p',{staticClass:\"invoice-date\"},[_vm._v(\" \"+_vm._s(_vm.invoiceData.dueDate)+\" \")])])])])]),_c('hr',{staticClass:\"invoice-spacing\"}),(_vm.invoiceData.client)?_c('b-card-body',{staticClass:\"invoice-padding pt-0\"},[_c('b-row',{staticClass:\"invoice-spacing\"},[_c('b-col',{staticClass:\"p-0\",attrs:{\"cols\":\"12\",\"xl\":\"6\"}},[_c('h6',{staticClass:\"mb-2\"},[_vm._v(\" Invoice To: \")]),_c('h6',{staticClass:\"mb-25\"},[_vm._v(\" \"+_vm._s(_vm.invoiceData.client.name)+\" \")]),_c('p',{staticClass:\"card-text mb-25\"},[_vm._v(\" \"+_vm._s(_vm.invoiceData.client.company)+\" \")]),_c('p',{staticClass:\"card-text mb-25\"},[_vm._v(\" \"+_vm._s(_vm.invoiceData.client.address)+\", \"+_vm._s(_vm.invoiceData.client.country)+\" \")]),_c('p',{staticClass:\"card-text mb-25\"},[_vm._v(\" \"+_vm._s(_vm.invoiceData.client.contact)+\" \")]),_c('p',{staticClass:\"card-text mb-0\"},[_vm._v(\" \"+_vm._s(_vm.invoiceData.client.companyEmail)+\" \")])]),_c('b-col',{staticClass:\"p-0 mt-xl-0 mt-2 d-flex justify-content-xl-end\",attrs:{\"xl\":\"6\",\"cols\":\"12\"}},[_c('div',[_c('h6',{staticClass:\"mb-2\"},[_vm._v(\" Payment Details: \")]),_c('table',[_c('tbody',[_c('tr',[_c('td',{staticClass:\"pr-1\"},[_vm._v(\" Total Due: \")]),_c('td',[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(_vm.paymentDetails.totalDue))])])]),_c('tr',[_c('td',{staticClass:\"pr-1\"},[_vm._v(\" Bank name: \")]),_c('td',[_vm._v(_vm._s(_vm.paymentDetails.bankName))])]),_c('tr',[_c('td',{staticClass:\"pr-1\"},[_vm._v(\" Country: \")]),_c('td',[_vm._v(_vm._s(_vm.paymentDetails.country))])]),_c('tr',[_c('td',{staticClass:\"pr-1\"},[_vm._v(\" IBAN: \")]),_c('td',[_vm._v(_vm._s(_vm.paymentDetails.iban))])]),_c('tr',[_c('td',{staticClass:\"pr-1\"},[_vm._v(\" SWIFT code: \")]),_c('td',[_vm._v(_vm._s(_vm.paymentDetails.swiftCode))])])])])])])],1)],1):_vm._e(),_c('b-table-lite',{attrs:{\"responsive\":\"\",\"items\":_vm.invoiceDescription,\"fields\":['taskDescription', 'rate', 'hours', 'total']},scopedSlots:_vm._u([{key:\"cell(taskDescription)\",fn:function(data){return [_c('b-card-text',{staticClass:\"font-weight-bold mb-25\"},[_vm._v(\" \"+_vm._s(data.item.taskTitle)+\" \")]),_c('b-card-text',{staticClass:\"text-nowrap\"},[_vm._v(\" \"+_vm._s(data.item.taskDescription)+\" \")])]}}],null,false,1464498393)}),_c('b-card-body',{staticClass:\"invoice-padding pb-0\"},[_c('b-row',[_c('b-col',{staticClass:\"mt-md-0 mt-3\",attrs:{\"cols\":\"12\",\"md\":\"6\",\"order\":\"2\",\"order-md\":\"1\"}},[_c('b-card-text',{staticClass:\"mb-0\"},[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(\"Salesperson:\")]),_c('span',{staticClass:\"ml-75\"},[_vm._v(\"Alfie Solomons\")])])],1),_c('b-col',{staticClass:\"mt-md-6 d-flex justify-content-end\",attrs:{\"cols\":\"12\",\"md\":\"6\",\"order\":\"1\",\"order-md\":\"2\"}},[_c('div',{staticClass:\"invoice-total-wrapper\"},[_c('div',{staticClass:\"invoice-total-item\"},[_c('p',{staticClass:\"invoice-total-title\"},[_vm._v(\" Subtotal: \")]),_c('p',{staticClass:\"invoice-total-amount\"},[_vm._v(\" $1800 \")])]),_c('div',{staticClass:\"invoice-total-item\"},[_c('p',{staticClass:\"invoice-total-title\"},[_vm._v(\" Discount: \")]),_c('p',{staticClass:\"invoice-total-amount\"},[_vm._v(\" $28 \")])]),_c('div',{staticClass:\"invoice-total-item\"},[_c('p',{staticClass:\"invoice-total-title\"},[_vm._v(\" Tax: \")]),_c('p',{staticClass:\"invoice-total-amount\"},[_vm._v(\" 21% \")])]),_c('hr',{staticClass:\"my-50\"}),_c('div',{staticClass:\"invoice-total-item\"},[_c('p',{staticClass:\"invoice-total-title\"},[_vm._v(\" Total: \")]),_c('p',{staticClass:\"invoice-total-amount\"},[_vm._v(\" $1690 \")])])])])],1)],1),_c('hr',{staticClass:\"invoice-spacing\"}),_c('b-card-body',{staticClass:\"invoice-padding pt-0\"},[_c('span',{staticClass:\"font-weight-bold\"},[_vm._v(\"Note: \")]),_c('span',[_vm._v(\"It was a pleasure working with you and your team. We hope you will keep us in mind for future freelance projects. Thank You!\")])])],1)],1),_c('b-col',{staticClass:\"invoice-actions\",attrs:{\"cols\":\"12\",\"md\":\"4\",\"xl\":\"3\"}},[_c('b-card',[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}},{name:\"b-toggle\",rawName:\"v-b-toggle.sidebar-send-invoice\",modifiers:{\"sidebar-send-invoice\":true}}],staticClass:\"mb-75\",attrs:{\"variant\":\"primary\",\"block\":\"\"}},[_vm._v(\" Send Invoice \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(186, 191, 199, 0.15)'),expression:\"'rgba(186, 191, 199, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"mb-75\",attrs:{\"variant\":\"outline-secondary\",\"block\":\"\"}},[_vm._v(\" Download \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(186, 191, 199, 0.15)'),expression:\"'rgba(186, 191, 199, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"mb-75\",attrs:{\"variant\":\"outline-secondary\",\"block\":\"\"},on:{\"click\":_vm.printInvoice}},[_vm._v(\" Print \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(186, 191, 199, 0.15)'),expression:\"'rgba(186, 191, 199, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"mb-75\",attrs:{\"variant\":\"outline-secondary\",\"block\":\"\",\"to\":{ name: 'apps-invoice-edit', params: { id: _vm.$route.params.id } }}},[_vm._v(\" Edit \")]),_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.sidebar-invoice-add-payment\",modifiers:{\"sidebar-invoice-add-payment\":true}},{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"mb-75\",attrs:{\"variant\":\"success\",\"block\":\"\"}},[_vm._v(\" Add Payment \")])],1)],1)],1):_vm._e(),_c('invoice-sidebar-send-invoice'),_c('invoice-sidebar-add-payment')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <section class=\"invoice-preview-wrapper\">\r\n\r\n    <!-- Alert: No item found -->\r\n    <b-alert\r\n      variant=\"danger\"\r\n      :show=\"invoiceData === undefined\"\r\n    >\r\n      <h4 class=\"alert-heading\">\r\n        Error fetching invoice data\r\n      </h4>\r\n      <div class=\"alert-body\">\r\n        No invoice found with this invoice id. Check\r\n        <b-link\r\n          class=\"alert-link\"\r\n          :to=\"{ name: 'apps-invoice-list'}\"\r\n        >\r\n          Invoice List\r\n        </b-link>\r\n        for other invoices.\r\n      </div>\r\n    </b-alert>\r\n\r\n    <b-row\r\n      v-if=\"invoiceData\"\r\n      class=\"invoice-preview\"\r\n    >\r\n\r\n      <!-- Col: Left (Invoice Container) -->\r\n      <b-col\r\n        cols=\"12\"\r\n        xl=\"9\"\r\n        md=\"8\"\r\n      >\r\n        <b-card\r\n          no-body\r\n          class=\"invoice-preview-card\"\r\n        >\r\n          <!-- Header -->\r\n          <b-card-body class=\"invoice-padding pb-0\">\r\n\r\n            <div class=\"d-flex justify-content-between flex-md-row flex-column invoice-spacing mt-0\">\r\n\r\n              <!-- Header: Left Content -->\r\n              <div>\r\n                <div class=\"logo-wrapper\">\r\n                  <logo />\r\n                  <h3 class=\"text-primary invoice-logo\">\r\n                    Vuexy\r\n                  </h3>\r\n                </div>\r\n                <p class=\"card-text mb-25\">\r\n                  Office 149, 450 South Brand Brooklyn\r\n                </p>\r\n                <p class=\"card-text mb-25\">\r\n                  San Diego County, CA 91905, USA\r\n                </p>\r\n                <p class=\"card-text mb-0\">\r\n                  +1 (123) 456 7891, +44 (876) 543 2198\r\n                </p>\r\n              </div>\r\n\r\n              <!-- Header: Right Content -->\r\n              <div class=\"mt-md-0 mt-2\">\r\n                <h4 class=\"invoice-title\">\r\n                  Invoice\r\n                  <span class=\"invoice-number\">#{{ invoiceData.id }}</span>\r\n                </h4>\r\n                <div class=\"invoice-date-wrapper\">\r\n                  <p class=\"invoice-date-title\">\r\n                    Date Issued:\r\n                  </p>\r\n                  <p class=\"invoice-date\">\r\n                    {{ invoiceData.issuedDate }}\r\n                  </p>\r\n                </div>\r\n                <div class=\"invoice-date-wrapper\">\r\n                  <p class=\"invoice-date-title\">\r\n                    Due Date:\r\n                  </p>\r\n                  <p class=\"invoice-date\">\r\n                    {{ invoiceData.dueDate }}\r\n                  </p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </b-card-body>\r\n\r\n          <!-- Spacer -->\r\n          <hr class=\"invoice-spacing\">\r\n\r\n          <!-- Invoice Client & Payment Details -->\r\n          <b-card-body\r\n            v-if=\"invoiceData.client\"\r\n            class=\"invoice-padding pt-0\"\r\n          >\r\n            <b-row class=\"invoice-spacing\">\r\n\r\n              <!-- Col: Invoice To -->\r\n              <b-col\r\n                cols=\"12\"\r\n                xl=\"6\"\r\n                class=\"p-0\"\r\n              >\r\n                <h6 class=\"mb-2\">\r\n                  Invoice To:\r\n                </h6>\r\n                <h6 class=\"mb-25\">\r\n                  {{ invoiceData.client.name }}\r\n                </h6>\r\n                <p class=\"card-text mb-25\">\r\n                  {{ invoiceData.client.company }}\r\n                </p>\r\n                <p class=\"card-text mb-25\">\r\n                  {{ invoiceData.client.address }}, {{ invoiceData.client.country }}\r\n                </p>\r\n                <p class=\"card-text mb-25\">\r\n                  {{ invoiceData.client.contact }}\r\n                </p>\r\n                <p class=\"card-text mb-0\">\r\n                  {{ invoiceData.client.companyEmail }}\r\n                </p>\r\n              </b-col>\r\n\r\n              <!-- Col: Payment Details -->\r\n              <b-col\r\n                xl=\"6\"\r\n                cols=\"12\"\r\n                class=\"p-0 mt-xl-0 mt-2 d-flex justify-content-xl-end\"\r\n              >\r\n                <div>\r\n                  <h6 class=\"mb-2\">\r\n                    Payment Details:\r\n                  </h6>\r\n                  <table>\r\n                    <tbody>\r\n                      <tr>\r\n                        <td class=\"pr-1\">\r\n                          Total Due:\r\n                        </td>\r\n                        <td><span class=\"font-weight-bold\">{{ paymentDetails.totalDue }}</span></td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td class=\"pr-1\">\r\n                          Bank name:\r\n                        </td>\r\n                        <td>{{ paymentDetails.bankName }}</td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td class=\"pr-1\">\r\n                          Country:\r\n                        </td>\r\n                        <td>{{ paymentDetails.country }}</td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td class=\"pr-1\">\r\n                          IBAN:\r\n                        </td>\r\n                        <td>{{ paymentDetails.iban }}</td>\r\n                      </tr>\r\n                      <tr>\r\n                        <td class=\"pr-1\">\r\n                          SWIFT code:\r\n                        </td>\r\n                        <td>{{ paymentDetails.swiftCode }}</td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n              </b-col>\r\n            </b-row>\r\n          </b-card-body>\r\n\r\n          <!-- Invoice Description: Table -->\r\n          <b-table-lite\r\n            responsive\r\n            :items=\"invoiceDescription\"\r\n            :fields=\"['taskDescription', 'rate', 'hours', 'total']\"\r\n          >\r\n            <template #cell(taskDescription)=\"data\">\r\n              <b-card-text class=\"font-weight-bold mb-25\">\r\n                {{ data.item.taskTitle }}\r\n              </b-card-text>\r\n              <b-card-text class=\"text-nowrap\">\r\n                {{ data.item.taskDescription }}\r\n              </b-card-text>\r\n            </template>\r\n          </b-table-lite>\r\n\r\n          <!-- Invoice Description: Total -->\r\n          <b-card-body class=\"invoice-padding pb-0\">\r\n            <b-row>\r\n\r\n              <!-- Col: Sales Persion -->\r\n              <b-col\r\n                cols=\"12\"\r\n                md=\"6\"\r\n                class=\"mt-md-0 mt-3\"\r\n                order=\"2\"\r\n                order-md=\"1\"\r\n              >\r\n                <b-card-text class=\"mb-0\">\r\n                  <span class=\"font-weight-bold\">Salesperson:</span>\r\n                  <span class=\"ml-75\">Alfie Solomons</span>\r\n                </b-card-text>\r\n              </b-col>\r\n\r\n              <!-- Col: Total -->\r\n              <b-col\r\n                cols=\"12\"\r\n                md=\"6\"\r\n                class=\"mt-md-6 d-flex justify-content-end\"\r\n                order=\"1\"\r\n                order-md=\"2\"\r\n              >\r\n                <div class=\"invoice-total-wrapper\">\r\n                  <div class=\"invoice-total-item\">\r\n                    <p class=\"invoice-total-title\">\r\n                      Subtotal:\r\n                    </p>\r\n                    <p class=\"invoice-total-amount\">\r\n                      $1800\r\n                    </p>\r\n                  </div>\r\n                  <div class=\"invoice-total-item\">\r\n                    <p class=\"invoice-total-title\">\r\n                      Discount:\r\n                    </p>\r\n                    <p class=\"invoice-total-amount\">\r\n                      $28\r\n                    </p>\r\n                  </div>\r\n                  <div class=\"invoice-total-item\">\r\n                    <p class=\"invoice-total-title\">\r\n                      Tax:\r\n                    </p>\r\n                    <p class=\"invoice-total-amount\">\r\n                      21%\r\n                    </p>\r\n                  </div>\r\n                  <hr class=\"my-50\">\r\n                  <div class=\"invoice-total-item\">\r\n                    <p class=\"invoice-total-title\">\r\n                      Total:\r\n                    </p>\r\n                    <p class=\"invoice-total-amount\">\r\n                      $1690\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n              </b-col>\r\n            </b-row>\r\n          </b-card-body>\r\n\r\n          <!-- Spacer -->\r\n          <hr class=\"invoice-spacing\">\r\n\r\n          <!-- Note -->\r\n          <b-card-body class=\"invoice-padding pt-0\">\r\n            <span class=\"font-weight-bold\">Note: </span>\r\n            <span>It was a pleasure working with you and your team. We hope you will keep us in mind for future freelance\r\n              projects. Thank You!</span>\r\n          </b-card-body>\r\n        </b-card>\r\n      </b-col>\r\n\r\n      <!-- Right Col: Card -->\r\n      <b-col\r\n        cols=\"12\"\r\n        md=\"4\"\r\n        xl=\"3\"\r\n        class=\"invoice-actions\"\r\n      >\r\n        <b-card>\r\n\r\n          <!-- Button: Send Invoice -->\r\n          <b-button\r\n            v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n            v-b-toggle.sidebar-send-invoice\r\n            variant=\"primary\"\r\n            class=\"mb-75\"\r\n            block\r\n          >\r\n            Send Invoice\r\n          </b-button>\r\n\r\n          <!-- Button: DOwnload -->\r\n          <b-button\r\n            v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n            variant=\"outline-secondary\"\r\n            class=\"mb-75\"\r\n            block\r\n          >\r\n            Download\r\n          </b-button>\r\n\r\n          <!-- Button: Print -->\r\n          <b-button\r\n            v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n            variant=\"outline-secondary\"\r\n            class=\"mb-75\"\r\n            block\r\n            @click=\"printInvoice\"\r\n          >\r\n            Print\r\n          </b-button>\r\n\r\n          <!-- Button: Edit -->\r\n          <b-button\r\n            v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\r\n            variant=\"outline-secondary\"\r\n            class=\"mb-75\"\r\n            block\r\n            :to=\"{ name: 'apps-invoice-edit', params: { id: $route.params.id } }\"\r\n          >\r\n            Edit\r\n          </b-button>\r\n\r\n          <!-- Button: Add Payment -->\r\n          <b-button\r\n            v-b-toggle.sidebar-invoice-add-payment\r\n            v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n            variant=\"success\"\r\n            class=\"mb-75\"\r\n            block\r\n          >\r\n            Add Payment\r\n          </b-button>\r\n        </b-card>\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <invoice-sidebar-send-invoice />\r\n    <invoice-sidebar-add-payment />\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport { ref, onUnmounted } from '@vue/composition-api'\r\nimport store from '@/store'\r\nimport router from '@/router'\r\nimport {\r\n  BRow, BCol, BCard, BCardBody, BTableLite, BCardText, BButton, BAlert, BLink, VBToggle,\r\n} from 'bootstrap-vue'\r\nimport Logo from '@core/layouts/components/Logo.vue'\r\nimport Ripple from 'vue-ripple-directive'\r\nimport invoiceStoreModule from '../invoiceStoreModule'\r\nimport InvoiceSidebarSendInvoice from '../InvoiceSidebarSendInvoice.vue'\r\nimport InvoiceSidebarAddPayment from '../InvoiceSidebarAddPayment.vue'\r\n\r\nexport default {\r\n  directives: {\r\n    Ripple,\r\n    'b-toggle': VBToggle,\r\n  },\r\n  components: {\r\n    BRow,\r\n    BCol,\r\n    BCard,\r\n    BCardBody,\r\n    BTableLite,\r\n    BCardText,\r\n    BButton,\r\n    BAlert,\r\n    BLink,\r\n\r\n    Logo,\r\n    InvoiceSidebarAddPayment,\r\n    InvoiceSidebarSendInvoice,\r\n  },\r\n  setup() {\r\n    const invoiceData = ref(null)\r\n    const paymentDetails = ref({})\r\n\r\n    // Invoice Description\r\n    // ? Your real data will contain this information\r\n    const invoiceDescription = [\r\n      {\r\n        taskTitle: 'Native App Development',\r\n        taskDescription: 'Developed a full stack native app using React Native, Bootstrap & Python',\r\n        rate: '$60.00',\r\n        hours: '30',\r\n        total: '$1,800.00',\r\n      },\r\n      {\r\n        taskTitle: 'UI Kit Design',\r\n        taskDescription: 'Designed a UI kit for native app using Sketch, Figma & Adobe XD',\r\n        rate: '$60.00',\r\n        hours: '20',\r\n        total: '$1200.00',\r\n      },\r\n    ]\r\n\r\n    const INVOICE_APP_STORE_MODULE_NAME = 'app-invoice'\r\n\r\n    // Register module\r\n    if (!store.hasModule(INVOICE_APP_STORE_MODULE_NAME)) store.registerModule(INVOICE_APP_STORE_MODULE_NAME, invoiceStoreModule)\r\n\r\n    // UnRegister on leave\r\n    onUnmounted(() => {\r\n      if (store.hasModule(INVOICE_APP_STORE_MODULE_NAME)) store.unregisterModule(INVOICE_APP_STORE_MODULE_NAME)\r\n    })\r\n\r\n    store.dispatch('app-invoice/fetchInvoice', { id: router.currentRoute.params.id })\r\n      .then(response => {\r\n        invoiceData.value = response.data.invoice\r\n        paymentDetails.value = response.data.paymentDetails\r\n      })\r\n      .catch(error => {\r\n        if (error.response.status === 404) {\r\n          invoiceData.value = undefined\r\n        }\r\n      })\r\n\r\n    const printInvoice = () => {\r\n      window.print()\r\n    }\r\n\r\n    return {\r\n      invoiceData,\r\n      paymentDetails,\r\n      invoiceDescription,\r\n      printInvoice,\r\n    }\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"~@core/scss/base/pages/app-invoice.scss\";\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n@media print {\r\n\r\n  // Global Styles\r\n  body {\r\n    background-color: transparent !important;\r\n  }\r\n  nav.header-navbar {\r\n    display: none;\r\n  }\r\n  .main-menu {\r\n    display: none;\r\n  }\r\n  .header-navbar-shadow {\r\n    display: none !important;\r\n  }\r\n  .content.app-content {\r\n    margin-left: 0;\r\n    padding-top: 2rem !important;\r\n  }\r\n  footer.footer {\r\n    display: none;\r\n  }\r\n  .card {\r\n    background-color: transparent;\r\n    box-shadow: none;\r\n  }\r\n  .customizer-toggle {\r\n    display: none !important;\r\n  }\r\n\r\n  // Invoice Specific Styles\r\n  .invoice-preview-wrapper {\r\n    .row.invoice-preview {\r\n      .col-md-8 {\r\n        max-width: 100%;\r\n        flex-grow: 1;\r\n      }\r\n\r\n      .invoice-preview-card {\r\n        .card-body:nth-of-type(2) {\r\n          .row {\r\n              > .col-12 {\r\n              max-width: 50% !important;\r\n            }\r\n\r\n            .col-12:nth-child(2) {\r\n              display: flex;\r\n              align-items: flex-start;\r\n              justify-content: flex-end;\r\n              margin-top: 0 !important;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    // Action Right Col\r\n    .invoice-actions {\r\n      display: none;\r\n    }\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!./InvoicePreview.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!./InvoicePreview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InvoicePreview.vue?vue&type=template&id=7749c12c&scoped=true&\"\nimport script from \"./InvoicePreview.vue?vue&type=script&lang=js&\"\nexport * from \"./InvoicePreview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InvoicePreview.vue?vue&type=style&index=0&id=7749c12c&prod&lang=scss&scoped=true&\"\nimport style1 from \"./InvoicePreview.vue?vue&type=style&index=1&id=7749c12c&prod&lang=scss&\"\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  \"7749c12c\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InvoicePreview.vue?vue&type=style&index=0&id=7749c12c&prod&lang=scss&scoped=true&\""],"sourceRoot":""}