{"version":3,"sources":["webpack:///./src/views/apps/invoice/invoice-preview/InvoicePreview.vue?6bd9","webpack:///./src/views/apps/invoice/invoice-preview/InvoicePreview.vue?1ee6","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"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","name","_s","invoice","address","phone","order_date","due_date","email","payment","total_price","_l","JSON","parse","products","item","index","price","note","directives","rawName","value","expression","modifiers","params","id","$route","staticRenderFns","Ripple","data","components","BRow","BCol","BCard","BCardBody","BTableLite","BCardText","BButton","BAlert","BLink","Logo","InvoiceSidebarAddPayment","InvoiceSidebarSendInvoice","created","getInvoice","then","console","log","res","computed","methods","getProducts","component"],"mappings":"2IAAA,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,WAAW,CAACH,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACN,EAAIQ,GAAG,mCAAmCJ,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIQ,GAAG,kDAAkDJ,EAAG,SAAS,CAACE,YAAY,aAAaC,MAAM,CAAC,GAAK,CAAEE,KAAM,uBAAuB,CAACT,EAAIQ,GAAG,oBAAoBR,EAAIQ,GAAG,0BAA0B,KAAKJ,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,SAAS,GAAGA,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACN,EAAIQ,GAAG,IAAIR,EAAIU,GAAGV,EAAIW,QAAQC,SAAS,OAAOR,EAAG,IAAI,CAACE,YAAY,kBAAkB,CAACN,EAAIQ,GAAG,IAAIR,EAAIU,GAAGV,EAAIW,QAAQE,OAAO,SAAST,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACN,EAAIQ,GAAG,aAAaJ,EAAG,OAAO,CAACE,YAAY,qBAAqBF,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,IAAI,CAACE,YAAY,sBAAsB,CAACN,EAAIQ,GAAG,oBAAoBJ,EAAG,IAAI,CAACE,YAAY,gBAAgB,CAACN,EAAIQ,GAAG,IAAIR,EAAIU,GAAGV,EAAIW,QAAQG,YAAY,SAASV,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,IAAI,CAACE,YAAY,sBAAsB,CAACN,EAAIQ,GAAG,iBAAiBJ,EAAG,IAAI,CAACE,YAAY,gBAAgB,CAACN,EAAIQ,GAAG,IAAIR,EAAIU,GAAGV,EAAIW,QAAQI,UAAU,eAAeX,EAAG,KAAK,CAACE,YAAY,oBAAoBF,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,EAAIQ,GAAG,mBAAmBJ,EAAG,KAAK,CAACE,YAAY,SAAS,CAACN,EAAIQ,GAAG,YAAYR,EAAIU,GAAGV,EAAIW,QAAQE,OAAO,OAAOT,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACN,EAAIQ,GAAG,YAAYR,EAAIU,GAAGV,EAAIW,QAAQK,OAAO,SAASZ,EAAG,QAAQ,CAACE,YAAY,iDAAiDC,MAAM,CAAC,GAAK,IAAI,KAAO,OAAO,CAACH,EAAG,MAAM,CAACA,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,wBAAwBJ,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACA,EAAG,KAAK,CAACE,YAAY,QAAQ,CAACN,EAAIQ,GAAG,kBAAkBJ,EAAG,KAAK,CAACJ,EAAIQ,GAAGR,EAAIU,GAAGV,EAAIW,QAAQM,uBAAuB,IAAI,GAAGb,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,EAAIQ,GAAG,kBAAkB,GAAGJ,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,EAAIQ,GAAG,oBAAoBJ,EAAG,IAAI,CAACE,YAAY,wBAAwB,CAACN,EAAIQ,GAAG,IAAIR,EAAIU,GAAGV,EAAIW,QAAQO,aAAa,cAAc,IAAI,GAAGd,EAAG,QAAQ,CAACE,YAAY,wBAAwB,CAACF,EAAG,QAAQ,CAACA,EAAG,KAAK,CAACA,EAAG,KAAK,CAACJ,EAAIQ,GAAG,UAAUJ,EAAG,KAAK,CAACJ,EAAIQ,GAAG,eAAeJ,EAAG,QAAQJ,EAAImB,GAAIC,KAAKC,MAAMrB,EAAIW,QAAQW,WAAW,SAASC,EAAKC,GAAO,OAAOpB,EAAG,KAAK,CAACA,EAAG,KAAK,CAACJ,EAAIQ,GAAGR,EAAIU,GAAGa,EAAKd,SAASL,EAAG,KAAK,CAACJ,EAAIQ,GAAGR,EAAIU,GAAGa,EAAKE,eAAc,KAAKrB,EAAG,KAAK,CAACE,YAAY,oBAAoBF,EAAG,cAAc,CAACE,YAAY,wBAAwB,CAACF,EAAG,OAAO,CAACE,YAAY,oBAAoB,CAACN,EAAIQ,GAAG,YAAYJ,EAAG,OAAO,CAACJ,EAAIQ,GAAGR,EAAIU,GAAGV,EAAIW,QAAQe,YAAY,IAAI,GAAGtB,EAAG,QAAQ,CAACE,YAAY,kBAAkBC,MAAM,CAAC,KAAO,KAAK,GAAK,IAAI,GAAK,MAAM,CAACH,EAAG,SAAS,CAACA,EAAG,WAAW,CAACuB,WAAW,CAAC,CAAClB,KAAK,SAASmB,QAAQ,eAAeC,MAAM,4BAA8BC,WAAW,8BAA8BC,UAAU,CAAC,KAAM,IAAO,CAACtB,KAAK,WAAWmB,QAAQ,kCAAkCG,UAAU,CAAC,wBAAuB,KAAQzB,YAAY,QAAQC,MAAM,CAAC,QAAU,UAAU,MAAQ,KAAK,CAACP,EAAIQ,GAAG,oBAAoBJ,EAAG,WAAW,CAACuB,WAAW,CAAC,CAAClB,KAAK,SAASmB,QAAQ,eAAeC,MAAM,4BAA8BC,WAAW,8BAA8BC,UAAU,CAAC,KAAM,KAAQzB,YAAY,QAAQC,MAAM,CAAC,QAAU,oBAAoB,MAAQ,KAAK,CAACP,EAAIQ,GAAG,gBAAgBJ,EAAG,WAAW,CAACuB,WAAW,CAAC,CAAClB,KAAK,SAASmB,QAAQ,eAAeC,MAAM,4BAA8BC,WAAW,8BAA8BC,UAAU,CAAC,KAAM,KAAQzB,YAAY,QAAQC,MAAM,CAAC,QAAU,oBAAoB,MAAQ,KAAK,CAACP,EAAIQ,GAAG,aAAaJ,EAAG,WAAW,CAACuB,WAAW,CAAC,CAAClB,KAAK,SAASmB,QAAQ,eAAeC,MAAM,4BAA8BC,WAAW,8BAA8BC,UAAU,CAAC,KAAM,KAAQzB,YAAY,QAAQC,MAAM,CAAC,QAAU,oBAAoB,MAAQ,GAAG,GAAK,CAAEE,KAAM,oBAAqBuB,OAAQ,CAAEC,GAAIjC,EAAIkC,OAAOF,OAAOC,OAAS,CAACjC,EAAIQ,GAAG,YAAYJ,EAAG,WAAW,CAACuB,WAAW,CAAC,CAAClB,KAAK,WAAWmB,QAAQ,yCAAyCG,UAAU,CAAC,+BAA8B,IAAO,CAACtB,KAAK,SAASmB,QAAQ,eAAeC,MAAM,4BAA8BC,WAAW,8BAA8BC,UAAU,CAAC,KAAM,KAAQzB,YAAY,QAAQC,MAAM,CAAC,QAAU,UAAU,MAAQ,KAAK,CAACP,EAAIQ,GAAG,oBAAoB,IAAI,IAAI,GAAGJ,EAAG,+BAA+B,CAACG,MAAM,CAAC,QAAUN,KAAKU,WAAWP,EAAG,8BAA8B,CAACG,MAAM,CAAC,QAAUN,KAAKU,YAAY,IACvwKwB,EAAkB,G,iMCkRtB,GACER,WAAY,CACVS,OAAJ,OACI,WAAY,EAAhB,MAEEC,KALF,WAMI,MAAO,CACL1B,QAAS,OAGb2B,WAAY,CACVC,KAAJ,OACIC,KAAJ,OACIC,MAAJ,OACIC,UAAJ,OACIC,WAAJ,OACIC,UAAJ,OACIC,QAAJ,OACIC,OAAJ,OACIC,MAAJ,OAEIC,KAAJ,OACIC,yBAAJ,OACIC,0BAAJ,QAEEC,QAzBF,WAyBA,WACIlD,KAAKmD,WAAWnD,KAAKiC,OAAOF,OAAOC,IAAIoB,MAAK,SAAhD,GACMC,QAAQC,IAAI,cAAeC,GAC3B,EAAN,wBAIEC,SAAU,GACVC,QAAS,OAAX,OAAW,CAAX,kBACA,gCADA,IAEIC,YAFJ,SAEA,QCtTqY,I,wBCQjYC,EAAY,eACd,EACA7D,EACAoC,GACA,EACA,KACA,WACA,MAIa,aAAAyB,E","file":"js/chunk-795bd054.5d54db2f.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=0&id=1eb7fa95&lang=scss&scoped=true&\"","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\"}},[_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)]),_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')],1),_c('p',{staticClass:\"card-text mb-25\"},[_vm._v(\" \"+_vm._s(_vm.invoice.address)+\" \")]),_c('p',{staticClass:\"card-text mb-0\"},[_vm._v(\" \"+_vm._s(_vm.invoice.phone)+\" \")])]),_c('div',{staticClass:\"mt-md-0 mt-2\"},[_c('h4',{staticClass:\"invoice-title\"},[_vm._v(\" Invoice \"),_c('span',{staticClass:\"invoice-number\"})]),_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.invoice.order_date)+\" \")])]),_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.invoice.due_date)+\" \")])])])])]),_c('hr',{staticClass:\"invoice-spacing\"}),_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(\" Phone : \"+_vm._s(_vm.invoice.phone)+\" \")]),_c('p',{staticClass:\"card-text mb-25\"},[_vm._v(\" Email : \"+_vm._s(_vm.invoice.email)+\" \")])]),_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(\" Bank name: \")]),_c('td',[_vm._v(_vm._s(_vm.invoice.payment))])])])])])])],1)],1),_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(\"Products:\")])])],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(\" Total Price: \")]),_c('p',{staticClass:\"invoice-total-amount\"},[_vm._v(\" \"+_vm._s(_vm.invoice.total_price)+\" \")])])])])],1)],1),_c('table',{staticClass:\"table table-bordered\"},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Name\")]),_c('th',[_vm._v(\"Price\")])])]),_c('tbody',_vm._l((JSON.parse(_vm.invoice.products)),function(item,index){return _c('tr',[_c('td',[_vm._v(_vm._s(item.name))]),_c('td',[_vm._v(_vm._s(item.price))])])}),0)]),_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(_vm._s(_vm.invoice.note))])])],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\":\"\"}},[_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),_c('invoice-sidebar-send-invoice',{attrs:{\"invoice\":this.invoice}}),_c('invoice-sidebar-add-payment',{attrs:{\"invoice\":this.invoice}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section class=\"invoice-preview-wrapper\">\n\n    <!-- Alert: No item found -->\n    <b-alert\n      variant=\"danger\"\n    >\n      <h4 class=\"alert-heading\">\n        Error fetching invoice data\n      </h4>\n      <div class=\"alert-body\">\n        No invoice found with this invoice id. Check\n        <b-link\n          class=\"alert-link\"\n          :to=\"{ name: 'apps-invoice-list'}\"\n        >\n          Invoice List\n        </b-link>\n        for other invoices.\n      </div>\n    </b-alert>\n\n    <b-row\n      class=\"invoice-preview\"\n    >\n\n      <!-- Col: Left (Invoice Container) -->\n      <b-col\n        cols=\"12\"\n        xl=\"9\"\n        md=\"8\"\n      >\n        <b-card\n          no-body\n          class=\"invoice-preview-card\"\n        >\n          <!-- Header -->\n          <b-card-body class=\"invoice-padding pb-0\">\n\n            <div class=\"d-flex justify-content-between flex-md-row flex-column invoice-spacing mt-0\">\n\n              <!-- Header: Left Content -->\n              <div>\n                <div class=\"logo-wrapper\">\n                  <logo />\n                </div>\n                <p class=\"card-text mb-25\">\n                  {{ invoice.address }}\n                </p>\n                <p class=\"card-text mb-0\">\n                  {{ invoice.phone }}\n                </p>\n              </div>\n\n              <!-- Header: Right Content -->\n              <div class=\"mt-md-0 mt-2\">\n                <h4 class=\"invoice-title\">\n                  Invoice\n                  <span class=\"invoice-number\"></span>\n                </h4>\n                <div class=\"invoice-date-wrapper\">\n                  <p class=\"invoice-date-title\">\n                    Date Issued:\n                  </p>\n                  <p class=\"invoice-date\">\n                    {{ invoice.order_date }}\n                  </p>\n                </div>\n                <div class=\"invoice-date-wrapper\">\n                  <p class=\"invoice-date-title\">\n                    Due Date:\n                  </p>\n                  <p class=\"invoice-date\">\n                    {{ invoice.due_date }}\n                  </p>\n                </div>\n              </div>\n            </div>\n          </b-card-body>\n\n          <!-- Spacer -->\n          <hr class=\"invoice-spacing\">\n\n          <!-- Invoice Client & Payment Details -->\n          <b-card-body\n            class=\"invoice-padding pt-0\"\n          >\n            <b-row class=\"invoice-spacing\">\n\n              <!-- Col: Invoice To -->\n              <b-col\n                cols=\"12\"\n                xl=\"6\"\n                class=\"p-0\"\n              >\n                <h6 class=\"mb-2\">\n                  Invoice To:\n                </h6>\n                <h6 class=\"mb-25\">\n                  Phone : {{ invoice.phone}}\n                </h6>\n                <p class=\"card-text mb-25\">\n                 Email : {{invoice.email}}\n                </p>\n              </b-col>\n\n              <!-- Col: Payment Details -->\n              <b-col\n                xl=\"6\"\n                cols=\"12\"\n                class=\"p-0 mt-xl-0 mt-2 d-flex justify-content-xl-end\"\n              >\n                <div>\n                  <h6 class=\"mb-2\">\n                    Payment Details:\n                  </h6>\n                  <table>\n                    <tbody>\n                      <tr>\n                        <td class=\"pr-1\">\n                          Bank name:\n                        </td>\n                        <td>{{ invoice.payment }}</td>\n                      </tr>\n                    </tbody>\n                  </table>\n                </div>\n              </b-col>\n            </b-row>\n          </b-card-body>\n\n          <!-- Invoice Description: Table -->\n\n          <!-- Invoice Description: Total -->\n          <b-card-body class=\"invoice-padding pb-0\">\n            <b-row>\n\n              <!-- Col: Sales Persion -->\n              <b-col\n                cols=\"12\"\n                md=\"6\"\n                class=\"mt-md-0 mt-3\"\n                order=\"2\"\n                order-md=\"1\"\n              >\n                <b-card-text class=\"mb-0\">\n                  <span class=\"font-weight-bold\">Products:</span>\n                </b-card-text>\n              </b-col>\n              <!-- Col: Total -->\n              <b-col\n                cols=\"12\"\n                md=\"6\"\n                class=\"mt-md-6 d-flex justify-content-end\"\n                order=\"1\"\n                order-md=\"2\"\n              >\n                <div class=\"invoice-total-wrapper\">\n                  <div class=\"invoice-total-item\">\n                    <p class=\"invoice-total-title\">\n                      Total Price:\n                    </p>\n                    <p class=\"invoice-total-amount\">\n                      {{ invoice.total_price }}\n                    </p>\n                  </div>\n                </div>\n              </b-col>\n            </b-row>\n          </b-card-body>\n          <table class=\"table table-bordered\">\n            <thead>\n            <tr>\n              <th>Name</th>\n              <th>Price</th>\n            </tr>\n            </thead>\n            <tbody>\n              <tr v-for=\"(item,index) in JSON.parse(invoice.products)\">\n                <td>{{ item.name }}</td>\n                <td>{{ item.price }}</td>\n              </tr>\n            </tbody>\n          </table>\n          <!-- Spacer -->\n          <hr class=\"invoice-spacing\">\n\n          <!-- Note -->\n          <b-card-body class=\"invoice-padding pt-0\">\n            <span class=\"font-weight-bold\">Note: </span>\n            <span>{{ invoice.note }}</span>\n          </b-card-body>\n        </b-card>\n      </b-col>\n\n      <!-- Right Col: Card -->\n      <b-col\n        cols=\"12\"\n        md=\"4\"\n        xl=\"3\"\n        class=\"invoice-actions\"\n      >\n        <b-card>\n\n          <!-- Button: Send Invoice -->\n          <b-button\n            v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n            v-b-toggle.sidebar-send-invoice\n            variant=\"primary\"\n            class=\"mb-75\"\n            block\n          >\n            Send Invoice\n          </b-button>\n\n          <!-- Button: DOwnload -->\n          <b-button\n            v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\n            variant=\"outline-secondary\"\n            class=\"mb-75\"\n            block\n          >\n            Download\n          </b-button>\n\n          <!-- Button: Print -->\n          <b-button\n            v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\n            variant=\"outline-secondary\"\n            class=\"mb-75\"\n            block\n          >\n            Print\n          </b-button>\n\n          <!-- Button: Edit -->\n          <b-button\n            v-ripple.400=\"'rgba(186, 191, 199, 0.15)'\"\n            variant=\"outline-secondary\"\n            class=\"mb-75\"\n            block\n            :to=\"{ name: 'apps-invoice-edit', params: { id: $route.params.id } }\"\n          >\n            Edit\n          </b-button>\n\n          <!-- Button: Add Payment -->\n          <b-button\n            v-b-toggle.sidebar-invoice-add-payment\n            v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\n            variant=\"success\"\n            class=\"mb-75\"\n            block\n          >\n            Add Payment\n          </b-button>\n        </b-card>\n      </b-col>\n    </b-row>\n\n    <invoice-sidebar-send-invoice :invoice=\"this.invoice\" />\n    <invoice-sidebar-add-payment :invoice=\"this.invoice\" />\n  </section>\n</template>\n\n<script>\nimport {\n  BRow, BCol, BCard, BCardBody, BTableLite, BCardText, BButton, BAlert, BLink, VBToggle,\n} from 'bootstrap-vue'\nimport Logo from '@core/layouts/components/Logo.vue'\nimport Ripple from 'vue-ripple-directive'\nimport InvoiceSidebarSendInvoice from '../InvoiceSidebarSendInvoice.vue'\nimport InvoiceSidebarAddPayment from '../InvoiceSidebarAddPayment.vue'\nimport {mapActions, mapGetters} from \"vuex/dist/vuex.esm.browser\";\n\nexport default {\n  directives: {\n    Ripple,\n    'b-toggle': VBToggle,\n  },\n  data() {\n    return {\n      invoice: null,\n    }\n  },\n  components: {\n    BRow,\n    BCol,\n    BCard,\n    BCardBody,\n    BTableLite,\n    BCardText,\n    BButton,\n    BAlert,\n    BLink,\n\n    Logo,\n    InvoiceSidebarAddPayment,\n    InvoiceSidebarSendInvoice,\n  },\n  created() {\n    this.getInvoice(this.$route.params.id).then(res => {\n      console.log('RES invoice', res)\n      this.invoice = res.data.data\n    })\n  },\n  // eslint-disable-next-line vue/order-in-components\n  computed: {},\n  methods: {\n    ...mapActions(['getInvoice']),\n    getProducts($list){\n\n    }\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"~@core/scss/base/pages/app-invoice.scss\";\n</style>\n\n<style lang=\"scss\">\n</style>\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=1eb7fa95&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=1eb7fa95&lang=scss&scoped=true&\"\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  \"1eb7fa95\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}