{"version":3,"sources":["webpack:///./src/assets/img/scan.png","webpack:///./src/assets/img/navigation/navigation/home.png","webpack:///./src/containers/TheBottomCustom.vue?9a62","webpack:///src/containers/TheBottomCustom.vue","webpack:///./src/containers/TheBottomCustom.vue?fe81","webpack:///./src/containers/TheBottomCustom.vue","webpack:///./src/assets/img/navigation/navigation/user.png","webpack:///./src/assets/img/navigation/navigation/search-normal.png","webpack:///./src/assets/img/navigation/navigation/notification.png","webpack:///./src/views/VoucherQr.vue?02eb","webpack:///./src/assets/img/success.png","webpack:///./src/assets/img/printer.png","webpack:///./src/views/VoucherQr.vue?2916","webpack:///src/views/VoucherQr.vue","webpack:///./src/views/VoucherQr.vue?65b8","webpack:///./src/views/VoucherQr.vue","webpack:///./src/assets/img/bgPurpleYellow.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","on","$event","GoHome","_v","GoQR","GoClass","staticRenderFns","component","style","backgroundImage","backgroundUrl","voucher","filePath","_s","Amount","location","join","ReceiptNo","_f","ValidUntil","VoucherNo","qrCodeUrl","ProfilePhoto","Code","CheckValid","printPage","Error","Message","_e","status","model","value","callback","$$v","staffId","expression","outlet","receiptNo","SubmitClaim","closeSubmit","_m","closeSuccess","$htmlToPaper"],"mappings":"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","file":"js/chunk-548372c0.9cfa8da3.js","sourcesContent":["module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAP5SURBVHgB7VltTttAEJ3ZpKX0V7iBo9BKQFHiG6Q3gBMETgA9AckJoCcgnAB6gqYncFK+fpQo6QlIpaqoot7pjoPtdWIHx3ZIWvEkK7vO2p7xvnmenQV4xn8M67pn8AEzBELGsC5vdhBFDSRV1N0L/pOwRSRPzI3VJmSIzBzgN41Ex0BUnTiQHUHcNdeKfcgAmThgXfYqCPJUNY2Ru/edXxo5D9AnId5n4YSAlOhc9faQ5GfQjCeij/RarFTWS0U+lLFFkrKhXWaglJZ11d2HlEg1A8r4Q8Vr3YiBMnTb3HzTChtvfb3ZQoHHemygEPXyWrEBCZHIgVC+K7oQPk6L4bVqxnRapYiLqSnk8F2yAb7xijIntCzMOAbwGPotTNU8A/8GVb5nEsmdagaY74oidZ0CJKFhbpbqkADW+be6otCBdmpAqO63XjqKe4/YDkzL97hIGxePOmD1egW8o9MkfI+LNHExMQYcvv+SVlK+x0WauIicgc51r0a2PMqK73ExbVyEOjArvseFExd5PNQpFRUXYw50rrsH6k3XtRGZ8j0uwuICEY7K66UP+rhADHAmqRs/C77HhRsXbINvD+xb572qPi6vdxBwT+s2zXeruzBHmGZxoH52rIsb9faxxucwRxwfLXeMNwOsOOqn4vZVApY4P8kc97l9RaWB01bqpCuTTyGSVa8J9GketImCMxOC2t4JaVfdpu+AvnoCbMOCgQi/+D003JY2Aw9TNBxdgEUD6ctT31bfAUl9bYABCwYUVPZ7vq2+Ay9yHm2UGpVh0SDRExjI5/puM/Aha190b91Y4CWhWSwOYAFgWSqhfClv3X5lo+TZHUzm3EU4436BaPTqj//2EQICE3BAffU6XufersCiwBb+94nou/7XSDqtySdBagc4NeED0sPwWmqdoP8RdEBTIpX9pQpkp0IHeMxHWicCCmSLaArpSqTmKuUMoBHeTgBdgZYgICwBB5z0wf+gFXg5CXMGK5CWJQzMt8UJM8DQlehn+jhIjYACjac4Yw4ElCgn5+9AQIHkj9G/Qxb1mpeSDJg/DK81okCMcQcyVKIsMEmBGOMOZKZEWnIYaE+JCQrECK1KZJUTufqfdFdmJAcaqBxoZXRMPvTKoRINPR8qUQsSIPV2EiuQfCAJhi+yQitzavXvrX5QyBrMCSiF/2wKp2F4aZHkmdbb4SodPDG4Es7PdvtRRYbI0mL7sst7XlvaqSbfZNaLff76izs4GKkMNhX/Q0s8kQ44AbTEhd2IjbtZIeR5TnEtQkgmlted+ott192i0pODS+zLuD1JBWNtcAw3r6EGhFWYPQasOGTbjTjF5Kk3+RS1DJghFFf68Ix/CH8BHGUKqwx+bRkAAAAASUVORK5CYII=\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"footer-bottom bg-white\"},[_c('CRow',{staticClass:\"justify-content-center mb-2\"},[_c('CCol',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"center\"}},[_c('CCol',{attrs:{\"sm\":\"12\",\"lg\":\"12\"}},[_c('CCol',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"center\",\"left\":\"0\",\"right\":\"0\",\"position\":\"fixed\",\"bottom\":\"0px\",\"background-color\":\"#fff\",\"padding-bottom\":\"3px\",\"padding-top\":\"5px\"},attrs:{\"sm\":\"12\",\"lg\":\"12\"}},[_c('CCol',{staticClass:\"p-0 m-0\",staticStyle:{\"flex\":\"1\"},attrs:{\"sm\":\"2\",\"lg\":\"2\"}},[_c('CCol',{on:{\"click\":function($event){return _vm.GoHome()}}},[_c('div',{staticClass:\"text-center\"},[_c('img',{staticClass:\"btn-active\",staticStyle:{\"width\":\"24px\"},attrs:{\"src\":require(\"../assets/img/navigation/navigation/home.png\")}}),_c('br'),_c('label',{staticClass:\"text-non-active\",staticStyle:{\"color\":\"#D0D5DD\"}},[_vm._v(\" Home\")])])])],1),_c('CCol',{staticClass:\"p-0 m-0\",staticStyle:{\"flex\":\"1\"},attrs:{\"sm\":\"2\",\"lg\":\"2\"}},[_c('CCol',[_c('div',{staticClass:\"text-center\"},[_c('img',{staticStyle:{\"width\":\"24px\"},attrs:{\"src\":require(\"../assets/img/navigation/navigation/search-normal.png\")}}),_c('br'),_c('label',{staticClass:\"text-non-active\",staticStyle:{\"color\":\"#D0D5DD\"}},[_vm._v(\" Search\")])])])],1),_c('CCol',{staticClass:\"p-0 m-0\",staticStyle:{\"flex\":\"1\",\"position\":\"relative\"},attrs:{\"sm\":\"2\",\"lg\":\"2\"}},[_c('CCol',{on:{\"click\":function($event){return _vm.GoQR()}}},[_c('img',{staticStyle:{\"width\":\"50px\",\"position\":\"absolute\",\"bottom\":\"5px\",\"left\":\"50%\",\"transform\":\"translateX(-50%)\",\"border\":\"5px solid white\",\"border-radius\":\"50%\"},attrs:{\"src\":require(\"../assets/img/scan.png\")}})])],1),_c('CCol',{staticClass:\"p-0 m-0\",staticStyle:{\"flex\":\"1\"},attrs:{\"sm\":\"2\",\"lg\":\"2\"}},[_c('CCol',{on:{\"click\":function($event){return _vm.GoClass()}}},[_c('div',{staticClass:\"text-center\"},[_c('img',{staticStyle:{\"width\":\"24px\"},attrs:{\"src\":require(\"../assets/img/navigation/navigation/notification.png\")}}),_c('br'),_c('label',{staticClass:\"text-non-active\",staticStyle:{\"color\":\"#D0D5DD\"}},[_vm._v(\" Notification\")])])])],1),_c('CCol',{staticClass:\"p-0 m-0\",staticStyle:{\"flex\":\"1\"},attrs:{\"sm\":\"2\",\"lg\":\"2\"}},[_c('CCol',{on:{\"click\":function($event){return _vm.GoClass()}}},[_c('div',{staticClass:\"text-center\"},[_c('img',{staticStyle:{\"width\":\"24px\"},attrs:{\"src\":require(\"../assets/img/navigation/navigation/user.png\")}}),_c('br'),_c('label',{staticClass:\"text-non-active\",staticStyle:{\"color\":\"#D0D5DD\"}},[_vm._v(\" Profile\")])])])],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"footer-bottom bg-white\">\n        <CRow class=\"justify-content-center mb-2\">\n  <CCol style=\"display: flex; align-items: center; justify-content: center\">\n    <CCol sm=\"12\" lg=\"12\">\n      <CCol\n        sm=\"12\"\n        lg=\"12\"\n        style=\"\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          left: 0;\n          right: 0;\n          position: fixed;\n          bottom: 0px;\n          background-color: #fff;\n          padding-bottom: 3px;\n          padding-top: 5px;\n        \"\n      >\n        <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n          <CCol @click=\"GoHome()\">\n            <div class=\"text-center\">\n              <img src=\"../assets/img/navigation/navigation/home.png\" class=\"btn-active\" style=\"width: 24px\"/>\n              <br />\n              <label class=\"text-non-active\" style=\"color:#D0D5DD\"> Home</label>\n            </div>\n          </CCol>\n        </CCol>\n\n        <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n          <CCol>\n            <div class=\"text-center\">\n              <img src=\"../assets/img/navigation/navigation/search-normal.png\" style=\"width: 24px\"/>\n              <br />\n              <label class=\"text-non-active\" style=\"color:#D0D5DD\"> Search</label>\n            </div>\n          </CCol>\n        </CCol>\n\n        <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1; position: relative;\">\n          <CCol @click=\"GoQR()\">\n            <img \n              src=\"../assets/img/scan.png\" \n              style=\"\n                width: 50px;\n    position: absolute;\n    bottom: 5px;\n    left: 50%;\n    transform: translateX(-50%);\n    border: 5px solid white;\n    border-radius: 50%;\n              \"\n            />\n          </CCol>\n        </CCol>\n\n        <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n          <CCol @click=\"GoClass()\">\n            <div class=\"text-center\">\n              <img src=\"../assets/img/navigation/navigation/notification.png\" style=\"width: 24px\"/>\n              <br />\n              <label class=\"text-non-active\" style=\"color:#D0D5DD\"> Notification</label>\n            </div>\n          </CCol>\n        </CCol>\n\n        <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n          <CCol @click=\"GoClass()\">\n            <div class=\"text-center\">\n              <img src=\"../assets/img/navigation/navigation/user.png\" style=\"width: 24px\"/>\n              <br />\n              <label class=\"text-non-active\" style=\"color:#D0D5DD\"> Profile</label>\n            </div>\n          </CCol>\n        </CCol>\n      </CCol>\n    </CCol>\n  </CCol>\n</CRow>\n\n    </div>\n  </template>\n  \n              \n  <script>\n  import Vue from \"vue\";\n  \n  import MainlayoutBottom from \"../containers/TheBottomCustom.vue\";\n  \n  Vue.use(require(\"vue-moment\"));\n  import moment from \"moment\";\n  \n  export default {\n    components: {\n      MainlayoutBottom,\n    },\n    data: function () {\n      return {\n       \n      };\n    },\n    async mounted() {\n     \n    },\n    methods: {\n     \n      GoHome() {\n        this.homeclick = true;\n        this.homeclickgrey = false;\n        this.$router.push(\"/Home\");\n        \n      },\n      GoProfile() {\n        if (this.user.userType == \"parent\") {\n          this.profileclick = true;\n          this.profileclickgrey = false;\n          this.$router.push(\"/ParentProfile/Profile\");\n          \n        } else {\n          this.profileclick = true;\n          this.profileclickgrey = false;\n          this.$router.push(\"/Tutor/TutorProfile\");\n          \n        }\n      },\n      GoQR() {\n        this.classclick = true;\n        this.classclickgrey = false;\n        this.$router.push(\"HomeSurvey\");\n      \n      },\n      GoTutor() {\n        this.tutorclick = true;\n        this.tutorclickgrey = false;\n        this.$router.push(\"/FindTutor/FindTutorMainpage\");\n      },\n      GoNotification() {\n        this.noticlick = true;\n        this.noticlickgrey = false;\n        this.$router.push(\"/Notification\");\n      },\n    },\n  };\n  </script>\n  ","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheBottomCustom.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheBottomCustom.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheBottomCustom.vue?vue&type=template&id=5f7415ea&\"\nimport script from \"./TheBottomCustom.vue?vue&type=script&lang=js&\"\nexport * from \"./TheBottomCustom.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARXSURBVHgB7VltTttAEJ1do6pfP3IDnNJWKm2FfYKGE5SeoOQEtCcgOQHhBJQTND1B0xPYiAI/AMU9QYNUUYninc468UecmGTHLlCJJxG8kb2etzuzb2YCcIebhYB/AO+o3wAIbVDCjr5AGIAlffdFvQcVozICZLQtUW2ggnWatVZwW0B/PZSyTWQCqACVENg77JPhqnWF4ZMvlrK18qLehpIoRcDr92viXO3Q5Vpu1oDcpocAP4ZDWKEPh76zc/d18YFsuvX6AJhYgBKYMF6IHoZh2339rDftfm//uCEsuZMQQVgTv5W+egdcG4CJvaPTTfL3VjymazJ8qTXPs0SkRS60mTwr4KO7vNQBBlgEdMAKpfqJAQbGJ3OMkxhQYLucwJbAABm/mQ4gMDVeg9yMgh57o2ENwvADMMAiQGjEFxjKJjCBISankBDiPTBgTMA7Om7QP3v4Vr36fHEaBXswGta8fS2AZjDfgVA68SUi7kFJ0BzfkoEk9TaEOYExsRI+lIUQQWZggyG4MXBrwCCAQXwlQC5CSUQqnQ6MFdmcgEoJ0KAB5ZHEFMWXsUuyhMz/fvozjgVUcpV7EukTTSj5dWRJ4Cwv1cEQrBigJG03vhYWbgITZPxOZtIeMMALYkt2oiIlejE29o76xiR0LgWQZqe6RgAGWAR0zkK7kLxQ1wImJKYmgswCp1Q94B+cfobxWiCglWwWlY661BRILke7lvm667xcYqfTpeoBvJBNcS/K52MSOkv9SsQCWhofESKlplVapI8GKGXnpujiQ34uNZq7PPL5/RwYIKq2++oZqwbIotKinlJiIiLeTJSOKchw3AXL6tyqoj4PXTpS1e6keROJHwlgUal5h/8ZlbqQbrPAH9Cx4EAoaokLadGT5EbCGsB98Mu0UfIoTUCf7aSGb0jM9FHqzPmYLwT01ILcdZ/XS9UUbALeYX9NAG7kRIkDHwG33ZdPPwEDxgQK1DQ7Ja0okojhGVVbcb5Uo6J9cVhxYdEuaRVfNT1ejQhQD3SLBCjf/hie7YhdeLww07+jOPl1SUesWCdSbwHG+6mmPdO5CBT0QAfk99tkdIcblJH4XV4SEbkxVmsb9EznIkC5jQfZANU9UCGaVanpqNO3BeML5FOetDqLxMx0WrsNZIzXqa+z/GS1KuM19Fw6I6UdzbqOQ7u+NevZKwl4ByfrWZ/n9EBNoNuNORLr3uHplS3HQhcabauuV209pkDddl89ZfUvTeHtn3QoKdwYDQfkSvUiVyregTASJju61j9YPLJacF24tFrRO4eowbkqXLhCAqSU8Qro1W9XKf+z4Lp1fTSnjV9IbcljKoGJBi5TJUvhwuomjYMrGr/Td6DiBi4H0S4Afkm+sNRUBS9yITu5ojMfbgxp81igXJl2RwEBTFUR8dp8fwJi9rsLCIj0QWUFcFPI9GERw7Npt0zVAc+jhOteuHYb6lgtpvQzZg0eyU/XeRLeYV78BUKf8OLndRP0AAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAwCAYAAAC4wJK5AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQ1SURBVHgB7VldUtswEN6VZ/pQHsgNMEN5oIVpfAP3BB1OAJyg5QSEG8AJSE/AcALSEyQM0/JAO3FvEB4KM6XWdqX4R/53EuenM3wvseRY0qddrfYH4AWrAYQG0R8OW/AMNvh+G3xs8egt/YJgBII8QGvk7Gz2oGHMTEIv/Lc8RIEfQVI7WnjprNgjkl9AWD0m5cGMmJpE/27oItEJELkwG7okxOksZCYmoXZePMEJ7+TnghE9Vh/eaXrgHR/pPqIWIm7wS5sb7YKhpyYzEQm9+1Je8KOdHIXVQ9IVrImus7k5qhjDBum7iHAAhG7qtUdSHDl7k52b2iRuvg8/8e6fJb/mxfv+qbO33YMpoAn5foeldJAYVojO+53N07rj1CJxc/fzhCR0jK888uXRtItPo//txyET4fMVS3gSIpUkMgQABqy7+01YFRNKKijp0jwzhHDsvN06q/oWKwZWZ+Da6BrQa/GhSu+nRb8/bOEruk4QkTxfxRkpJDHeGU3ADrrmSiCaN0vE43mdsnlF0QsmcAIhAXUGlArNmYACr3ZEAve1qR7DFk96LYXIlUQghWHYJqAj592bLiwQ/dt7lw93pMplapUriUAKIbqLJqCgLR9SL2yjRYXSyJDQthvgMGyrWxSWBPIpnpvdG+2n5SArCb5No2e+zJo2pZMgLQ14kod5/8uQ0O5AAO1pLhkk8Sp8RmBPOQdZSZj+DLvKsGw8i270TNTOU6kEif7dvRs1EAbLVKUQyuTyjxc0x0FXCklJPGPEkl3pX7Ai4LV8jRrPfsaVT5IQaMdfRuxXABhfsojl6pQILRHnfjvXBkK8FoIKEv8pkiTIZEzVAf+iYO6+KZUAKXWi6A+I1jqsCPju2ohbnPpJIaVO1iB+li6sDuzoybcqJPFHZyrCP9lFvsoiEfhykVnN82QTJPTFIiiWRoGvslCkfLm8v2SsUx1fZZGo48tlTWzSV3H7t0MXlgStSjV8uQwJrVI1g5F5IxOcFfhyuZddJhhZgjRULgpqBme5JFQwwmnJ87CNQl4EVmIh0DE+YC0pKBS7HX+tjplxYNFeLsLkqjnUXJDMtJSGyIUkdOqEU5VGVxsf5fU8iWgCjzrXFSfPVLq0Iq4pdQC1WhEcG11jInNQLa1CaQISaiWrK71YZ3frjKQ0xdlWmcHg4DUCI12aIrDVqfN97dQ+J7M6nMxKm9uZqjxF1Sa+1I6d3W2dSA43qyz3NVmRRWXlLHFhpuDHo9SvwSVqfOlSWapkoFP+gBf6VUmqf/JyV0FhxMBALYYH9iTBg+oQCOukYgIEN7MBATiOPoc1q2Pme00SZURmKTxWkamHimpTWo3ziMxeAi6vweWB3Roc1K3x6TkqiDRajA8mZJXhjITKnJjFeB01ctD1GrxpSgRpImamvnES84RJZBnlhsagDnuTd9QLmsQ/fpFC9C2mupAAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAwCAYAAAC4wJK5AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQVSURBVHgB7VrdUdtAEN498ZAweSAVxA7JQ2AyWBWgdEAHQAWECgwVxFSAU0FIBYgKJA8BHmJGpgO/BDIJvs3eYf3YYOkkn4kz4ZvxWCvr7vTp9r7bXRngCfMBhBkhiKIl+CG3EGFN2QR0AsLx3Xf1HljGTEh0LqJNGsgW97409lOfEPbdleUWWIR1EsF5dwMJv+Rdw0R2bRKxRkK5j/gJOzwDHx+YgXH02c3aEsWBDfeyQqJzHu2QlHsGNz+OHs/KwbSzMjUJJvCJiJ/+KPr8OSKAK3ae3nCoGg+2xiM2eJXXxq5v06LYdev1PlTAVCTCi8tDkLCV6a1HRPvu6pt2XrvgrMuqhc0xMiET+VCFiICK6FxcNrME+OYP6LlwiwgoqGsaK8t1dsH9zOkGXstPUAGVZkI/ScDD2CbJsvl+eQ8qIDj9vodCNJO+KihXJRLh2WXEX7Wh2W6sLm/DFAhOuy0UuDM0++xW9TJuVdqd1CxATECtASH2YVrcOkrZekNrCa7vCUUuSpNgfd+Mj/UitqDzrlvvs0sepGPgeonm5UgEAcdDhF7a2vHBFn6LNqvVnQsRecFFVDNtWm4mnt02kmOE0GYwp2YDBIXJCTnwTNuWIyGxFh+yK12BZZDETmqlYxWh5JrIdowh2AZCpR278mY3T3giMS94IjEv+A9JUOnMrSTiBEqprXhl2qoUCRS0lhpkf5+QKQk2PDCEMQkdy2TjpucW46Yh3Pdv/SR+4kg5OI08k3bGJFDKZsZsV82Hi8B5+edkTIeaJm2MSAxziK1kIBs5xCQ4ojUSzZ5fFuYWRiQ4FR2dhRmUImOovgllmlsQNHVJNAeFJHRBwHYmV4RfC61spiduZK5b5ebYajHzWohim4vC2ybVDBvgAoLHBYTjZOxF8XLSOsyfiWxiwk/msQgoaKVC8pMTN3Jr0rUF7oS1+IgoVY3HAhGepMbkjdZ8syOa8W59H+zrrzLGREkvcCfpJ30g7pjInS2oIjVkZB0WhD/p2sLiWXjePR7ZqUGrhk9IX3k3slYs0DJ6M/AE4Dqp8uhohT23QFdIQisUyeMHKtkxwrtCMnR0PIWOmvbeJHI6fHH4Bm8HNVV40K/DELx7/SuJVedU38iF5pyHZVzG1DVTR2zmkLENLqjxpvdioVUU4pSuxSr9BiE8RFofc7PpgejTYKAUydcSa9oMpoQmhaLBbmFalldPNfF3dsNdbu/DIrvg33jJkkXwrdtmBYvrtCo8uefHwwhA7cK1u9HRb6y8/gBTwh4JdYMDGYyril7wDvVRcpGYYCPze5+JunPz4jFGcBY1tJIZvD1lid52V94cgQVYLRS4q/WQHOHy4eSbU4sX2NUsEdBdwoyg94OB3Ej+FqHcimRYRnWe8K/hD9LDqt8sSlYoAAAAAElFTkSuQmCC\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VoucherQr.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VoucherQr.vue?vue&type=style&index=0&lang=css&\"","module.exports = __webpack_public_path__ + \"img/success.28c568e5.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAYAAACoYAD2AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIzSURBVHgB7ZjtUcMwDIbfcPynI5gJ6AaECWADsgEdASagTFCYAJigYQLKBM0GLRMYqVZomsaJ7Xxc4frc6ZycrciRLfkDOHLksIgQiNZ6REVCckGiGpqvSd5J0iiKMgwBdXBMstL+LFkXnnh7kowoKj5J2JMpjIcWDWrcsWuSGMar5+TRNfqCOjkVr8zgCem8iu49+oQMzMVQDE9YR3Q/ffRO4I+SMoM/mZQjD52gTg7On+jkaVMDyYcxtkOUl9dU9w0/fr9Buok8ZySLoGjnzpE8BubDEGbikD2imk5yBOaJN0VYoLigYEZqY4c8euWkxUMhf7fUJnn3CtsQW7owDRqV5l4KHVBwzNxVIZ+HXvmsDdrEALNyVdiAgbHZbUxBpY8oKh5RvWI80KRPMRS2P9LbtbeKKVpisxvZGm8qiYq6GNUs2m6/6uxWNj6kOXncYHSFV3Qzkjvb5s916+NDTXSPdXfErna9PQlz6FIw3lyLuDAq6WRog94u9mNL/bPUJ3BEb9fmmaU+H6W9848tcN6lvMVw3Em5dzy2DfdUlCYSKC/YHZ4zhMMbCVV452d2RiLvD3ClMDx1JB1+b2X7njVwKEXwvEvpcUJyid200yYNlYONnz9Ipp3eE/UROHX862Uxj0CfG7JLKb8wBNocnHRdLi21L65UCp60uUTN0xTzBjP5y6sPBxd78Ebenyg4JhgS6ui9did45x7syUJHFczhnoe9nOT5GiYjee710vQQ+AGeLhq38Amm1QAAAABJRU5ErkJggg==\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('CCol',{staticStyle:{\"background-size\":\"cover\"},style:({ backgroundImage: (\"url(\" + _vm.backgroundUrl + \")\") }),attrs:{\"sm\":\"12\"}},[_c('CContainer',[_c('br'),_c('br'),_c('br'),_c('CCard',{staticClass:\"p-2 card-with-circles\",staticStyle:{\"border-radius\":\"24px\",\"position\":\"relative\"}},[_c('img',{staticClass:\"text-center\",staticStyle:{\"max-width\":\"100%\",\"border-radius\":\"10px\"},attrs:{\"src\":_vm.voucher.filePath}}),_c('h3',{staticClass:\"custom-28px-700 text-center mt-3 font-color-928AFD\"},[_vm._v(_vm._s(_vm.voucher.Amount))]),_c('CRow',{staticStyle:{\"width\":\"90%\",\"margin\":\"0 auto\"}},[_c('div',{staticStyle:{\"width\":\"50%\"}},[_c('h3',{staticClass:\"custom-12px-500 font-color-A3A3A3 mt-3\"},[_vm._v(\"Redeem at\")]),_c('h3',{staticClass:\"custom-14px-500 font-color-191919\"},[_vm._v(\" \"+_vm._s(_vm.voucher.location ? _vm.voucher.location.join(', ') : 'Location not available')+\" \")]),_c('h3',{staticClass:\"custom-12px-500 font-color-A3A3A3 mt-3\"},[_vm._v(\"Receipt No\")]),_c('h3',{staticClass:\"custom-14px-500 font-color-191919\"},[_vm._v(_vm._s(_vm.voucher.ReceiptNo))])]),_c('div',{staticStyle:{\"width\":\"50%\"}},[_c('h3',{staticClass:\"custom-12px-500 font-color-A3A3A3 mt-3\"},[_vm._v(\"Valid Until\")]),_c('h3',{staticClass:\"custom-14px-500 font-color-191919\"},[_vm._v(_vm._s(_vm._f(\"moment\")(_vm.voucher.ValidUntil,\"DD/MM/YYYY\")))]),_c('h3',{staticClass:\"custom-12px-500 font-color-A3A3A3 mt-3\"},[_vm._v(\"Voucher No\")]),_c('h3',{staticClass:\"custom-14px-500 font-color-191919\"},[_vm._v(_vm._s(_vm.voucher.VoucherNo))])]),_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('h3',{staticClass:\"custom-12px-500 font-color-A3A3A3 mt-3\"},[_vm._v(\"Term & Conditions:\")]),_c('h3',{staticClass:\"custom-12px-500 font-color-191919\"},[_vm._v(\" 1. The company reserves the right to change the terms and condition and/or cancel promotion at any time without prior notice. \"),_c('br'),_vm._v(\" 2. This voucher is not exchangeable for cash or other goods and services.\"),_c('br'),_vm._v(\" 3. Redeemable for dine-in only.\"),_c('br'),_vm._v(\" 4. Not valid with any other discounts or promotions.\"),_c('br')]),_c('hr',{staticStyle:{\"border\":\"1px dashed #E5E5E5\"}})]),_c('div',{staticClass:\"p-2\",staticStyle:{\"width\":\"50%\"}},[_c('img',{staticStyle:{\"max-width\":\"100%\"},attrs:{\"src\":_vm.qrCodeUrl,\"alt\":\"QR Code\"}})]),_c('div',{staticClass:\"p-2\",staticStyle:{\"width\":\"50%\"}},[_c('img',{staticClass:\"text-center mt-3\",staticStyle:{\"max-width\":\"100px\"},attrs:{\"src\":_vm.voucher.ProfilePhoto}})]),_c('div',{staticStyle:{\"width\":\"100%\",\"display\":\"flex\",\"justify-content\":\"space-between\",\"align-items\":\"center\"}},[_c('h3',{staticClass:\"custom-12px-400 font-color-171717 mt-1\"},[_vm._v(\" Voucher Code: \"),_c('label',{staticClass:\"font-color-928AFD\"},[_vm._v(_vm._s(_vm.voucher.Code))])]),_c('CButton',{staticClass:\"custom-border-purple text-white mt-1\",on:{\"click\":function($event){return _vm.CheckValid()}}},[_vm._v(\"Redeem\")]),_c('CButton',{staticClass:\"custom-border-purple text-white mt-1\",on:{\"click\":_vm.printPage}},[_c('img',{attrs:{\"src\":require(\"../assets/img/printer.png\"),\"width\":\"20px\"}})])],1)])],1),_c('br')],1),_c('br')],1),(_vm.isPopupSubmit)?_c('div',{staticClass:\"popup-all backdrop-all\"},[_c('div',{staticClass:\"popup-all1\"},[_c('div',{staticClass:\"text-center\"},[(this.Error == true)?_c('div',{staticClass:\"mt-1\"},[_c('CAlert',{attrs:{\"show\":\"\",\"color\":\"danger\"}},[_c('strong',{staticClass:\"text-danger mr-2\"},[_vm._v(\"Error: \"+_vm._s(_vm.Message))])])],1):_vm._e(),(_vm.voucher.status === true)?_c('div',[_c('h3',{staticClass:\"text-success custom-14px-500\"},[_vm._v(\"Voucher still Valid\")]),_c('h3',{staticClass:\"custom-18px-600 font-color-171717 text-center mt-3\"},[_vm._v(\" Are you sure you want to redeem this voucher? \")]),_c('p',{staticClass:\"custom-12px-400 font-color-696969\"},[_vm._v(\"Once you proceed, the voucher can no longer be used, and the code will be required during payment at the cashier.\")]),_c('h3',{staticClass:\"custom-14px-600 text-left\"},[_vm._v(\"Approval Password\")]),_c('CInput',{attrs:{\"type\":\"text\"},model:{value:(_vm.staffId),callback:function ($$v) {_vm.staffId=$$v},expression:\"staffId\"}}),_c('CAlert',{staticClass:\"text-left\",attrs:{\"color\":\"info\"}},[_vm._v(\"The \\\"Approval Password\\\" field is optional for staff used. You can leave this field empty if you do not have or do not need an approval password.\")]),_c('h3',{staticClass:\"custom-14px-600 text-left\"},[_vm._v(\"Location Outlet\")]),_c('CInput',{attrs:{\"type\":\"text\"},model:{value:(_vm.outlet),callback:function ($$v) {_vm.outlet=$$v},expression:\"outlet\"}}),_c('h3',{staticClass:\"custom-14px-600 text-left\"},[_vm._v(\"Receipt No\")]),_c('CInput',{attrs:{\"type\":\"text\"},model:{value:(_vm.receiptNo),callback:function ($$v) {_vm.receiptNo=$$v},expression:\"receiptNo\"}}),_c('CButton',{staticClass:\"custom-border-purple mt-4 text-white\",attrs:{\"block\":\"\"},on:{\"click\":_vm.SubmitClaim}},[_c('span',{staticClass:\"ml-2 mr-2\"},[_vm._v(\"Yes\")])]),_c('CButton',{staticClass:\"badge-purple mt-2 font-color-928AFD\",attrs:{\"block\":\"\"},on:{\"click\":_vm.closeSubmit}},[_c('span',{staticClass:\"ml-2 mr-2\"},[_vm._v(\"No\")])])],1):_c('div',[_c('h3',{staticClass:\"text-danger custom-14px-500\"},[_vm._v(\"Voucher fully redeemed / not valid\")]),_c('h3',{staticClass:\"custom-18px-600 font-color-171717 text-center mt-3\"},[_vm._v(\" Are you sure you want to redeem this voucher? \")]),_c('p',{staticClass:\"custom-12px-400 font-color-696969\"},[_vm._v(\"Once you proceed, the voucher can no longer be used, and the code will be required during payment at the cashier.\")]),_c('h3',{staticClass:\"custom-14px-600 text-left\"},[_vm._v(\"Staff Id\")]),_c('CInput',{staticClass:\"bg-grey\",attrs:{\"type\":\"text\",\"disabled\":\"\"}}),_c('h3',{staticClass:\"custom-14px-600 text-left\"},[_vm._v(\"Location Outlet\")]),_c('CInput',{staticClass:\"bg-grey\",attrs:{\"type\":\"text\",\"disabled\":\"\"}}),_c('h3',{staticClass:\"custom-14px-600 text-left\"},[_vm._v(\"Receipt No\")]),_c('CInput',{staticClass:\"bg-grey\",attrs:{\"type\":\"text\",\"disabled\":\"\"}}),_c('CButton',{staticClass:\"badge-purple mt-2 font-color-928AFD\",attrs:{\"block\":\"\"},on:{\"click\":_vm.closeSubmit}},[_c('span',{staticClass:\"ml-2 mr-2\"},[_vm._v(\"Close\")])])],1)])])]):_vm._e(),(_vm.SuccessPopup)?_c('div',{staticClass:\"popup-all backdrop-all\"},[_c('div',{staticClass:\"popup-all1\"},[_vm._m(0),_c('CButton',{staticClass:\"custom-border-purple text-white\",attrs:{\"block\":\"\"},on:{\"click\":function($event){return _vm.closeSuccess()}}},[_c('span',{staticClass:\"ml-2 mr-2\"},[_vm._v(\"Close\")])])],1)]):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text-center\"},[_c('img',{staticStyle:{\"max-width\":\"100px\"},attrs:{\"src\":require(\"../assets/img/success.png\")}}),_c('h3',{staticClass:\"custom-32px-500 custom-24px-600 font-color-171717\"},[_vm._v(\"Success!\")]),_c('h3',{staticClass:\"custom-16px-400 text-center\"},[_vm._v(\" Your redeem voucher is succesfully claim \")])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div>\n    \n        <CCol sm=\"12\" style=\"background-size: cover;\" :style=\"{ backgroundImage: `url(${backgroundUrl})` }\">\n            <CContainer>\n                <br /><br /><br />\n                <CCard class=\"p-2 card-with-circles\" style=\"border-radius:24px; position:relative;\">\n                    <img :src=\"voucher.filePath\" style=\"max-width:100%;border-radius:10px\" class=\"text-center\" />\n                    <h3 class=\"custom-28px-700 text-center mt-3 font-color-928AFD\">{{ voucher.Amount }}</h3>\n                    <CRow style=\"width:90%;margin:0 auto\">\n                        <div style=\"width:50%\">\n                            <h3 class=\"custom-12px-500 font-color-A3A3A3 mt-3\">Redeem at</h3>\n                            <h3 class=\"custom-14px-500 font-color-191919\">\n  {{ voucher.location ? voucher.location.join(', ') : 'Location not available' }}\n</h3>\n\n    \n                            <h3 class=\"custom-12px-500 font-color-A3A3A3 mt-3\">Receipt No</h3>\n                            <h3 class=\"custom-14px-500 font-color-191919\">{{ voucher.ReceiptNo }}</h3>\n                        </div>\n                        <div style=\"width:50%\">\n                            <h3 class=\"custom-12px-500 font-color-A3A3A3 mt-3\">Valid Until</h3>\n                            <h3 class=\"custom-14px-500 font-color-191919\">{{ voucher.ValidUntil | moment(\"DD/MM/YYYY\") }}</h3>\n    \n                            <h3 class=\"custom-12px-500 font-color-A3A3A3 mt-3\">Voucher No</h3>\n                            <h3 class=\"custom-14px-500 font-color-191919\">{{ voucher.VoucherNo }}</h3>\n                        </div>\n                        <div style=\"width:100%\">\n                            <h3 class=\"custom-12px-500 font-color-A3A3A3 mt-3\">Term & Conditions:</h3>\n                            <h3 class=\"custom-12px-500 font-color-191919\"> 1. The company reserves the right to change the terms and condition and/or cancel promotion at any time without prior notice. <br /> 2. This voucher is not exchangeable for cash or other goods and services.<br /> 3. Redeemable\n                                for dine-in only.<br /> 4. Not valid with any other discounts or promotions.<br />\n                            </h3>\n                            <hr style=\"border:1px dashed #E5E5E5\" />\n                        </div>\n                        <div style=\"width:50%\" class=\"p-2\">\n                            <img :src=\"qrCodeUrl\" alt=\"QR Code\" style=\"max-width:100%\">\n                        </div>\n                        <div style=\"width:50%\" class=\"p-2\">\n                            <img :src=\"voucher.ProfilePhoto\" style=\"max-width:100px\" class=\"text-center mt-3\" />\n                        </div>\n                        <div style=\"width: 100%; display: flex; justify-content: space-between; align-items: center;\">\n                            <h3 class=\"custom-12px-400 font-color-171717 mt-1\">\n                                Voucher Code: <label class=\"font-color-928AFD\">{{ voucher.Code }}</label>\n                            </h3>\n                            <CButton class=\"custom-border-purple text-white mt-1\" @click=\"CheckValid()\">Redeem</CButton>\n                            <CButton class=\"custom-border-purple text-white mt-1\"  v-on:click=\"printPage\"><img src=\"../assets/img/printer.png\" width=\"20px\"/></CButton>\n    \n                        </div>\n                    </CRow>\n                </CCard>\n    \n    \n    \n                <br />\n            </CContainer>\n    \n          \n            <br />\n        </CCol>\n    \n        <div v-if=\"isPopupSubmit\" class=\"popup-all backdrop-all\">\n            <div class=\"popup-all1\">\n                <!-- Popup content -->\n                <div class=\"text-center\">\n                    <div v-if=\"this.Error == true\" class=\"mt-1\">\n                            <CAlert show color=\"danger\">\n                                <strong class=\"text-danger mr-2\">Error: {{ Message }}</strong>\n                            </CAlert>\n                        </div>\n                    <div v-if=\"voucher.status === true\">\n                        <h3 class=\"text-success custom-14px-500\">Voucher still Valid</h3>\n                        <h3 class=\"custom-18px-600 font-color-171717 text-center mt-3\">\n                            Are you sure you want to redeem this voucher?\n                        </h3>\n                        <p class=\"custom-12px-400 font-color-696969\">Once you proceed, the voucher can no longer be used, and the code will be required during payment at the cashier.</p>\n                        <h3 class=\"custom-14px-600 text-left\">Approval Password</h3>\n                        <CInput type=\"text\" v-model=\"staffId\" />\n                        <CAlert color=\"info\" class=\"text-left\">The \"Approval Password\" field is optional for staff used. You can leave this field empty if you do not have or do not need an approval password.</CAlert>\n                        <h3 class=\"custom-14px-600 text-left\">Location Outlet</h3>\n                        <CInput type=\"text\" v-model=\"outlet\" />\n                        <h3 class=\"custom-14px-600 text-left\">Receipt No</h3>\n                        <CInput type=\"text\" v-model=\"receiptNo\"/>\n                        <CButton class=\"custom-border-purple mt-4 text-white\" block @click=\"SubmitClaim\">\n                            <span class=\"ml-2 mr-2\">Yes</span>\n                        </CButton>\n                        <CButton class=\"badge-purple mt-2 font-color-928AFD\" block @click=\"closeSubmit\">\n                            <span class=\"ml-2 mr-2\">No</span>\n                        </CButton>\n                    </div>\n    \n                    <div v-else>\n                        <h3 class=\"text-danger custom-14px-500\">Voucher fully redeemed / not valid</h3>\n                        <h3 class=\"custom-18px-600 font-color-171717 text-center mt-3\">\n                            Are you sure you want to redeem this voucher?\n                        </h3>\n                        <p class=\"custom-12px-400 font-color-696969\">Once you proceed, the voucher can no longer be used, and the code will be required during payment at the cashier.</p>\n                        <h3 class=\"custom-14px-600 text-left\">Staff Id</h3>\n                        <CInput type=\"text\" class=\"bg-grey\" disabled/>\n                        <h3 class=\"custom-14px-600 text-left\">Location Outlet</h3>\n                        <CInput type=\"text\" class=\"bg-grey\" disabled/>\n                        <h3 class=\"custom-14px-600 text-left\">Receipt No</h3>\n                        <CInput type=\"text\" class=\"bg-grey\" disabled/>\n                       \n                        <CButton class=\"badge-purple mt-2 font-color-928AFD\" block @click=\"closeSubmit\">\n                            <span class=\"ml-2 mr-2\">Close</span>\n                        </CButton>\n                    </div>\n    \n                </div>\n            </div>\n        </div>\n    \n    \n        <div v-if=\"SuccessPopup\" class=\"popup-all backdrop-all\">\n            <div class=\"popup-all1\">\n                <!-- Popup content -->\n                <div class=\"text-center\">\n                    <img style=\"max-width: 100px\" src=\"../assets/img/success.png\" />\n                    <h3 class=\"custom-32px-500 custom-24px-600 font-color-171717\">Success!</h3>\n                    <h3 class=\"custom-16px-400 text-center\">\n                        Your redeem voucher is succesfully claim\n                    </h3>\n                </div>\n    \n                <CButton class=\"custom-border-purple text-white\" @click=\"closeSuccess()\" block><span class=\"ml-2 mr-2\">Close</span></CButton>\n    \n    \n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport QRCode from 'qrcode-generator';\nimport Vue from \"vue\";\nimport backgroundUrl from \"../assets/img/bgPurpleYellow.png\";\nimport Footerlayout from \"../containers/TheBottomCustom.vue\";\nexport default {\n    name: \"Login\",\n    components: {\n        Footerlayout\n    },\n\n    data() {\n        return {\n            backgroundUrl,\n            isPopupSubmit: false,\n            qrCodeUrl: '',\n            qrValue: 'https://app.interviewrr.ai/VoucherQr?code=',\n            code: 'YM123456',\n            VoucherNo: 372673,\n\n            check: {},\n            voucher: {},\n            user: {},\n            codeqr: \"\",\n            greet: {},\n            valid: \"\",\n            staffId: \"\",\n            PhoneNumber: \"\",\n            outlet: \"\",\n            receiptNo: \"\",\n            SuccessPopup: false,\n            statuscheck: this.$route.query.status,\n            Error:false,\n            Message: \"\",\n            \n        }\n    },\n    created() {\n        this.generateQRCode();\n        //this.checkVoucherCode();\n\n    },\n    mounted() {\n\n        this.GetVoucher();\n        this.GetGreeting();\n    },\n    methods: {\n        async GetInfoUser() {\n            try {\n                const response = await this.$API.get(this.$LoginUserDetail, {\n                    withCredentials: true,\n                });\n                if (response.status === 200) {\n                    this.user = response.data;\n                    console.log(\"userInfo\", this.user);\n                } else {\n                    // Handle non-200 status code\n                    console.error(\"Failed to fetch user information:\", response);\n                }\n            } catch (error) {\n                console.error(\"Error fetching user information:\", error);\n                // Handle the error here\n            }\n        },\n        closeSubmit() {\n            this.isPopupSubmit = false;\n        },\n        openSubmit() {\n            this.isPopupSubmit = true;\n        },\n        generateQRCode() {\n            if (this.qrValue && this.voucher) { // Check both values\n                console.log(\"Generating QR code with:\", this.qrValue, this.voucher.Code); // Log values\n                const qr = QRCode(0, 'L');\n                qr.addData(this.qrValue + this.$route.query.code);\n                qr.make();\n                this.qrCodeUrl = qr.createDataURL(10); // Adjust scale factor as needed\n            } else {\n                console.error(\"qrValue or voucher.Code is not defined.\");\n                console.log(\"qrValue:\", this.qrValue); // Log qrValue\n                console.log(\"voucher.Code:\", this.voucher ? this.voucher.Code : 'voucher is undefined'); // Log voucher.Code\n            }\n        },\n\n        async GetVoucher() {\n    try {\n        const response = await this.$API.get(this.$GetVoucherByCode + \"?code=\" + this.$route.query.code);\n        if (response.status === 200) {\n            this.voucher = response.data;\n            this.codeqr = this.voucher.Code;\n            console.log(\"Voucher Data:\", this.voucher); // Debug log\n            this.generateQRCode();\n        } else {\n            console.error(\"Failed to fetch voucher:\", response);\n        }\n    } catch (error) {\n        console.error(\"Error fetching voucher:\", error);\n    }\n},\n\n        async GetGreeting() {\n            try {\n                const response = await this.$API.get(this.$GetGreeting + \"?code=\" + this.$route.query.code);\n                if (response.status === 200) {\n                    this.greet = response.data;\n                } else {\n                    // Handle non-200 status code\n                    console.error(\"Failed to fetch user information:\", response);\n                }\n            } catch (error) {\n                console.error(\"Error fetching user information:\", error);\n                // Handle the error here\n            }\n        },\n        async CheckValid() {\n            try {\n                const response = await this.$API.get(this.$ValidVoucher + \"?code=\" + this.$route.query.code);\n                if (response.status === 200) {\n                    this.voucher = response.data; // Assuming response.data is the boolean value\n                    this.isPopupSubmit = true;\n                } else {\n                    console.error(\"Failed to fetch voucher information:\", response);\n                }\n            } catch (error) {\n                console.error(\"Error fetching voucher information:\", error);\n            }\n        },\n        SubmitClaim() {\n            const formData = new FormData();\n            formData.append(\"passKey\", this.staffId);\n            formData.append(\"code\", this.$route.query.code);\n            formData.append(\"location\", this.outlet);\n            formData.append(\"receiptNo\", this.receiptNo);\n\n            this.$API\n                .post(this.$InsertClaim, formData)\n                .then((response) => {\n                    if (response.data.status === 400) {\n                        this.Loading = false;\n                        this.Error = true;\n                        this.Message = response.data;\n                    }\n                    if (response.status == 200) {\n                            this.SuccessPopup = true;\n                            this.isPopupSubmit = false;\n                            \n                      \n                    } else {\n                        this.Error = true;\n                    this.Message = error.response.data;\n                    }\n                })\n                .catch((error) => {\n                    this.Loading = false;\n                    this.Error = true;\n                    this.Message = error.response.data;\n                });\n        },\n        closeSuccess() {\n            this.SuccessPopup = false;\n            this.$router.push(\"SubmissionSuccess\");\n            \n        },\n        // printPage() {\n        //     window.print();\n        // },\n        printPage() {\n      // Print section by ID using vue-html-to-paper\n      \n\n      this.$htmlToPaper('printVoucher');\n    },\n\n\n    }\n\n}\n</script>\n\n\n<style>\n.card-with-circles {\n    position: relative;\n}\n\n@media (max-width: 768px) {\n    .card-with-circles::before {\n        content: '';\n        position: absolute;\n        width: 40px;\n        height: 40px;\n        background: rgba(173, 168, 252, 255);\n        /* background-color: rgba(0, 0, 0, 0.1);  */\n        border-radius: 50%;\n        bottom: 180px;\n        /* Positioned 100px from the bottom */\n    }\n    .card-with-circles::after {\n        content: '';\n        position: absolute;\n        width: 40px;\n        height: 40px;\n        background: rgba(146, 135, 249, 255);\n        border-radius: 50%;\n        bottom: 180px;\n        /* Positioned 100px from the bottom */\n    }\n    .card-with-circles::before {\n        left: -25px;\n        /* Adjust as needed to place on the left */\n    }\n    .card-with-circles::after {\n        right: -25px;\n        /* Adjust as needed to place on the right */\n    }\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VoucherQr.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VoucherQr.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VoucherQr.vue?vue&type=template&id=1cf4d429&\"\nimport script from \"./VoucherQr.vue?vue&type=script&lang=js&\"\nexport * from \"./VoucherQr.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VoucherQr.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/bgPurpleYellow.aa8f8a0e.png\";"],"sourceRoot":""}