{"version":3,"sources":["webpack:///./src/views/appointments/AppointmentDetail.vue?fc29","webpack:///./src/views/appointments/AppointmentDetail.vue?24b7","webpack:///./src/views/appointments/ModalPayment.vue?63ed","webpack:///src/views/appointments/ModalPayment.vue","webpack:///./src/views/appointments/ModalPayment.vue?20b5","webpack:///./src/views/appointments/ModalPayment.vue","webpack:///src/views/appointments/AppointmentDetail.vue","webpack:///./src/views/appointments/AppointmentDetail.vue?46c0","webpack:///./src/views/appointments/AppointmentDetail.vue","webpack:///../../../src/components/VCard/VCard.ts","webpack:///./src/views/appointments/ModalPayment.vue?28da","webpack:///../../../src/components/VDivider/VDivider.ts"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","on","openAptConv","detail","payment","_e","_s","formatAmount","total","handlePaynow","appointment_no","services","length","staticStyle","formatDateStandard","start_date","formatTimeOnly","start_time","end_time","client","address","add1","city","state","addresss","zip","serviceProviders","_l","provider","index","key","fullName","phone_no","question_answers","Object","keys","questions","question","i","domProps","answer","service","service_name","price","sub_total","tax","payment_type","toLowerCase","cr_last4","modalPaymentBooking","appointmentId","publishablekey","gateway","convenience_fee","closePayment","staticRenderFns","model","value","callback","$$v","modalBookingPayment","expression","handleClose","iconClose","amount","apikey","handlePayment","component","VCard","VCardText","VCardTitle","VDialog","VIcon","VRow","VBtn","VCol","VContainer","VDivider","name","props","flat","hover","img","link","loaderHeight","type","Number","default","raised","Boolean","computed","classes","styles","style","methods","genProgress","data","h","tag","setBackgroundColor","$slots","inset","vertical","$attrs","role","orientation","class","themeClasses","$listeners"],"mappings":"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","file":"js/AppointmentDetailPage.b51f325f.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppointmentDetail.vue?vue&type=style&index=0&id=4aa91139&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"h-100 bg-bug\",attrs:{\"fluid\":true}},[_c('div',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"10\",\"offset-sm\":\"1\",\"md\":\"8\",\"offset-md\":\"2\",\"lg\":\"6\",\"offset-lg\":\"3\",\"xl\":\"4\",\"offset-xl\":\"4\"}},[_c('div',{staticClass:\"mb-4 d-flex align-center justify-space-between\"},[_c('h3',{},[_vm._v(\"Appointment Detail\")]),_c('div',[_c('v-btn',{attrs:{\"outlined\":\"\",\"rounded\":\"\",\"icon\":\"\",\"color\":\"secondary\"},on:{\"click\":_vm.openAptConv}},[_c('v-icon',{staticClass:\"mg-auto\",attrs:{\"color\":\"secondary\"}},[_vm._v(\"mdi-chat\")])],1)],1)]),(!_vm.detail.payment)?_c('div',{staticClass:\"custom-bs pa-4 mb-6 text-center\"},[_c('div',{staticClass:\"d-flex align-center justify-space-between\"},[_c('h4',{staticClass:\"cred\"},[_vm._v(\"Payment Due\")]),_c('span',{staticClass:\"color-primary f9-bold\"},[_vm._v(_vm._s(_vm.formatAmount(_vm.total.total)))])]),_c('v-btn',{attrs:{\"small\":\"\",\"color\":\"error\",\"rounded\":\"\",\"outlined\":\"\"},on:{\"click\":_vm.handlePaynow}},[_vm._v(\"Pay Now\")])],1):_vm._e(),_c('v-card',{staticClass:\"custom-bs pa-4\"},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('div',[_c('p',{staticClass:\"ma-0 f8-bold\"},[_vm._v(\"Reference\")]),_c('p',{staticClass:\"ma-0 f8\"},[_vm._v(_vm._s(_vm.detail.appointment_no))])])]),_c('v-col',{attrs:{\"cols\":\"6\"}},[(_vm.detail && _vm.detail.services && _vm.detail.services.length)?_c('div',{staticClass:\"text-right\"},[_c('p',{staticClass:\"ma-0 f8-bold\"},[_vm._v(\"Total\")]),_c('p',{staticClass:\"ma-0 f8\"},[_vm._v(_vm._s(_vm.formatAmount(_vm.total.total)))])]):_vm._e()])],1)],1),_c('h4',{staticClass:\"mt-5 mb-4\"},[_vm._v(\"Service Summary\")]),_c('v-card',{staticClass:\"custom-bs pa-4\"},[_c('v-row',[_c('v-col',{staticClass:\"ma-0\",attrs:{\"cols\":\"6\"}},[_c('p',{staticClass:\"f8 ma-0\",staticStyle:{\"width\":\"50%\"}},[_vm._v(\"Service Date\")]),_c('p',{staticClass:\"f8-bold ma-0\"},[_vm._v(_vm._s(_vm.formatDateStandard(_vm.detail.start_date)))])]),_c('v-col',{staticClass:\"ma-0\",attrs:{\"cols\":\"6\"}},[_c('p',{staticClass:\"f8 ma-0\"},[_vm._v(\"Start Time \")]),_c('p',{staticClass:\"f8-bold ma-0\"},[_vm._v(_vm._s(_vm.formatTimeOnly(_vm.detail.start_time)))])]),_c('v-col',{staticClass:\"ma-0\",attrs:{\"cols\":\"6\"}},[_c('p',{staticClass:\"f8 ma-0\"},[_vm._v(\"End Time \")]),_c('p',{staticClass:\"f8-bold ma-0\"},[_vm._v(_vm._s(_vm.formatTimeOnly(_vm.detail.end_time)))])]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('p',{staticClass:\"f8 ma-0\"},[_vm._v(\"Service Location \")]),(_vm.detail && _vm.detail.client && _vm.detail.client.address)?_c('div',{staticClass:\"f8-bold\"},[_vm._v(\" \"+_vm._s(_vm.detail.client.address ? _vm.detail.client.address.add1 : '')+\" \"+_vm._s(_vm.detail && _vm.detail.client.address && _vm.detail.client.address.city ?_vm.detail.client.address.city:\"\")+\" \"+_vm._s(_vm.detail && _vm.detail.client.address && _vm.detail.client.address.state)+\" \"+_vm._s(_vm.detail && _vm.detail.client.addresss? _vm.detail.client.address.zip:'')+\" \")]):_c('div',[_c('p',{staticClass:\"f8-bold ma-0\"},[_vm._v(\"Not available\")])])]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('p',{staticClass:\"f8 ma-0\"},[_vm._v(\"Service Providers\")]),(_vm.serviceProviders && _vm.serviceProviders.length)?_c('div',_vm._l((_vm.serviceProviders),function(provider,index){return _c('div',{key:index,staticClass:\"custom-border-bottom\"},[_c('p',{staticClass:\"f8-bold ma-0\"},[_vm._v(_vm._s(provider.fullName))]),_c('p',{staticClass:\"f8-bold ma-0 text-right\"},[_vm._v(_vm._s(provider.phone_no ? provider.phone_no: 'No contact'))])])}),0):_c('div',[_c('p',{staticClass:\"f8-bold ma-0\"},[_vm._v(\"Not available.\")])])])],1)],1),(_vm.detail && _vm.detail.services && _vm.detail.services.length)?_c('div',[(_vm.question_answers && Object.keys(_vm.question_answers).length)?_c('div',[_c('h4',{staticClass:\"mt-5 mb-4\"},[_vm._v(\"Survey\")]),_c('div',_vm._l((_vm.question_answers),function(questions,index){return _c('div',{key:index,staticClass:\"mb-4\"},[_c('div',{staticClass:\"custom-bs pa-4\"},[_c('h4',{staticClass:\"text-capitalize mb-4 color-primary\"},[_vm._v(_vm._s(index))]),_vm._l((questions),function(question,i){return _c('div',{key:i,staticClass:\"custom-border-bottom\"},[_c('div',{staticClass:\"f8 text-capitalize ma-0\",domProps:{\"innerHTML\":_vm._s(question.question)}}),_c('div',{staticClass:\"mb-0 f9-bold\",domProps:{\"innerHTML\":_vm._s(question.answer)}})])})],2)])}),0)]):_vm._e(),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"12\",\"lg\":\"12\"}},[_c('h4',{staticClass:\"mb-2 mt-4\"},[_vm._v(\"Payment Summary\")]),_c('v-card',{staticClass:\"no-border-radius custom-bs\"},[_c('v-card-text',[(_vm.detail && _vm.detail.services)?_c('div',[_vm._l((_vm.detail.services),function(service,index){return _c('table',{key:index,staticClass:\"w-100\"},[_c('tr',[_c('td',[_c('p',{staticClass:\"f9-bold mb-0 text-capitalize\"},[_vm._v(_vm._s(service.service_name))])]),_c('td',{staticClass:\"f8-bold pb-2 text-right\"},[_vm._v(_vm._s(_vm.formatAmount(service.price)))])])])}),(_vm.total && Object.keys(_vm.total).length)?_c('div',[_c('v-divider'),_c('table',{staticClass:\"w-100\"},[_c('tr',[_c('td',{staticClass:\"f8-bold text-right\"},[_vm._v(\"Sub Total \")]),_c('td',{staticClass:\"f8-bold pb-2 text-right\"},[_vm._v(_vm._s(_vm.formatAmount(_vm.total.sub_total)))])]),_c('tr',[_c('td',{staticClass:\"f8-bold text-right\"},[_vm._v(\"Tax\")]),_c('td',{staticClass:\"f8-bold pb-2 text-right\"},[_vm._v(_vm._s(_vm.formatAmount(_vm.total.tax)))])]),_c('tr',[_c('td',{staticClass:\"f9-bold text-right color-primary\"},[_vm._v(\"Total\")]),_c('td',{staticClass:\"f9-bold pb-2 text-right color-primary\"},[_vm._v(_vm._s(_vm.formatAmount(_vm.total.total)))])]),_c('tr',[_c('td',{staticClass:\"text-right color-primary\",attrs:{\"colspan\":\"2\"}},[(_vm.detail.payment)?_c('div',[(_vm.detail.payment.payment_type.toLowerCase()=='cash')?_c('h4',{staticClass:\"cgreen mt-2\"},[_vm._v(\"Paid By : \"),_c('span',{staticClass:\"text-uppercase\"},[_vm._v(\"Cash\")])]):_c('h4',{staticClass:\"cgreen mt-2\"},[_vm._v(\"Paid By : \"),_c('span',{staticClass:\"text-uppercase\"},[_vm._v(_vm._s(_vm.detail.payment.payment_type))]),_vm._v(\" \"),(_vm.detail.payment.cr_last4)?_c('span',[_vm._v(\" ****\"+_vm._s(_vm.detail.payment.cr_last4)+\" \")]):_vm._e()])]):_c('div',[_c('h4',{staticClass:\"cred\"},[_vm._v(\"Payment Due\")]),_c('v-btn',{attrs:{\"small\":\"\",\"color\":\"primary\",\"rounded\":\"\",\"outlined\":\"\"},on:{\"click\":_vm.handlePaynow}},[_vm._v(\"Pay Now\")])],1)])])])],1):_vm._e()],2):_vm._e()])],1)],1)],1)],1):_vm._e(),_c('BookingPayment',{attrs:{\"modalBookingPayment\":_vm.modalPaymentBooking,\"amount\":_vm.total,\"appointmentId\":_vm.appointmentId,\"apikey\":_vm.publishablekey,\"gateway\":_vm.gateway,\"convenienceFee\":_vm.convenience_fee},on:{\"handleClose\":_vm.closePayment}})],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-dialog',{attrs:{\"persistent\":\"\"},model:{value:(_vm.modalBookingPayment),callback:function ($$v) {_vm.modalBookingPayment=$$v},expression:\"modalBookingPayment\"}},[_c('v-card',{attrs:{\"scrollable\":\"\"}},[_c('v-card-title',[_c('div',{staticClass:\"w-100 justify-space-between d-flex\"},[_c('h3',[_vm._v(\"Card Detail\")]),_c('div',{on:{\"click\":_vm.handleClose}},[_c('v-icon',[_vm._v(\" \"+_vm._s(_vm.iconClose)+\" \")])],1)])]),_c('v-card-text',{staticClass:\"pa-1 text-center\"},[_c('div',{staticClass:\"pt-2\"},[_c('h2',{staticClass:\"ma-4 color-primary\"},[_vm._v(_vm._s(_vm.formatAmount(_vm.amount.total)))]),_c('div',[(_vm.gateway=='square')?_c('CardSquare',{attrs:{\"publishablekey\":_vm.apikey},on:{\"proceed\":_vm.handlePayment}}):_vm._e(),(_vm.gateway=='stripe')?_c('CardStripe',{attrs:{\"publishablekey\":_vm.apikey},on:{\"proceed\":_vm.handlePayment}}):_vm._e()],1)])])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-row justify=\"center\">\r\n        <v-dialog\r\n        v-model=\"modalBookingPayment\"\r\n        persistent\r\n        >\r\n        <v-card scrollable>\r\n            <v-card-title>\r\n                <div class=\"w-100 justify-space-between d-flex\">\r\n                    <h3>Card Detail</h3>\r\n                    <div @click=\"handleClose\"> <v-icon> {{ iconClose }} </v-icon></div>\r\n                </div>\r\n            </v-card-title>\r\n            <v-card-text class=\"pa-1 text-center\">\r\n              <div class=\"pt-2\">\r\n                 <!-- <div class=\"mb-6\">  -->\r\n                    <!-- <div class=\"w-100 mb-2 d-flex align-center justify-space-between pa-3\">\r\n                        <span class=\"f8-bold\">Total</span>\r\n                        <span class=\"text-right color-primary f9-bold\">{{ formatAmount(amount.total) }}</span>\r\n                    </div> -->\r\n                    <h2 class=\"ma-4 color-primary\">{{ formatAmount(amount.total) }}</h2>\r\n                    <div>\r\n                        <CardSquare v-if=\"gateway=='square'\" @proceed=\"handlePayment\"  :publishablekey=\"apikey\"/>\r\n                        <CardStripe v-if=\"gateway=='stripe'\" @proceed=\"handlePayment\"  :publishablekey=\"apikey\"/>\r\n                    </div>\r\n                \r\n              </div>\r\n            </v-card-text>\r\n        </v-card>\r\n        </v-dialog>\r\n    </v-row>\r\n</template>\r\n<script>\r\nimport { mdiPlus, mdiMinus, mdiClose, mdiMapMarker } from '@mdi/js'\r\nimport  moment from 'moment'\r\nimport { mapGetters } from 'vuex'\r\nimport { ApiService } from '@/core/services/api.service'\r\nimport CardStripe from '@/views/payment/CardStripe'\r\nimport CardSquare from '@/views/payment/CardSquareEmbed'\r\nexport default {\r\n    props:{\r\n        modalBookingPayment:{},\r\n        convenienceFee:{},\r\n        apikey:{},\r\n        gateway:{\r\n            // default:'square',\r\n        },\r\n        appointmentId:{},\r\n        amount:{},\r\n    },\r\n    data(){\r\n        return {\r\n            moment,\r\n            mdiPlus, \r\n            mdiMinus,\r\n            iconAddress: mdiMapMarker,\r\n            iconClose: mdiClose,\r\n            quantity:1,\r\n            // pulishableKey :'pk_test_HWXJvemu3UMjLToQMuQXdVHf00hbtPgsPF',\r\n            status:null,\r\n            // total:0,\r\n        }\r\n    },\r\n    watch:{\r\n        modalBookingPayment(newval){\r\n            if(newval) {\r\n                this.loaderShow();\r\n                setTimeout(() => {\r\n                    this.loaderHide();\r\n                },5000)\r\n            }\r\n        },\r\n    },\r\n    mounted(){\r\n      \r\n    },\r\n    components: {\r\n        CardStripe,\r\n        CardSquare,\r\n    },\r\n    methods: {\r\n        handleProceedCard(param) {\r\n            this.stripeToken = param.stripeToken;\r\n        },\r\n        handleClose(){\r\n            this.$emit('handleClose');\r\n        },\r\n        handleNext(){\r\n        },\r\n        handlePayment(param){\r\n            let tokenData = {\r\n                stripeToken: param.stripeToken ? param.stripeToken :'',\r\n                nonce: param.nonce ? param.nonce :'',\r\n                check_payment:2,\r\n                gateway: this.gateway,\r\n                appointment_id: this.appointmentId,\r\n                amount: this.amount.total,\r\n                name_per_card: this.currentUser.fname+ \" \"+this.currentUser.lname, \r\n            };\r\n            console.log({tokenData});\r\n            ApiService.post('/appointment-pay',tokenData)\r\n            .then((resp) => {\r\n                console.log(resp);\r\n                this.handleClose();\r\n                this.loaderHide();\r\n                this.messageSuccess(resp.message);\r\n            })\r\n            .catch((error) => {\r\n                this.loaderHide();\r\n                console.log({error});\r\n            })\r\n        }\r\n    },\r\n    computed: { \r\n        ...mapGetters(['currentUser']),\r\n    },\r\n    \r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.minh-300{\r\n    min-height: 300px;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../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!./ModalPayment.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/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!./ModalPayment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalPayment.vue?vue&type=template&id=37e5de84&scoped=true&\"\nimport script from \"./ModalPayment.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalPayment.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalPayment.vue?vue&type=style&index=0&id=37e5de84&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"37e5de84\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCard,VCardText,VCardTitle,VDialog,VIcon,VRow})\n","<template>\r\n    <v-container :fluid=\"true\" class=\"h-100 bg-bug\">\r\n        <div>  \r\n            <v-row>\r\n                <v-col cols=\"12\" sm=\"10\" offset-sm=\"1\" md=\"8\" offset-md=\"2\" lg=\"6\" offset-lg=\"3\" xl=\"4\" offset-xl=\"4\">\r\n                    <div class=\"mb-4 d-flex align-center justify-space-between\">\r\n                        <h3 class=\"\">Appointment Detail</h3>\r\n                        <div>\r\n                            <v-btn outlined rounded icon color=\"secondary\" @click=\"openAptConv\"><v-icon class=\"mg-auto\" color=\"secondary\">mdi-chat</v-icon></v-btn>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"custom-bs pa-4 mb-6 text-center\" v-if=\"!detail.payment\">\r\n                        <div class=\"d-flex align-center justify-space-between\">\r\n                            <h4  class=\"cred\">Payment Due</h4>\r\n                            <span class=\"color-primary f9-bold\">{{formatAmount(total.total)}}</span>\r\n                        </div>\r\n                        <v-btn small color=\"error\" rounded outlined @click=\"handlePaynow\">Pay Now</v-btn>\r\n                    </div>\r\n                    <!-- <v-btn block outlined color=\"primary\" link to=\"/write-review\" class=\"mb-5\" rounded>Write Review</v-btn> -->\r\n                    <v-card class=\"custom-bs pa-4\">\r\n                        <v-row>\r\n                            <v-col cols=\"6\">\r\n                                <div>\r\n                                    <p class=\"ma-0 f8-bold\">Reference</p>\r\n                                    <p class=\"ma-0 f8\">{{ detail.appointment_no }}</p>\r\n                                </div>\r\n                            </v-col>\r\n                            <v-col cols=\"6\">\r\n                                <div class=\"text-right\" v-if=\"detail && detail.services && detail.services.length\">\r\n                                    <p class=\"ma-0 f8-bold\">Total</p>\r\n                                    <p class=\"ma-0 f8\">{{formatAmount(total.total)}}</p>\r\n                                </div>\r\n                            </v-col>\r\n                        </v-row>\r\n                    </v-card>\r\n                    <h4 class=\"mt-5 mb-4\">Service Summary</h4>\r\n                    <v-card class=\"custom-bs pa-4\">\r\n                        <v-row>\r\n                            <v-col cols=\"6\" class=\"ma-0\">\r\n                                <p class=\"f8 ma-0\" style=\"width:50%\">Service Date</p>\r\n                                <p class=\"f8-bold ma-0\">{{ formatDateStandard(detail.start_date)}}</p>\r\n                            </v-col>\r\n                            <v-col cols=\"6\" class=\"ma-0\">\r\n                                <p class=\"f8 ma-0\">Start Time </p>\r\n                                <p class=\"f8-bold ma-0\">{{ formatTimeOnly(detail.start_time)}}</p>\r\n                            </v-col>\r\n                            <v-col cols=\"6\" class=\"ma-0\">\r\n                                <p class=\"f8 ma-0\">End Time </p>\r\n                                <p class=\"f8-bold ma-0\">{{ formatTimeOnly(detail.end_time)}}</p>\r\n                            </v-col>\r\n                            <v-col cols=\"12\">\r\n                                <p class=\"f8 ma-0\">Service Location </p>\r\n                                <div class=\"f8-bold\" v-if=\"detail && detail.client && detail.client.address\">\r\n                                    {{ detail.client.address ? detail.client.address.add1 : ''}} \r\n                                    {{detail && detail.client.address && detail.client.address.city ?detail.client.address.city:\"\"}} \r\n                                    {{ detail && detail.client.address && detail.client.address.state}} \r\n                                    {{ detail && detail.client.addresss? detail.client.address.zip:''}}\r\n                                </div>\r\n                                <div v-else>\r\n                                    <p class=\"f8-bold ma-0\">Not available</p>\r\n                                </div>\r\n                            </v-col>\r\n                            <v-col cols=\"12\">     \r\n                                <p class=\"f8 ma-0\">Service Providers</p>\r\n                                <div v-if=\"serviceProviders && serviceProviders.length\">\r\n                                    <div v-for=\"(provider, index) in serviceProviders\" :key=\"index\" class=\"custom-border-bottom\">\r\n                                        <p class=\"f8-bold ma-0\">{{  provider.fullName}}</p>\r\n                                        <p class=\"f8-bold ma-0 text-right\">{{  provider.phone_no ? provider.phone_no: 'No contact' }}</p>\r\n                                    </div>\r\n                                </div>\r\n                                <div v-else>\r\n                                    <p class=\"f8-bold ma-0\">Not available.</p>\r\n                                </div>\r\n                            </v-col>\r\n                        </v-row>\r\n                    </v-card>\r\n                \r\n                    <div v-if=\"detail && detail.services && detail.services.length\">\r\n                        <div v-if=\"question_answers && Object.keys(question_answers).length\">\r\n                            <h4 class=\"mt-5 mb-4\">Survey</h4>\r\n                            <div>\r\n                                <div class=\"mb-4\" v-for=\"(questions,index) in question_answers\" :key=\"index\">\r\n                                    <div class=\"custom-bs pa-4\">\r\n                                        <h4 class=\"text-capitalize mb-4 color-primary\">{{ index }}</h4>\r\n                                        <div class=\"custom-border-bottom\" v-for=\"(question,i) in questions\" :key=\"i\">\r\n                                            <div class=\"f8 text-capitalize ma-0\" v-html=\"question.question\"></div>\r\n                                            <div class=\"mb-0 f9-bold\" v-html=\"question.answer\"></div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <v-row>\r\n                            <v-col cols=\"12\" md=\"12\" lg=\"12\">\r\n                                <h4 class=\"mb-2 mt-4\">Payment Summary</h4>\r\n                                <v-card class=\"no-border-radius custom-bs\">\r\n                                    <v-card-text>\r\n                                        <div v-if=\"detail && detail.services\">\r\n                                            <table class=\"w-100\" v-for=\"(service, index) in detail.services\" :key=\"index\">\r\n                                                <tr>\r\n                                                        <td><p class=\"f9-bold mb-0 text-capitalize\">{{ service.service_name}}</p></td>\r\n                                                    <td class=\"f8-bold pb-2 text-right\">{{formatAmount(service.price)}}</td>\r\n                                                </tr>\r\n                                            </table>\r\n                                            <div v-if=\"total && Object.keys(total).length\">\r\n                                                <v-divider></v-divider>\r\n                                                <table class=\"w-100\">\r\n                                                    <tr>\r\n                                                        <td class=\"f8-bold text-right\">Sub Total </td>\r\n                                                        <td class=\"f8-bold pb-2 text-right\">{{formatAmount(total.sub_total)}}</td>\r\n                                                    </tr>\r\n                                                    <tr>\r\n                                                        <td class=\"f8-bold text-right\">Tax</td>\r\n                                                        <td class=\"f8-bold pb-2 text-right\">{{formatAmount(total.tax)}}</td>\r\n                                                    </tr>\r\n                                                    <tr>\r\n                                                        <td class=\"f9-bold text-right color-primary\">Total</td>\r\n                                                        <td class=\"f9-bold pb-2 text-right color-primary\">{{formatAmount(total.total)}}</td>\r\n                                                    </tr>\r\n                                                    <tr>\r\n                                                        <td class=\"text-right color-primary\" colspan=\"2\">\r\n                                                            <div v-if=\"detail.payment\">\r\n                                                                <h4  class=\"cgreen mt-2\" v-if=\"detail.payment.payment_type.toLowerCase()=='cash'\">Paid By : <span class=\"text-uppercase\">Cash</span></h4>\r\n                                                                <h4  class=\"cgreen mt-2\" v-else>Paid By : <span class=\"text-uppercase\">{{detail.payment.payment_type}}</span> <span v-if=\"detail.payment.cr_last4\"> ****{{detail.payment.cr_last4}} </span></h4>\r\n                                                            </div>\r\n                                                            <div v-else>\r\n                                                                <h4  class=\"cred\">Payment Due</h4>\r\n                                                                <v-btn small color=\"primary\" rounded outlined @click=\"handlePaynow\">Pay Now</v-btn>\r\n                                                            </div>\r\n                                                            <!-- {{ detail.payment ? <span>Paid</span> : <span>Payment Due</span>}} -->\r\n                                                        </td>\r\n                                                    \r\n                                                    </tr>\r\n                                                </table>\r\n                                            </div>\r\n                                        </div>\r\n                                    </v-card-text>\r\n                                    \r\n                                </v-card>\r\n                            </v-col>\r\n                        </v-row>\r\n                    </div>\r\n                    <BookingPayment :modalBookingPayment=\"modalPaymentBooking\" \r\n                    :amount=\"total\" \r\n                    :appointmentId=\"appointmentId\"\r\n                    :apikey=\"publishablekey\"\r\n                    :gateway=\"gateway\"\r\n                    :convenienceFee=\"convenience_fee\"\r\n                    @handleClose=\"closePayment\"/>\r\n\r\n                </v-col>\r\n            </v-row>\r\n        </div>\r\n    </v-container>\r\n</template>\r\n<script>\r\nimport BookingPayment from './ModalPayment'\r\n// import Topnavbar from '@/components/layout/TopnavbarBackCustom'\r\nimport { ApiService } from '@/core/services/api.service'\r\n// import Bottomnavbar from '@/components/layout/Bottomnavbar'\r\n// import BottomnavbarFixed from '@/components/layout/BottomnavbarFixed'\r\nimport  JwtService from '@/core/services/jwt.service';\r\n// import InputUpload from '@/components/form-element/InputUpload'\r\n// import Stripe from '@/views/payment/CardStripe.vue'\r\nexport default {\r\n    name:'InspectionPage',\r\n    data() {\r\n        return {\r\n            indexValue:0,\r\n            title:'',\r\n            label:'Choose',\r\n            usericon:'https://avatar-management--avatars.us-west-2.prod.public.atl-paas.net/default-avatar.png',\r\n            valid:true,\r\n            customer: {\r\n                first_name:'',\r\n                last_name:'',\r\n                title:'',\r\n                phone:'',\r\n                email:'',\r\n                license_number:'',\r\n            },\r\n            utype:'',\r\n            publishablekey:'',\r\n            technicalDashboardItems: [\r\n                {id:2, name:'Dashboard',route:'dashboard',icon:'mdi-view-dashboard'},\r\n                {id:3, name:'Calendar',route:'technical-calendar', icon:'mdi-calendar'},\r\n                {id:4, name:'Profile',route:'profile', icon:'mdi-account'},\r\n            ],\r\n            items: [\r\n                {id:1, name:'Dashboard',route:'dashboard',icon:'mdi-view-dashboard'},\r\n                {id:2, name:'Pest Control',route:'pest-control', icon:'mdi-spider'},\r\n                {id:3, name:'Inspection',route:'inspection',icon:'mdi-clipboard-text-multiple'},\r\n                {id:4, name:'Profile',route:'profile', icon:'mdi-account'},\r\n            ],\r\n            ruleRequired: [\r\n                v => !!v || 'Required',\r\n            ],\r\n            rulesEmail: [\r\n                v => !!v || 'E-mail is required',\r\n                v => /.+@.+/.test(v) || 'E-mail must be valid',\r\n            ],\r\n            update_input_file:true,\r\n            maxHeight:300,\r\n            src:'',\r\n            services:[\r\n                {id:1, name:'Interior General Pest Control'},\r\n                {id:2, name:'Exterior General Pest Control'},\r\n                {id:3, name:'Rodent Control'},\r\n                {id:4, name:'Bed Bug Service'},\r\n                {id:5, name:'Mosquitoes'},\r\n            ],\r\n            action:{\r\n                title:'',\r\n                icon:'mdi-plus',\r\n                hasAction:true,\r\n                title_action:'Add Note'\r\n            },\r\n            dialogPestNote:false,\r\n            dialogConfirm:false,\r\n            images: [\r\n\r\n            ],\r\n            index: null,\r\n            appointmentId:null,\r\n            detail: {},\r\n            url:'',\r\n            dialogService:false,\r\n            serviceId:null,\r\n            dates:[],\r\n            quoteId:null,\r\n            tax:0,\r\n            serviceProviders:[],\r\n            total:{},\r\n            modalPaymentBooking:false,\r\n            convenience_fee:1,\r\n            question_answers:[],\r\n            gateway:'none',\r\n        }\r\n    },\r\n    components: {\r\n        // Topnavbar,\r\n        // Bottomnavbar,\r\n        BookingPayment,\r\n        // BottomnavbarFixed,\r\n        // Stripe\r\n        // InputUpload\r\n    },\r\n    mounted() {\r\n        this.fetchApiKey();\r\n        this.appointmentId = this.$router.currentRoute.params.id;\r\n        localStorage.removeItem('destination');\r\n        this.fetchPest();\r\n        this.utype = JwtService.getUtype();\r\n\r\n    },\r\n    methods: {\r\n        openAptConv() {\r\n            this.$router.push(\"/gc/apt\"+ this.appointmentId + `?key=apt_id&keyVal=${this.appointmentId}`);\r\n        },\r\n        async fetchApiKey(){\r\n            await ApiService.get('/getapikeys')\r\n            .then((resp) => {\r\n                this.gateway = resp.gateway?resp.gateway.toLowerCase():'none';\r\n                this.publishablekey = resp.key;\r\n            })\r\n            .catch((error) => {\r\n                console.log(error.response);\r\n            });\r\n        },\r\n        closePayment(){\r\n            this.modalPaymentBooking = false;\r\n            this.fetchPest();\r\n        },\r\n        handlePaynow(){\r\n            this.modalPaymentBooking = true;\r\n        },\r\n        calculatePrice(data) {\r\n            let amount = 0;\r\n            data.forEach((item) => {\r\n                amount+=item.price;\r\n            });\r\n            return this.formatAmount(amount);\r\n        },\r\n        calculateTax(data) {\r\n            let amount = 0;\r\n            data.forEach((item) => {\r\n                amount+=item.price;\r\n            });\r\n            return this.formatAmount((this.tax / amount) *  100);\r\n        },\r\n        getTotal(data) {\r\n            if(data.length){\r\n                let amount = 0;\r\n                data.forEach((item) => {\r\n                    amount+=item.price;\r\n                });\r\n                let tax = (this.tax / amount) *  100;\r\n                return this.formatAmount(amount+tax);\r\n            }else {\r\n                return this.formatAmount(0);\r\n            }\r\n        },\r\n        handleCloseConfirm(){\r\n            this.dialogConfirm = false;\r\n        },\r\n        async fetchPest() {\r\n            this.$bus.$emit('SHOW_PAGE_LOADER');\r\n            await ApiService.post('appointment/'+this.appointmentId)\r\n            .then((resp) => {\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n                this.detail = resp.data;\r\n                this.question_answers = resp.question_answers;\r\n                this.serviceProviders = resp.providers;\r\n                this.total = resp.total;\r\n            })\r\n            .catch((err) => {\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n                console.log(err);\r\n            });\r\n        },\r\n        handleClose(){\r\n            this.dialogPestNote = false;\r\n        },\r\n        handleBack(){\r\n            this.$router.back();\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.cred{\r\n    color:red;\r\n}\r\n.cgreen{\r\n    color:green;\r\n}\r\n.custom-border-bottom{\r\n    display:flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 0 0 12px 0;\r\n    margin-bottom: 16px;\r\n    &:not(:last-child) {\r\n        border-bottom: 1px solid #e9e9e9 !important;\r\n    }\r\n}\r\n.service-item-container {\r\n    display: flex;\r\n    align-items: center;\r\n    margin: 24px 0;\r\n    padding: 14px 16px;\r\n    border-radius: 10px;\r\n    border: 1px solid #a0cbff91;\r\n    .icon-wrapper {\r\n            padding: 10px;\r\n            background: #19477ede;\r\n            border-radius: 9px;\r\n        i {\r\n            color: #fff;\r\n        }\r\n    }\r\n    .text-wrapper {\r\n        padding: 0 12px;\r\n        .text-heading {\r\n            padding: 0 12px;\r\n            color: #000;\r\n            font-weight: 400;\r\n            margin-bottom: 4px !important;\r\n        }\r\n        .text-sub-heading {\r\n            font-size: 0.8rem;\r\n        }\r\n    }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../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!./AppointmentDetail.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/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!./AppointmentDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppointmentDetail.vue?vue&type=template&id=4aa91139&scoped=true&\"\nimport script from \"./AppointmentDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./AppointmentDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppointmentDetail.vue?vue&type=style&index=0&id=4aa91139&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4aa91139\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardText,VCol,VContainer,VDivider,VIcon,VRow})\n","// Styles\nimport './VCard.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Mixins\nimport Loadable from '../../mixins/loadable'\nimport Routable from '../../mixins/routable'\n\n// Helpers\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  Loadable,\n  Routable,\n  VSheet\n).extend({\n  name: 'v-card',\n\n  props: {\n    flat: Boolean,\n    hover: Boolean,\n    img: String,\n    link: Boolean,\n    loaderHeight: {\n      type: [Number, String],\n      default: 4,\n    },\n    raised: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-card': true,\n        ...Routable.options.computed.classes.call(this),\n        'v-card--flat': this.flat,\n        'v-card--hover': this.hover,\n        'v-card--link': this.isClickable,\n        'v-card--loading': this.loading,\n        'v-card--disabled': this.disabled,\n        'v-card--raised': this.raised,\n        ...VSheet.options.computed.classes.call(this),\n      }\n    },\n    styles (): object {\n      const style: Dictionary<string> = {\n        ...VSheet.options.computed.styles.call(this),\n      }\n\n      if (this.img) {\n        style.background = `url(\"${this.img}\") center center / cover no-repeat`\n      }\n\n      return style\n    },\n  },\n\n  methods: {\n    genProgress () {\n      const render = Loadable.options.methods.genProgress.call(this)\n\n      if (!render) return null\n\n      return this.$createElement('div', {\n        staticClass: 'v-card__progress',\n        key: 'progress',\n      }, [render])\n    },\n  },\n\n  render (h): VNode {\n    const { tag, data } = this.generateRouteLink()\n\n    data.style = this.styles\n\n    if (this.isClickable) {\n      data.attrs = data.attrs || {}\n      data.attrs.tabindex = 0\n    }\n\n    return h(tag, this.setBackgroundColor(this.color, data), [\n      this.genProgress(),\n      this.$slots.default,\n    ])\n  },\n})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalPayment.vue?vue&type=style&index=0&id=37e5de84&lang=scss&scoped=true&\"","// Styles\nimport './VDivider.sass'\n\n// Types\nimport { VNode } from 'vue'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\nexport default Themeable.extend({\n  name: 'v-divider',\n\n  props: {\n    inset: Boolean,\n    vertical: Boolean,\n  },\n\n  render (h): VNode {\n    // WAI-ARIA attributes\n    let orientation\n    if (!this.$attrs.role || this.$attrs.role === 'separator') {\n      orientation = this.vertical ? 'vertical' : 'horizontal'\n    }\n    return h('hr', {\n      class: {\n        'v-divider': true,\n        'v-divider--inset': this.inset,\n        'v-divider--vertical': this.vertical,\n        ...this.themeClasses,\n      },\n      attrs: {\n        role: 'separator',\n        'aria-orientation': orientation,\n        ...this.$attrs,\n      },\n      on: this.$listeners,\n    })\n  },\n})\n"],"sourceRoot":""}