{"version":3,"sources":["webpack:///./src/View/endUsers/invoice.vue","webpack:///src/View/endUsers/invoice.vue","webpack:///./src/View/endUsers/invoice.vue?ed1d","webpack:///./src/View/endUsers/invoice.vue?cd32","webpack:///./src/View/endUsers/invoice.vue?9363"],"names":["render","_vm","this","_c","_self","ShowErr","_e","staticClass","_m","invoiceDetails","_v","_s","OrgDetail","orgName","taxNumber","addressLine1","addressLine2","city","state","zip","country","screenWidth","invoiceNumber","style","invoiceStatusColor","invoiceStatusName","staticStyle","on","$event","downloadInvoice","_f","invoiceDate","attrs","companyName","billingLine1","billingLine2","billingCity","billingState","billingZip","dueDate","_l","selectedItemList","name","index","key","itemName","itemDescription","itemPrice","itemQty","itemUnit","itemAmount","parseInt","subTotal","texDataArr","taxName","taxValue","taxAmount","totalTaxValue","grandTotal","totalPaymentRecord","notes","firstLoading","staticRenderFns","components","Button","data","created","window","destroyed","mounted","methods","getInvoiceDetail","status","message","MyJobApp","response","document","error","showAlert","color","params","hashId","myEventHandler","component"],"mappings":"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","file":"js/chunk-529ffb46.1bbd47f7.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{},[(!_vm.ShowErr)?_c('div',{staticClass:\"h-48 fill_all w-full fixed bg-gray2 opacity-70 transition filter blur\"}):_vm._e(),(!_vm.ShowErr)?_c('div',{staticClass:\"flex justify-center relative z-50 pt-14\"},[_c('div',{staticClass:\"card bg-white rounded-xl p-4 m-4 mt-0 pt-0 sm:w-auto lg:w-11/12 xl:w-10/12 2xl:w-9/12\"},[_vm._m(0),_c('div',{staticClass:\"mt-12\"},[(_vm.invoiceDetails !== null)?_c('div',{},[_c('div',{},[_c('div',{staticClass:\"mb-4 grid grid-cols-12\"},[_c('div',{staticClass:\"col-span-6\"},[_c('p',{staticClass:\"text-primary heading-2 font-bold\"},[_vm._v(_vm._s(_vm.OrgDetail.orgName))]),_c('span',{staticClass:\"flex items-center\"},[_c('p',{staticClass:\"text-gray4\"},[_vm._v(\"Tax No:\")]),_c('p',{staticClass:\"text-text2 pl-2\"},[_vm._v(_vm._s(_vm.OrgDetail.taxNumber))])]),_c('p',{staticClass:\"text-text2\"},[_vm._v(\" \"+_vm._s(_vm.OrgDetail.addressLine1 !== '' ? _vm.OrgDetail.addressLine1 + ',' : '')+\" \"+_vm._s(_vm.OrgDetail.addressLine2 !== '' ? _vm.OrgDetail.addressLine2 + ',' : '')+\" \")]),_c('p',{staticClass:\"text-text2\"},[_vm._v(\" \"+_vm._s(_vm.OrgDetail.city !== '' ? _vm.OrgDetail.city + ',' : '')+\" \"+_vm._s(_vm.OrgDetail.state)+\" \"+_vm._s(_vm.OrgDetail.zip)+\" \")]),(_vm.OrgDetail.country !== '')?_c('p',{staticClass:\"text-text2\"},[_vm._v(\" \"+_vm._s(_vm.OrgDetail.country)+\" \")]):_vm._e()]),(_vm.screenWidth < 780)?_c('div',{staticClass:\"col-span-6 text-right\"},[_c('p',{staticClass:\"text-text2 heading-3 font-bold mb-1\"},[_vm._v(\"#\"+_vm._s(_vm.invoiceDetails.invoiceNumber))]),_c('span',{staticClass:\"flex items-center justify-end\"},[_c('p',{staticClass:\"text-gray4\"},[_vm._v(\"status:\")]),_c('p',{staticClass:\"text-text2 pl-2\",style:('color:' + _vm.invoiceDetails.invoiceStatusColor)},[_vm._v(_vm._s(_vm.invoiceDetails.invoiceStatusName))])]),_c('button',{staticClass:\"bg-primary text-white p-1 heading-7 mt-2 cursor-pointer\",staticStyle:{\"letter-spacing\":\"0.4px\"},on:{\"click\":function($event){return _vm.downloadInvoice()}}},[_vm._v(\"DOWNLOAD\")])]):_vm._e(),(_vm.screenWidth >= 780)?_c('div',{staticClass:\"col-span-6 text-right\"},[_c('p',{staticClass:\"text-text2 heading-3 font-bold mb-1\"},[_vm._v(\"#\"+_vm._s(_vm.invoiceDetails.invoiceNumber))]),_c('p',{staticClass:\"text-text2 mb-1\"},[_vm._v(\" As of \"+_vm._s(_vm._f(\"dateFilterInvoice\")(_vm.invoiceDetails.invoiceDate))+\", Invoice status is \"),_c('span',{staticClass:\"heading-5 font-bold\",style:('color:' + _vm.invoiceDetails.invoiceStatusColor)},[_vm._v(_vm._s(_vm.invoiceDetails.invoiceStatusName))])]),_c('Button',{staticClass:\"mb-1\",staticStyle:{\"letter-spacing\":\"1.4px\"},attrs:{\"isSqure\":true,\"btnSize\":'small',\"textColor\":'white',\"btnColor\":'primary',\"btnText\":'DOWNLOAD'},on:{\"buttonAction\":function($event){return _vm.downloadInvoice()}}})],1):_vm._e()]),_c('div',[_c('div',{staticClass:\"divider\"}),_c('div',{staticClass:\"text-gray3 my-2 grid grid-cols-12 items-center\"},[_c('div',{staticClass:\"col-span-12 md:col-span-6 lg:col-span-6 xl:col-span-6\"},[_c('p',{staticClass:\"text-text2 heading-2 font-bold\"},[_vm._v(_vm._s(_vm.invoiceDetails.companyName))]),_c('p',{staticClass:\"text-text2\"},[_vm._v(\" \"+_vm._s(_vm.invoiceDetails.billingLine1 !== '' ? _vm.invoiceDetails.billingLine1 + ',' : '')+\" \"+_vm._s(_vm.invoiceDetails.billingLine2 !== '' ? _vm.invoiceDetails.billingLine2 + ',' : '')+\" \")]),_c('p',{staticClass:\"text-text2\"},[_vm._v(\" \"+_vm._s(_vm.invoiceDetails.billingCity !== '' ? _vm.invoiceDetails.billingCity + ',' : '')+\" \"+_vm._s(_vm.invoiceDetails.billingState)+\" \"+_vm._s(_vm.invoiceDetails.billingZip)+\" \")])]),_c('div',{staticClass:\"col-span-12 md:col-span-6 lg:col-span-6 xl:col-span-6 flex justify-start md:justify-start xl:justify-end lg:justify-end\"},[_c('div',{},[_c('span',{staticClass:\"flex items-center\"},[_c('p',[_vm._v(\"Invoice Date:\")]),_c('p',{staticClass:\"text-text2 pl-2\"},[_vm._v(_vm._s(_vm._f(\"dateFilterInvoiceRegularFormate\")(_vm.invoiceDetails.invoiceDate)))])]),_c('span',{staticClass:\"flex items-center text-error\"},[_c('p',[_vm._v(\"Due Date:\")]),_c('p',{staticClass:\"pl-2\"},[_vm._v(_vm._s(_vm._f(\"dateFilterInvoiceRegularFormate\")(_vm.invoiceDetails.dueDate)))])])])])])]),_c('div',[_c('div',{staticClass:\"divider mb-2\"}),(_vm.screenWidth >= 1180)?_c('div',{},[_vm._m(1),_c('div',{staticClass:\"flex table_containder\",staticStyle:{\"flex-flow\":\"wrap\"}},_vm._l((_vm.invoiceDetails.selectedItemList),function(name,index){return _c('div',{key:index,staticClass:\"flex p-2 rounded w-full my-1 card hover:bg-gray-100\"},[_c('div',{staticClass:\"hash_col text-gray4 heading-6\"},[_vm._v(\" \"+_vm._s(index + 1)+\" \")]),_c('div',{staticClass:\"name_col text-text2 font-semibold\"},[(name.itemName !== '')?_c('span',[_vm._v(_vm._s(name.itemName))]):_c('span',[_vm._v(\"-\")])]),_c('div',{staticClass:\"desc_col text-gray4 heading-6\"},[(name.itemDescription !== '')?_c('span',[_vm._v(_vm._s(name.itemDescription))]):_c('span',[_vm._v(\"-\")])]),_c('div',{staticClass:\"rate_col text-gray4 heading-6 text-right\"},[(name.itemPrice !== '')?_c('span',[_vm._v(_vm._s(_vm._f(\"amountFormaterWithToFix\")(name.itemPrice)))]):_c('span',[_vm._v(\"-\")])]),_c('div',{staticClass:\"qty_col text-gray4 heading-6 text-right\"},[_c('span',[_vm._v(_vm._s(name.itemQty))])]),_c('div',{staticClass:\"tax_col text-gray4 heading-6 text-right\"},[_c('span',[_vm._v(_vm._s(name.itemUnit))])]),_c('div',{staticClass:\"amount_col text-gray4 heading-6 text-right\"},[(name.itemAmount !== '')?_c('span',[_vm._v(_vm._s(_vm._f(\"amountFormaterWithToFix\")(name.itemAmount)))]):_c('span',[_vm._v(\"-\")])])])}),0)]):_vm._e(),(_vm.screenWidth < 1180)?_c('div',{},[_vm._m(2),_c('div',{staticClass:\"flex table_containder\",staticStyle:{\"flex-flow\":\"wrap\"}},_vm._l((_vm.invoiceDetails.selectedItemList),function(name,index){return _c('div',{key:index,staticClass:\"p-2 w-full rounded my-1 card\"},[_c('div',{staticClass:\"my-1 flex items-center justify-between\"},[_c('div',{staticClass:\"heading-6 text-text2 w-80 font-semibold\"},[_c('div',[_vm._v(_vm._s(name.itemName === '' ? '-' : name.itemName))])]),_c('div',{staticClass:\"heading-6 text-gray4\"},[_c('div',[_vm._v(_vm._s(_vm._f(\"amountFormaterWithToFix\")(name.itemAmount === '' ? '-' : name.itemAmount)))])])]),_c('div',{staticClass:\"flex my-1 items-center justify-between\"},[_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"flex w-40\"},[_c('span',{staticClass:\"flex items-center\"},[_c('p',[_vm._v(\"Rate:\")]),(name.itemPrice !== '')?_c('p',{staticClass:\"text-text2 pl-2\"},[_vm._v(_vm._s(_vm._f(\"amountFormaterWithToFix\")(name.itemPrice)))]):_c('p',{staticClass:\"text-text2 pl-2\"},[_vm._v(\"-\")])]),_c('div',{staticClass:\"flex pl-6 w-40\"},[_c('span',{staticClass:\"flex items-center\"},[_c('p',[_vm._v(\"Qty:\")]),_c('p',{staticClass:\"text-text2 pl-2\"},[_vm._v(_vm._s(name.itemQty))])])])])])]),_c('div',[_c('div',{staticClass:\"heading-6 text-gray4\"},[_vm._v(\" \"+_vm._s(name.itemDescription)+\" \")])])])}),0)]):_vm._e(),_c('div',{staticClass:\"grid grid-cols-12\"},[_c('div',{staticClass:\"box lg:col-start-5 2xl:col-start-7 xl:col-start-7 lg:col-span-8 2xl:col-span-6 xl:col-span-6 col-span-12 flex justify-end items-baseline mt-1\"},[_c('p',{staticClass:\"detail_col text-right mr-4 text-text2 font-semibold\"},[_vm._v(\" Items Total (A):\")]),_c('p',{staticClass:\"detail_col text-right text-text2 font-semibold\"},[_vm._v(_vm._s(_vm._f(\"amountFormaterWithToFix\")(parseInt(_vm.invoiceDetails.subTotal))))])]),_c('div',{staticClass:\"divider lg:col-start-6 xl:col-start-8 2xl:col-start-8 lg:col-span-7 xl:col-span-5 2xl:col-span-5 col-span-12 my-2\"}),_vm._l((_vm.texDataArr),function(name,index){return _c('div',{key:index,staticClass:\"box lg:col-start-5 2xl:col-start-7 xl:col-start-7 lg:col-span-8 2xl:col-span-6 xl:col-span-6 col-span-12 flex justify-end items-baseline\"},[_c('p',{staticClass:\"allTax_col mr-4 text-gray4 heading-6 text-right\"},[_vm._v(\" \"+_vm._s(name.taxName)+\" (\"+_vm._s(name.taxValue)+\"%):\")]),_c('p',{staticClass:\"detail_col text-gray4 heading-6 text-left\"},[_vm._v(_vm._s(_vm._f(\"amountFormaterWithToFix\")(name.taxAmount)))])])}),_c('div',{staticClass:\"box lg:col-start-5 2xl:col-start-7 xl:col-start-7 lg:col-span-8 2xl:col-span-6 xl:col-span-6 col-span-12 flex justify-end items-baseline pt-1 text-right\"},[_c('p',{staticClass:\"detail_col mr-4 text-text2 font-semibold\"},[_vm._v(\" Total Tax (B):\")]),_c('p',{staticClass:\"detail_col text-text2 font-semibold\"},[_vm._v(_vm._s(_vm._f(\"amountFormaterWithToFix\")(_vm.totalTaxValue)))])]),_c('div',{staticClass:\"divider lg:col-start-6 xl:col-start-8 2xl:col-start-8 lg:col-span-7 xl:col-span-5 2xl:col-span-5 col-span-12 my-2\"}),_c('div',{staticClass:\"box lg:col-start-5 2xl:col-start-7 xl:col-start-7 lg:col-span-8 2xl:col-span-6 xl:col-span-6 col-span-12 flex justify-end items-baseline text-right\"},[_c('p',{staticClass:\"detail_col mr-4 text-text2 font-semibold\"},[_vm._v(\"Total (A + B):\")]),_c('p',{staticClass:\"detail_col text-text2 font-semibold\"},[_vm._v(_vm._s(_vm._f(\"amountFormaterWithToFix\")(parseInt(_vm.invoiceDetails.grandTotal))))])]),(_vm.invoiceDetails.totalPaymentRecord > 0)?_c('div',{staticClass:\"box lg:col-start-5 2xl:col-start-7 xl:col-start-7 lg:col-span-8 2xl:col-span-6 xl:col-span-6 col-span-12 flex justify-end items-baseline text-right mt-1\"},[_c('p',{staticClass:\"mr-4 heading-5 text-success font-semibold\"},[_vm._v(\"Payment Recorded:\")]),_c('p',{staticClass:\"detail_col heading-5 text-success font-semibold\"},[_vm._v(_vm._s(_vm._f(\"amountFormaterWithToFix\")(_vm.invoiceDetails.totalPaymentRecord)))])]):_vm._e(),_c('div',{staticClass:\"divider lg:col-start-6 xl:col-start-8 2xl:col-start-8 lg:col-span-7 xl:col-span-5 2xl:col-span-5 col-span-12 my-2\"}),_c('div',{staticClass:\"box lg:col-start-5 2xl:col-start-7 xl:col-start-7 lg:col-span-8 2xl:col-span-6 xl:col-span-6 col-span-12 flex justify-end items-baseline py-2 text-right\"},[_c('p',{staticClass:\"mr-4 text-error font-semibold heading-4\"},[_vm._v(\"Due:\")]),_c('p',{staticClass:\"detail_col text-error font-semibold heading-4\"},[_vm._v(_vm._s(_vm._f(\"amountFormaterWithToFix\")((_vm.invoiceDetails.grandTotal - _vm.invoiceDetails.totalPaymentRecord))))])])],2),(_vm.invoiceDetails.notes !== '')?_c('div',{staticClass:\"pt-4\"},[_c('p',{staticClass:\"text-gray4 heading-5\"},[_vm._v(\"Invoice Note:\")]),_c('p',{staticClass:\"text-text2\"},[_vm._v(_vm._s(_vm.invoiceDetails.notes))])]):_vm._e()])])]):_vm._e()])])]):_vm._e(),(_vm.ShowErr && _vm.firstLoading)?_c('div',[_vm._m(3)]):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"relative\"},[_c('div',{staticClass:\"card top_primary_card bg-primary font-bold text-white p-4 rounded-xl absolute -top-8 w-full heading-2\"},[_vm._v(\" Invoice \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bg-primary text-white flex table_containder card rounded p-2\"},[_c('div',{staticClass:\"hash_col font-bold heading-4\"},[_vm._v(\"#\")]),_c('div',{staticClass:\"name_col font-bold heading-4\"},[_vm._v(\"Name\")]),_c('div',{staticClass:\"desc_col font-bold heading-4\"},[_vm._v(\"Description\")]),_c('div',{staticClass:\"rate_col font-bold heading-4 text-right\"},[_vm._v(\"Rate\")]),_c('div',{staticClass:\"qty_col font-bold heading-4 text-right\"},[_vm._v(\"Qty\")]),_c('div',{staticClass:\"tax_col font-bold heading-4 text-right\"},[_vm._v(\"Unit\")]),_c('div',{staticClass:\"amount_col font-bold heading-4 text-right\"},[_vm._v(\"Amount\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"table_containder bg-primary text-white flex table_containder p-2 items-center justify-between rounded card\"},[_c('div',{staticClass:\"hash_col font-bold heading-4\"},[_vm._v(\"Name\")]),_c('div',{staticClass:\"hash_col font-bold heading-4\"},[_vm._v(\"Amount\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bg-gray-200 w-full px-2 md:px-0 h-screen flex items-center justify-center\"},[_c('div',{staticClass:\"bg-white border border-gray-200 flex flex-col items-center justify-center px-4 md:px-8 lg:px-20 py-8 rounded-lg shadow-2xl\"},[_c('p',{staticClass:\"text-6xl md:text-7xl lg:text-6xl font-bold tracking-wider text-gray-300\"},[_c('i',{staticClass:\"fa-solid fa-triangle-exclamation fa-fade\"})]),_c('p',{staticClass:\"text-gray-500 mt-3 py-2 border-y-2 text-center\"},[_vm._v(\"Please Check Your Invoice Link and Try Again Later\")])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"\">\n    <div class=\"h-48 fill_all w-full fixed bg-gray2 opacity-70 transition filter blur\" v-if=\"!ShowErr\"></div>\n    <div class=\"flex justify-center relative z-50 pt-14\" v-if=\"!ShowErr\">\n      <div class=\"card bg-white rounded-xl p-4 m-4 mt-0 pt-0 sm:w-auto lg:w-11/12 xl:w-10/12 2xl:w-9/12\">\n        <div class=\"relative\">\n          <div class=\"card top_primary_card bg-primary font-bold text-white p-4 rounded-xl absolute -top-8 w-full heading-2\">\n            Invoice\n          </div>\n        </div>\n        <div class=\"mt-12\">\n          <div class=\"\" v-if=\"invoiceDetails !== null\">\n              <div class=\"\">\n                <div class=\"  mb-4 grid grid-cols-12\">\n                  <div class=\"col-span-6\">\n                    <p class=\"text-primary heading-2 font-bold\">{{OrgDetail.orgName}}</p>\n                    <span class=\"flex items-center\">\n                      <p class=\"text-gray4\">Tax No:</p>\n                      <p class=\"text-text2 pl-2\">{{OrgDetail.taxNumber}}</p>\n                    </span>\n                    <p class=\"text-text2\">\n                      {{OrgDetail.addressLine1 !== '' ? OrgDetail.addressLine1 + ',' : ''}} {{OrgDetail.addressLine2 !== '' ? OrgDetail.addressLine2 + ',' : ''}}\n                    </p>\n                    <p class=\"text-text2\">\n                      {{OrgDetail.city !== '' ? OrgDetail.city + ',' : ''}} {{OrgDetail.state}} {{ OrgDetail.zip }}\n                    </p>\n                    <p v-if=\"OrgDetail.country !== ''\" class=\"text-text2\">\n                      {{OrgDetail.country}}\n                    </p>\n                  </div>\n                  <div class=\"col-span-6 text-right\" v-if=\"screenWidth < 780\">\n                    <p class=\"text-text2 heading-3 font-bold mb-1\">#{{invoiceDetails.invoiceNumber}}</p>\n                    <span class=\"flex items-center justify-end\">\n                      <p class=\"text-gray4\">status:</p>\n                      <p class=\"text-text2 pl-2\" :style=\"'color:' + invoiceDetails.invoiceStatusColor\">{{invoiceDetails.invoiceStatusName}}</p>\n                    </span>\n                    <button class=\" bg-primary text-white p-1 heading-7 mt-2 cursor-pointer\" style=\"letter-spacing: 0.4px;\" @click=\"downloadInvoice()\">DOWNLOAD</button>\n                  </div>\n                  <div class=\"col-span-6 text-right\" v-if=\"screenWidth >= 780\">\n                    <p class=\"text-text2 heading-3 font-bold mb-1\">#{{invoiceDetails.invoiceNumber}}</p>\n                    <p class=\"text-text2 mb-1\">\n                      As of {{invoiceDetails.invoiceDate | dateFilterInvoice}}, Invoice\n                    status is <span class=\"heading-5 font-bold\" :style=\"'color:' + invoiceDetails.invoiceStatusColor\">{{invoiceDetails.invoiceStatusName}}</span>\n                    </p>\n                    <Button class=\"mb-1\" :isSqure=\"true\" :btnSize=\"'small'\" style=\"letter-spacing: 1.4px;\" :textColor=\"'white'\" :btnColor=\"'primary'\" :btnText=\"'DOWNLOAD'\" @buttonAction=\"downloadInvoice()\"/>\n                  </div>\n                </div>\n                <div>\n                  <div class=\"divider\"></div>\n                    <div class=\" text-gray3 my-2 grid grid-cols-12 items-center\">\n                      <div class=\"col-span-12 md:col-span-6 lg:col-span-6 xl:col-span-6\">\n                        <p class=\"text-text2 heading-2 font-bold\">{{invoiceDetails.companyName}}</p>\n                        <p class=\"text-text2\">\n                          {{invoiceDetails.billingLine1 !== '' ? invoiceDetails.billingLine1 + ',' : ''}} {{invoiceDetails.billingLine2 !== '' ? invoiceDetails.billingLine2 + ',' : ''}}\n                        </p>\n                        <p class=\"text-text2\">\n                          {{invoiceDetails.billingCity !== '' ? invoiceDetails.billingCity + ',' : ''}} {{invoiceDetails.billingState}} {{ invoiceDetails.billingZip }}\n                        </p>\n                      </div>\n                      <div class=\"col-span-12 md:col-span-6 lg:col-span-6 xl:col-span-6 flex justify-start md:justify-start xl:justify-end lg:justify-end\">\n                        <div class=\"\">\n                          <span class=\"flex items-center\">\n                            <p>Invoice Date:</p>\n                            <p class=\"text-text2 pl-2\">{{invoiceDetails.invoiceDate | dateFilterInvoiceRegularFormate}}</p>\n                          </span>\n                          <span class=\"flex items-center text-error\">\n                            <p>Due Date:</p>\n                            <p class=\"pl-2\">{{invoiceDetails.dueDate | dateFilterInvoiceRegularFormate}}</p>\n                          </span>\n                        </div>\n                      </div>\n                    </div>\n                </div>\n                <div>\n                  <div class=\"divider mb-2\"></div>\n                  <div class=\"\" v-if=\"screenWidth >= 1180\">\n                    <div class=\"bg-primary text-white flex table_containder card rounded p-2\">\n                      <div class=\"hash_col  font-bold heading-4 \">#</div>\n                      <div class=\"name_col font-bold heading-4 \">Name</div>\n                      <div class=\"desc_col font-bold heading-4 \">Description</div>\n                      <div class=\"rate_col font-bold heading-4 text-right\">Rate</div>\n                      <div class=\"qty_col font-bold heading-4 text-right\">Qty</div>\n                      <div class=\"tax_col font-bold heading-4 text-right\">Unit</div>\n                      <div class=\"amount_col font-bold heading-4 text-right\">Amount</div>\n                    </div>\n                    <div class=\" flex table_containder\" style=\"flex-flow:wrap;\">\n                      <div class=\"flex p-2  rounded w-full my-1 card hover:bg-gray-100\" v-for=\"(name, index) in invoiceDetails.selectedItemList\" :key=\"index\">\n                        <div class=\"hash_col text-gray4 heading-6\">\n                          {{index + 1}}\n                        </div>\n                        <div class=\"name_col text-text2 font-semibold\">\n                          <span v-if=\"name.itemName !== ''\">{{ name.itemName}}</span>\n                          <span v-else>-</span>\n                        </div>\n                        <div class=\"desc_col text-gray4 heading-6\">\n                          <span v-if=\"name.itemDescription !== ''\">{{ name.itemDescription}}</span>\n                          <span v-else>-</span>\n                        </div>\n                        <div class=\"rate_col text-gray4 heading-6 text-right\" >\n                          <span v-if=\"name.itemPrice !== ''\">{{ name.itemPrice |amountFormaterWithToFix}}</span>\n                          <span v-else>-</span>\n                        </div>\n                        <div class=\"qty_col text-gray4 heading-6 text-right\">\n                          <span>{{ name.itemQty}}</span>\n                        </div>\n                        <div class=\"tax_col text-gray4 heading-6 text-right\">\n                          <span>{{ name.itemUnit}}</span>\n                        </div>\n                        <div class=\"amount_col text-gray4 heading-6 text-right\">\n                          <span v-if=\"name.itemAmount !== ''\">{{ name.itemAmount |amountFormaterWithToFix}}</span>\n                          <span v-else>-</span>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                  <div class=\"\" v-if=\"screenWidth < 1180\">\n                    <div class=\"table_containder bg-primary text-white flex table_containder p-2 items-center justify-between rounded card\">\n                      <div class=\"hash_col font-bold heading-4 \">Name</div>\n                      <div class=\"hash_col font-bold heading-4 \">Amount</div>\n                    </div>\n                    <div class=\" flex table_containder\" style=\"flex-flow:wrap;\">\n                      <div class=\"p-2 w-full rounded my-1 card\" v-for=\"(name, index) in invoiceDetails.selectedItemList\" :key=\"index\">\n                        <div class=\"my-1 flex items-center justify-between\" >\n                          <div class=\"heading-6 text-text2 w-80 font-semibold\">\n                            <div>{{name.itemName === '' ? '-' : name.itemName}}</div>\n                          </div>\n                          <div class=\"heading-6 text-gray4\">\n                            <div>{{name.itemAmount === '' ? '-' : name.itemAmount | amountFormaterWithToFix}}</div>\n                          </div>\n                        </div>\n                        <div class=\"flex my-1 items-center justify-between\" >\n                          <div class=\"flex \">\n                            <div class=\"flex w-40\">\n                              <span class=\"flex items-center\">\n                                <p>Rate:</p>\n                                <p class=\"text-text2 pl-2\" v-if=\"name.itemPrice !== ''\">{{name.itemPrice | amountFormaterWithToFix}}</p>\n                                <p class=\"text-text2 pl-2\" v-else>-</p>\n                              </span>\n                              <div class=\"flex pl-6 w-40\">\n                                <span class=\"flex items-center\">\n                                  <p>Qty:</p>\n                                  <p class=\"text-text2 pl-2\">{{name.itemQty}}</p>\n                                </span>\n                              </div>\n                            </div>\n                          </div>\n                        </div>\n                        <div>\n                          <div class=\"heading-6 text-gray4\">\n                            {{name.itemDescription}}\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                  <div class=\"grid grid-cols-12\">\n                    <div class=\" box lg:col-start-5 2xl:col-start-7 xl:col-start-7  lg:col-span-8  2xl:col-span-6 xl:col-span-6 col-span-12 flex justify-end items-baseline mt-1\">\n                      <p class=\"detail_col text-right mr-4 text-text2 font-semibold\"> Items Total (A):</p>\n                      <p class=\"detail_col  text-right text-text2 font-semibold\">{{parseInt(invoiceDetails.subTotal) | amountFormaterWithToFix}}</p>\n                    </div>\n                    <div class=\"divider lg:col-start-6 xl:col-start-8 2xl:col-start-8  lg:col-span-7 xl:col-span-5  2xl:col-span-5 col-span-12 my-2\"></div>\n                    <div v-for=\"(name, index) in texDataArr\" :key=\"index\" class=\" box lg:col-start-5 2xl:col-start-7 xl:col-start-7  lg:col-span-8  2xl:col-span-6 xl:col-span-6 col-span-12 flex justify-end items-baseline\">\n                      <p class=\"allTax_col mr-4 text-gray4 heading-6 text-right\"> {{name.taxName}} ({{name.taxValue}}%):</p>\n                      <p class=\"detail_col text-gray4 heading-6 text-left\">{{name.taxAmount | amountFormaterWithToFix}}</p>\n                    </div>\n                    <div class=\"box lg:col-start-5 2xl:col-start-7 xl:col-start-7  lg:col-span-8  2xl:col-span-6 xl:col-span-6 col-span-12 flex justify-end items-baseline pt-1 text-right\">\n                      <p class=\"detail_col mr-4 text-text2 font-semibold\"> Total Tax (B):</p>\n                      <p class=\"detail_col text-text2 font-semibold\">{{totalTaxValue | amountFormaterWithToFix}}</p>\n                    </div>\n                    <div class=\"divider lg:col-start-6 xl:col-start-8 2xl:col-start-8  lg:col-span-7 xl:col-span-5  2xl:col-span-5 col-span-12 my-2\"></div>\n                    <div class=\"box lg:col-start-5 2xl:col-start-7 xl:col-start-7  lg:col-span-8  2xl:col-span-6 xl:col-span-6 col-span-12 flex justify-end items-baseline text-right\">\n                      <p class=\"detail_col mr-4 text-text2 font-semibold\">Total (A + B):</p>\n                      <p class=\"detail_col text-text2 font-semibold\">{{ parseInt(invoiceDetails.grandTotal) | amountFormaterWithToFix}}</p>\n                    </div>\n                    <div v-if=\"invoiceDetails.totalPaymentRecord > 0\" class=\"box lg:col-start-5 2xl:col-start-7 xl:col-start-7  lg:col-span-8  2xl:col-span-6 xl:col-span-6 col-span-12 flex justify-end items-baseline text-right mt-1\">\n                      <p class=\"mr-4 heading-5  text-success font-semibold\">Payment Recorded:</p>\n                      <p class=\"detail_col heading-5  text-success  font-semibold\">{{invoiceDetails.totalPaymentRecord | amountFormaterWithToFix}}</p>\n                    </div>\n                    <div class=\"divider lg:col-start-6 xl:col-start-8 2xl:col-start-8  lg:col-span-7 xl:col-span-5  2xl:col-span-5 col-span-12 my-2\"></div>\n                    <div class=\"box lg:col-start-5 2xl:col-start-7 xl:col-start-7  lg:col-span-8  2xl:col-span-6 xl:col-span-6 col-span-12 flex justify-end items-baseline  py-2 text-right\">\n                      <p class=\"mr-4 text-error font-semibold heading-4\">Due:</p>\n                      <p class=\"detail_col text-error font-semibold heading-4\">{{(invoiceDetails.grandTotal - invoiceDetails.totalPaymentRecord) | amountFormaterWithToFix}}</p>\n                    </div>\n                  </div>\n                  <div class=\"pt-4\" v-if=\"invoiceDetails.notes !== ''\">\n                    <p class=\"text-gray4 heading-5\">Invoice Note:</p>\n                    <p class=\" text-text2\">{{invoiceDetails.notes}}</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n     </div>\n     <div  v-if=\"ShowErr && firstLoading\">\n      <div class=\"bg-gray-200 w-full px-2 md:px-0 h-screen flex items-center justify-center\">\n        <div class=\"bg-white border border-gray-200 flex flex-col items-center justify-center px-4 md:px-8 lg:px-20 py-8 rounded-lg shadow-2xl\">\n            <p class=\"text-6xl md:text-7xl lg:text-6xl font-bold tracking-wider text-gray-300\"><i class=\"fa-solid fa-triangle-exclamation fa-fade\"></i></p>\n            <p class=\"text-gray-500 mt-3 py-2 border-y-2 text-center\">Please Check Your Invoice Link and Try Again Later</p>\n        </div>\n      </div>\n     </div>\n  </div>\n</template>\n<script>\nimport MyJobApp from '@/api/MyJobApp.js'\nimport Button from '@/View/components/globalButton.vue'\nexport default {\n  components: {\n    Button\n  },\n  data() {\n    return {\n      invoiceDetails: {},\n      OrgDetail: {},\n      ShowErr: true,\n      firstLoading: false,\n      texDataArr: [],\n      totalTaxValue: 0,\n      screenWidth: 0,\n    };\n  },\n  created() {\n    window.addEventListener(\"resize\", this.myEventHandler);\n  },\n  destroyed() {\n    window.removeEventListener(\"resize\", this.myEventHandler);\n  },\n  mounted() {\n    this.myEventHandler()\n    this.getInvoiceDetail()\n  },\n  methods: {\n    getInvoiceDetail () {\n      this.$store.dispatch('SetLoader', {status: true, message: 'Loading...'})\n      MyJobApp.HashInvoiceDetail(\n        this.$route.params.hashId,\n        response => {\n          this.ShowErr = false\n          this.firstLoading = true\n          this.invoiceDetails = response.Data !== null ? response.Data : {}\n          document.title = 'Invoice: ' + this.invoiceDetails.companyName\n          this.OrgDetail = response.Data.organizationDetail !== null ? response.Data.organizationDetail : {}\n          let itemArr = this.invoiceDetails.selectedItemList\n          for (let i = 0; i < itemArr.length; i++) {\n            for (let j = 0; j < itemArr[i].taxRateList.length; j++) {\n              let element = itemArr[i].taxRateList[j]\n              const fIndex = this.texDataArr.findIndex(x => x.taxId === element.taxId)\n              if (fIndex >= 0) {\n                  this.texDataArr[fIndex].taxAmount += element.taxAmount\n              } else {\n                  this.texDataArr.push(element)\n              }\n            }\n          }\n          for (let index = 0; index < this.texDataArr.length; index++) {\n            this.totalTaxValue += this.texDataArr[index].taxAmount\n          }\n          this.$store.dispatch('SetLoader', {status: false, message: ''})\n        },\n        (error) => {\n          if (error.message === 'No Record Found') {\n            this.ShowErr = true\n            this.firstLoading = true\n          }\n          this.ShowErr = true\n          this.firstLoading = true\n          this.$store.dispatch('SetAlert', {showAlert: true, message: error.message, color: 'error'})\n          this.$store.dispatch('SetLoader', {status: false, message: ''})\n        }\n      )\n    },\n    downloadInvoice () {\n      this.$router.push({name: 'DownloadHashInvoice', params: {hashId: this.$route.params.hashId}})\n    },\n    myEventHandler () {\n      console.log('window.innerWidth', window)\n      this.screenWidth = window.innerWidth\n    }\n  },\n};\n</script>\n<style scoped>\n.hash_col {\n      min-width: 40px !important;\n      width: 80px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .name_col {\n      min-width: 40px !important;\n      width: 400px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .desc_col {\n      min-width: 40px !important;\n      width: 450px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .rate_col {\n      min-width: 40px !important;\n      width: 150px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .qty_col {\n      min-width: 40px !important;\n      width: 100px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .tax_col {\n      min-width: 40px !important;\n      width: 100px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .amount_col {\n      min-width: 40px !important;\n      width: 130px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .detail_col {\n      min-width: 40px !important;\n      width: 150px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .allTax_col {\n      min-width: 40px !important;\n      width: 230px !important;\n      overflow-wrap: anywhere;\n      white-space: pre-wrap;\n      padding-right: 8px;\n    }\n    .loader {\n    border: 8px solid #f3f3f3;\n    border-radius: 50%;\n    border-top: 8px solid #3498db;\n    width: 60px;\n    height: 60px;\n    -webkit-animation: spin 2s linear infinite; /* Safari */\n    animation: spin 2s linear infinite;\n  }\n  \n  /* Safari */\n  @-webkit-keyframes spin {\n    0% { -webkit-transform: rotate(0deg); }\n    100% { -webkit-transform: rotate(360deg); }\n  }\n  \n  @keyframes spin {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n  }\n</style>","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!./invoice.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!./invoice.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./invoice.vue?vue&type=template&id=41e3e6da&scoped=true&\"\nimport script from \"./invoice.vue?vue&type=script&lang=js&\"\nexport * from \"./invoice.vue?vue&type=script&lang=js&\"\nimport style0 from \"./invoice.vue?vue&type=style&index=0&id=41e3e6da&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"41e3e6da\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./invoice.vue?vue&type=style&index=0&id=41e3e6da&prod&scoped=true&lang=css&\""],"sourceRoot":""}