{"version":3,"sources":["webpack:///./src/View/endUsers/quotation.vue?c6db","webpack:///./src/View/endUsers/quotation.vue","webpack:///src/View/endUsers/quotation.vue","webpack:///./src/View/endUsers/quotation.vue?eb17","webpack:///./src/View/endUsers/quotation.vue?d730"],"names":["render","_vm","this","_c","_self","ShowErr","_e","staticClass","_m","quoteDetails","_v","_s","OrgDetail","orgName","taxNumber","addressLine1","addressLine2","city","state","zip","country","screenWidth","quotationNumber","style","statusColor","statusName","staticStyle","on","$event","downloadInvoice","_f","quoteDate","attrs","companyName","customerFirstName","customerLastName","customerEmailAddress","customerPhoneNumber","expiryDate","_l","itemList","name","index","key","itemName","itemDescription","itemPrice","itemQty","itemUnit","itemAmount","parseInt","grandTotal","isDepositPer","depositAmt","customerNotes","internalNotes","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-7dd42e12.85577639.js","sourcesContent":["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!./quotation.vue?vue&type=style&index=0&id=5e3b49a7&prod&scoped=true&lang=css&\"","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 fill_all\"},[_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.quoteDetails !== 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.quoteDetails.quotationNumber))]),_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.quoteDetails.statusColor)},[_vm._v(_vm._s(_vm.quoteDetails.statusName))])]),_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.quoteDetails.quotationNumber))]),_c('p',{staticClass:\"text-text2 mb-1\"},[_vm._v(\" As of \"+_vm._s(_vm._f(\"dateFilterInvoice\")(_vm.quoteDetails.quoteDate))+\", Quotation status is \"),_c('span',{staticClass:\"heading-5 font-bold\",style:('color:' + _vm.quoteDetails.statusColor)},[_vm._v(_vm._s(_vm.quoteDetails.statusName))])]),_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.quoteDetails.companyName))]),_c('div',{},[(_vm.quoteDetails.customerFirstName !== '' || _vm.quoteDetails.customerLastName !== '')?_c('span',{staticClass:\"flex items-center\"},[_c('p',{staticClass:\"w-36\"},[_vm._v(\"Customer Name:\")]),_c('p',{staticClass:\"text-gray4 pl-2\"},[_vm._v(_vm._s(_vm.quoteDetails.customerFirstName)+\" \"+_vm._s(_vm.quoteDetails.customerLastName))])]):_vm._e(),_c('span',{staticClass:\"flex items-center\"},[_c('p',{staticClass:\"w-36\"},[_vm._v(\"Email:\")]),_c('p',{staticClass:\"text-gray4 pl-2\"},[_vm._v(_vm._s(_vm.quoteDetails.customerEmailAddress))])]),_c('span',{staticClass:\"flex items-center\"},[_c('p',{staticClass:\"w-36\"},[_vm._v(\"Phone #:\")]),_c('p',{staticClass:\"text-gray4 pl-2\"},[_vm._v(_vm._s(_vm._f(\"phone\")(_vm.quoteDetails.customerPhoneNumber)))])])])]),_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 justify-end\"},[_c('p',[_vm._v(\"Quotation Date:\")]),_c('p',{staticClass:\"text-text2 pl-2\"},[_vm._v(_vm._s(_vm._f(\"dateFilterInvoiceRegularFormate\")(_vm.quoteDetails.quoteDate)))])]),_c('span',{staticClass:\"flex items-center text-error justify-end\"},[_c('p',[_vm._v(\"Due Date:\")]),_c('p',{staticClass:\"pl-2\"},[_vm._v(_vm._s(_vm._f(\"dateFilterInvoiceRegularFormate\")(_vm.quoteDetails.expiryDate)))])])])])])]),_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.quoteDetails.itemList),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\"},[(name.itemQty !== '')?_c('span',[_vm._v(_vm._s(name.itemQty))]):_c('span',[_vm._v(\"-\")])]),_c('div',{staticClass:\"tax_col text-gray4 heading-6 text-right\"},[(name.itemUnit !== '')?_c('span',[_vm._v(_vm._s(name.itemUnit))]):_c('span',[_vm._v(\"-\")])]),_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.quoteDetails.itemList),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(\"Total: \")]),_c('p',{staticClass:\"detail_col text-right text-text2 font-semibold\"},[_vm._v(_vm._s(_vm._f(\"amountFormaterWithToFix\")(parseInt(_vm.quoteDetails.grandTotal))))])]),(_vm.quoteDetails.isDepositPer)?_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(\" Deposit (\"+_vm._s(_vm.quoteDetails.depositAmt)+\"%):\")]),_c('p',{staticClass:\"detail_col text-text2 font-semibold\"},[_vm._v(_vm._s(_vm._f(\"amountFormaterWithToFix\")(((_vm.quoteDetails.grandTotal * _vm.quoteDetails.depositAmt) / 100))))])]):_vm._e(),(!_vm.quoteDetails.isDepositPer)?_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(\" Deposit Amount:\")]),_c('p',{staticClass:\"detail_col text-text2 font-semibold\"},[_vm._v(_vm._s(_vm._f(\"amountFormaterWithToFix\")((_vm.quoteDetails.depositAmt))))])]):_vm._e()]),(_vm.quoteDetails.customerNotes !== '')?_c('div',{staticClass:\"pt-4\"},[_c('p',{staticClass:\"text-gray4 heading-5\"},[_vm._v(\"Customer Note:\")]),_c('p',{staticClass:\"text-text2\"},[_vm._v(_vm._s(_vm.quoteDetails.customerNotes))])]):_vm._e(),(_vm.quoteDetails.internalNotes !== '')?_c('div',{staticClass:\"pt-4\"},[_c('p',{staticClass:\"text-gray4 heading-5\"},[_vm._v(\"Internal Note:\")]),_c('p',{staticClass:\"text-text2\"},[_vm._v(_vm._s(_vm.quoteDetails.internalNotes))])]):_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(\" Quotation \")])])\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 Quotation 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 fill_all\" 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            Quotation\n          </div>\n        </div>\n        <div class=\"mt-12\">\n          <div class=\"\" v-if=\"quoteDetails !== 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\">#{{quoteDetails.quotationNumber}}</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:' + quoteDetails.statusColor\">{{quoteDetails.statusName}}</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\">#{{quoteDetails.quotationNumber}}</p>\n                    <p class=\"text-text2 mb-1\">\n                      As of {{quoteDetails.quoteDate | dateFilterInvoice}}, Quotation\n                    status is <span class=\"heading-5 font-bold\" :style=\"'color:' + quoteDetails.statusColor\">{{quoteDetails.statusName}}</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\">{{quoteDetails.companyName}}</p>\n                          <div class=\"\">\n                            <span class=\"flex items-center\" v-if=\"quoteDetails.customerFirstName !== '' || quoteDetails.customerLastName !== ''\">\n                              <p class=\"w-36\">Customer Name:</p>\n                              <p class=\"text-gray4 pl-2\">{{quoteDetails.customerFirstName}} {{quoteDetails.customerLastName}}</p>\n                            </span>\n                            <span class=\"flex items-center\">\n                              <p class=\"w-36\">Email:</p>\n                              <p class=\"text-gray4 pl-2\">{{quoteDetails.customerEmailAddress}}</p>\n                            </span>\n                            <span class=\"flex items-center\">\n                              <p class=\"w-36\">Phone #:</p>\n                              <p class=\"text-gray4 pl-2\">{{quoteDetails.customerPhoneNumber | phone}}</p>\n                            </span>\n                          </div>\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 justify-end\">\n                            <p>Quotation Date:</p>\n                            <p class=\"text-text2 pl-2\">{{quoteDetails.quoteDate | dateFilterInvoiceRegularFormate}}</p>\n                          </span>\n                          <span class=\"flex items-center text-error justify-end\">\n                            <p>Due Date:</p>\n                            <p class=\"pl-2\">{{quoteDetails.expiryDate | 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 quoteDetails.itemList\" :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 v-if=\"name.itemQty !== ''\">{{ name.itemQty}}</span>\n                          <span v-else>-</span>\n                        </div>\n                        <div class=\"tax_col text-gray4 heading-6 text-right\">\n                          <span v-if=\"name.itemUnit !== ''\">{{ name.itemUnit}}</span>\n                          <span v-else>-</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 quoteDetails.itemList\" :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\">Total: </p>\n                      <p class=\"detail_col  text-right text-text2 font-semibold\">{{parseInt(quoteDetails.grandTotal) | 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\" v-if=\"quoteDetails.isDepositPer\">\n                      <p class=\"detail_col mr-4 text-text2 font-semibold\"> Deposit ({{ quoteDetails.depositAmt }}%):</p>\n                      <p class=\"detail_col text-text2 font-semibold\">{{((quoteDetails.grandTotal * quoteDetails.depositAmt) / 100) | 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\" v-if=\"!quoteDetails.isDepositPer\">\n                      <p class=\"detail_col mr-4 text-text2 font-semibold\"> Deposit Amount:</p>\n                      <p class=\"detail_col text-text2 font-semibold\">{{(quoteDetails.depositAmt) | amountFormaterWithToFix}}</p>\n                    </div>\n                  </div>\n                  <div class=\"pt-4\" v-if=\"quoteDetails.customerNotes !== ''\">\n                    <p class=\"text-gray4 heading-5\">Customer Note:</p>\n                    <p class=\" text-text2\" >{{quoteDetails.customerNotes}}</p>\n                  </div>\n                  <div class=\"pt-4\" v-if=\"quoteDetails.internalNotes !== ''\">\n                    <p class=\"text-gray4 heading-5\">Internal Note:</p>\n                    <p class=\" text-text2\">{{quoteDetails.internalNotes}}</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 Quotation 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      quoteDetails: {},\n      OrgDetail: {},\n      ShowErr: true,\n      firstLoading: false,\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.HashQuotationDetail(\n        this.$route.params.hashId,\n        response => {\n          this.ShowErr = false\n          this.firstLoading = true\n          this.quoteDetails = response.Data !== null ? response.Data : {}\n          document.title = 'Quote: ' + this.quoteDetails.companyName\n          this.OrgDetail = response.Data.organizationDetail !== null ? response.Data.organizationDetail : {}\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: 'DownloadHashQuote', params: {hashId: this.$route.params.hashId}})\n    },\n    myEventHandler () {\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!./quotation.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!./quotation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./quotation.vue?vue&type=template&id=5e3b49a7&scoped=true&\"\nimport script from \"./quotation.vue?vue&type=script&lang=js&\"\nexport * from \"./quotation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./quotation.vue?vue&type=style&index=0&id=5e3b49a7&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  \"5e3b49a7\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}