{"version":3,"sources":["webpack:///./src/views/dashboard/DashboardTechnical.vue?2db3","webpack:///src/views/dashboard/DashboardTechnical.vue","webpack:///./src/views/dashboard/DashboardTechnical.vue?3f9b","webpack:///./src/views/dashboard/DashboardTechnical.vue","webpack:///./src/views/dashboard/DashboardTechnical.vue?6a65","webpack:///./src/components/layout/Topnavbar.vue?de20","webpack:///./src/components/layout/Topnavbar.vue?10cc","webpack:///src/components/layout/Topnavbar.vue","webpack:///./src/components/layout/Topnavbar.vue?b8e0","webpack:///./src/components/layout/Topnavbar.vue","webpack:///../../../src/components/VChip/VChip.ts"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","$event","handleRouter","attrs","_v","_s","notificationsCount","_e","_l","item","index","key","route","class","currentItem","icon","name","appointments","appointment","viewPest","appointment_id","onlyMonth","start_date","onlyDay","onlyWeekDay","appointment_no","payments","formatTimeOnly","start_time","end_time","items","indexValue","staticRenderFns","component","VCard","VChip","VCol","VContainer","VIcon","VRow","staticStyle","currentUser","profile_pic","viewProfile","base_url","iconAccount","fname","scopedSlots","_u","fn","ref","_g","_b","handleAction","action","title","VAvatar","VBtn","VList","VListItem","VListItemTitle","VMenu","VSpacer","VToolbar","VToolbarTitle","props","active","type","default","activeClass","chipGroup","close","closeIcon","closeLabel","disabled","draggable","filter","filterIcon","label","link","outlined","pill","tag","textColor","value","data","proxyClass","computed","classes","groupClasses","hasClose","Boolean","isClickable","created","breakingProps","original","replacement","methods","click","genFilter","children","left","genClose","right","size","$vuetify","lang","t","e","genContent","$slots","tabindex","setBackgroundColor","color","h","setTextColor"],"mappings":"+HAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACE,YAAY,0BAA0B,CAACF,EAAG,aAAaA,EAAG,cAAc,CAACA,EAAG,MAAM,CAACE,YAAY,SAAS,CAAEN,EAAsB,mBAAEI,EAAG,MAAM,CAACE,YAAY,sBAAsBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIS,aAAa,oBAAoB,CAACL,EAAG,SAAS,CAACE,YAAY,OAAOI,MAAM,CAAC,MAAQ,UAAU,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,uBAAuBT,EAAG,OAAO,CAACE,YAAY,MAAM,CAACN,EAAIW,GAAG,oBAAoB,GAAGX,EAAIc,KAAKV,EAAG,QAAQJ,EAAIe,GAAIf,EAAkB,gBAAE,SAASgB,EAAKC,GAAO,OAAOb,EAAG,QAAQ,CAACc,IAAID,EAAMP,MAAM,CAAC,KAAO,IAAI,GAAK,IAAI,GAAK,KAAKH,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAIS,aAAaO,EAAKG,UAAU,CAACf,EAAG,SAAS,CAACE,YAAY,kBAAkBc,MAAM,CAACH,GAASjB,EAAIqB,YAAc,cAAc,KAAK,CAACjB,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,SAAS,CAACM,MAAM,CAAC,MAAQ,cAAc,CAACV,EAAIW,GAAGX,EAAIY,GAAGI,EAAKM,UAAU,GAAGlB,EAAG,IAAI,CAACE,YAAY,aAAa,CAACN,EAAIW,GAAGX,EAAIY,GAAGI,EAAKO,YAAY,MAAK,GAAIvB,EAAIwB,aAAmB,OAAEpB,EAAG,QAAQ,CAACE,YAAY,QAAQ,CAACF,EAAG,QAAQ,CAACM,MAAM,CAAC,KAAO,OAAO,CAACN,EAAG,KAAK,CAACJ,EAAIW,GAAG,iCAAiCX,EAAIe,GAAIf,EAAgB,cAAE,SAASyB,EAAYR,GAAO,OAAOb,EAAG,QAAQ,CAACc,IAAID,EAAMP,MAAM,CAAC,KAAO,OAAO,CAACN,EAAG,SAAS,CAACE,YAAY,6CAA6CC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAI0B,SAASD,EAAYE,mBAAmB,CAACvB,EAAG,MAAM,CAACE,YAAY,6CAA6C,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,IAAI,CAACE,YAAY,WAAW,CAACN,EAAIW,GAAGX,EAAIY,GAAGZ,EAAI4B,UAAUH,EAAYI,gBAAgBzB,EAAG,IAAI,CAACE,YAAY,qBAAqB,CAACN,EAAIW,GAAGX,EAAIY,GAAGZ,EAAI8B,QAAQL,EAAYI,gBAAgBzB,EAAG,IAAI,CAACE,YAAY,WAAW,CAACN,EAAIW,GAAGX,EAAIY,GAAGZ,EAAI+B,YAAYN,EAAYI,kBAAkBzB,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,6CAA6C,CAACF,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACN,EAAIW,GAAGX,EAAIY,GAAGa,EAAYO,mBAAqBP,EAAYQ,SAAsGjC,EAAIc,KAAhGV,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,OAAO,CAACE,YAAY,WAAW,CAACN,EAAIW,GAAG,qBAA8BP,EAAG,MAAM,CAACE,YAAY,MAAM,CAACF,EAAG,SAAS,CAACE,YAAY,KAAKI,MAAM,CAAC,MAAQ,cAAc,CAACV,EAAIW,GAAG,eAAeX,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAIkC,eAAeT,EAAYU,aAAa,MAAMnC,EAAIY,GAAGZ,EAAIkC,eAAeT,EAAYW,WAAW,MAAM,SAAShC,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,SAAS,CAACJ,EAAIW,GAAG,wBAAwB,QAAQ,OAAM,GAAGP,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACM,MAAM,CAAC,IAAM,OAAO,CAACN,EAAG,KAAK,CAACJ,EAAIW,GAAG,gCAAgC,IAAI,KAAKP,EAAG,eAAe,CAACM,MAAM,CAAC,MAAQV,EAAIqC,MAAM,MAAQrC,EAAIsC,eAAe,IAC7nFC,EAAkB,G,oFCuEtB,GACE,KADF,WAEI,MAAJ,CACM,YAAN,EACM,cAAN,EACM,aAAN,EACM,WAAN,EAEM,eAAN,CACA,CAAQ,KAAR,oBAAQ,KAAR,kBAAQ,UAAR,cAAQ,MAAR,8BACA,CAAQ,KAAR,WAAQ,KAAR,qBAAQ,UAAR,mBAAQ,MAAR,uBAEM,MAAN,CACA,CAAQ,GAAR,EAAQ,KAAR,YAAQ,MAAR,sBAAQ,KAAR,sBACA,CAAQ,GAAR,EAAQ,KAAR,WAAQ,MAAR,qBAAQ,KAAR,gBACA,CAAQ,GAAR,EAAQ,KAAR,UAAQ,MAAR,UAAQ,KAAR,gBAEM,aAAN,GACM,mBAAN,IAGE,WAAF,CACI,UAAJ,OACI,aAAJ,QAEE,QAzBF,WA0BI,KAAJ,qBAEE,QAAF,CACI,SADJ,SACA,GACM,KAAN,uCAEI,kBAJJ,WAIM,IAAN,OAAM,OAAN,qDAAQ,OAAR,0FACA,sCACA,kBACA,sBACA,wCAEA,mBACA,kBAPA,8CAUI,iBAdJ,SAcA,GACM,QAAN,QAEI,aAjBJ,SAiBA,GACM,KAAN,qBAEI,YApBJ,SAoBA,GACM,KAAN,uCAEI,aAvBJ,WAuBM,IAAN,OACM,KAAN,+BACM,EAAN,wDACA,kBACQ,EAAR,+BACQ,EAAR,yBAEA,kBACQ,EAAR,oCAIE,SAAF,kBACA,kCCxI2W,I,qHCQvWC,EAAY,eACd,EACAzC,EACAwC,GACA,EACA,KACA,WACA,MAIa,aAAAC,EAAiB,QAUhC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,QAAA,KAAMC,OAAA,KAAKC,aAAA,KAAWC,QAAA,KAAMC,OAAA,Q,oCC7BhE,W,2DCAA,W,kCCAA,IAAI/C,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,YAAY,CAAC2C,YAAY,CAAC,SAAW,SAAS,IAAM,IAAI,UAAU,KAAKrC,MAAM,CAAC,MAAQ,YAAY,CAAEV,EAAIgD,aAAehD,EAAIgD,YAAYC,YAAa7C,EAAG,WAAW,CAACM,MAAM,CAAC,KAAO,MAAMH,GAAG,CAAC,MAAQP,EAAIkD,cAAc,CAAC9C,EAAG,MAAM,CAACM,MAAM,CAAC,IAAMV,EAAIgD,YAAYC,YAAajD,EAAImD,SAAS,MAAMnD,EAAIgD,YAAYC,YAAajD,EAAImD,SAAS,kBAAkB,IAAM,mBAAmB/C,EAAG,WAAW,CAACM,MAAM,CAAC,KAAO,OAAO,CAACN,EAAG,SAAS,CAACM,MAAM,CAAC,KAAO,KAAK,CAACV,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAIoD,aAAa,QAAQ,GAAGhD,EAAG,kBAAkB,CAACE,YAAY,kBAAkByC,YAAY,CAAC,YAAY,SAAS,cAAc,MAAM,cAAc,OAAO,MAAQ,SAAS,CAAC/C,EAAIW,GAAG,OAAOX,EAAIY,GAAGZ,EAAIgD,YAAYK,UAAUjD,EAAG,YAAYA,EAAG,SAAS,CAACM,MAAM,CAAC,WAAW,IAAI4C,YAAYtD,EAAIuD,GAAG,CAAC,CAACrC,IAAI,YAAYsC,GAAG,SAASC,GAC52B,IAAIlD,EAAKkD,EAAIlD,GACTG,EAAQ+C,EAAI/C,MAChB,MAAO,CAACN,EAAG,QAAQJ,EAAI0D,GAAG1D,EAAI2D,GAAG,CAACrD,YAAY,OAAOI,MAAM,CAAC,KAAO,GAAG,MAAQ,UAAU,MAAQ,KAAK,QAAQA,GAAM,GAAOH,GAAI,CAACH,EAAG,SAAS,CAACM,MAAM,CAAC,MAAQ,UAAU,CAACV,EAAIW,GAAG,wBAAwB,SAAS,CAACP,EAAG,SAASJ,EAAIe,GAAIf,EAAS,OAAE,SAASgB,EAAKC,GAAO,OAAOb,EAAG,cAAc,CAACc,IAAID,EAAMV,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOR,EAAI4D,aAAa5C,EAAK6C,WAAW,CAACzD,EAAG,oBAAoB,CAACA,EAAG,SAAS,CAACM,MAAM,CAAC,MAAQ,YAAY,CAACV,EAAIW,GAAGX,EAAIY,GAAGI,EAAKM,SAAStB,EAAIW,GAAG,IAAIX,EAAIY,GAAGI,EAAK8C,SAAS,IAAI,MAAK,IAAI,IAAI,IACtfvB,EAAkB,G,gGC4CtB,GACE,KADF,WAEI,MAAJ,CACM,MAAN,cACM,SAAN,OACM,YAAN,OACM,WAAN,OACM,SAAN,2FACM,MAAN,CACA,CAAQ,GAAR,EAAQ,KAAR,cAAQ,MAAR,UAAQ,OAAR,WACA,CAAQ,GAAR,EAAQ,KAAR,aAAQ,MAAR,SAAQ,OAAR,aAIE,QAAF,CACI,YADJ,WAEM,KAAN,0BAEI,aAJJ,SAIA,GACM,OAAN,GACQ,IAAR,SACU,KAAV,gBACU,MACF,IAAR,UACU,KAAV,cACU,QAGN,cAdJ,WAcM,IAAN,OAAM,OAAN,qDAAQ,OAAR,iFACA,iCADA,SAEA,uBACA,iBACA,wBACA,iCACA,uBAEA,kBACA,iCACA,wBACA,iCACA,uBAZA,+CAiBE,SAAF,kBACA,kCC9FkW,I,qKCQ9VC,EAAY,eACd,EACAzC,EACAwC,GACA,EACA,KACA,WACA,MAIa,OAAAC,EAAiB,QAchC,IAAkBA,EAAW,CAACuB,UAAA,KAAQC,OAAA,KAAKnB,QAAA,KAAMoB,QAAA,KAAMC,YAAA,KAAUC,eAAA,OAAeC,QAAA,KAAMC,UAAA,KAAQC,WAAA,KAASC,cAAA,U,mOCPxF,sBAAO,EAAD,0BAKnB,eALmB,aAMnB,eANa,sBAON,CACPhD,KADO,SAGPiD,MAAO,CACLC,OAAQ,CACNC,KADM,QAENC,SAAS,GAEXC,YAAa,CACXF,KADW,OAEXC,QAFW,WAGT,OAAK1E,KAAL,UAEOA,KAAK4E,UAAZ,YAF4B,KAKhCC,MAbK,QAcLC,UAAW,CACTL,KADS,OAETC,QAAS,WAEXK,WAAY,CACVN,KADU,OAEVC,QAAS,kBAEXM,SAtBK,QAuBLC,UAvBK,QAwBLC,OAxBK,QAyBLC,WAAY,CACVV,KADU,OAEVC,QAAS,aAEXU,MA7BK,QA8BLC,KA9BK,QA+BLC,SA/BK,QAgCLC,KAhCK,QAiCLC,IAAK,CACHf,KADG,OAEHC,QAAS,QAEXe,UArCK,OAsCLC,MAAO,MAGTC,KAAM,iBAAO,CACXC,WAAY,mBAGdC,SAAU,CACRC,QADQ,WAEN,oEACE,UADK,GAEF,qCAFE,OAAP,IAGE,oBAAqB9F,KAHhB,YAIL,mBAAoBA,KAJf,SAKL,oBAAqBA,KALhB,UAML,gBAAiBA,KANZ,MAOL,eAAgBA,KAPX,OAQL,oBAAqBA,KARhB,MASL,mBAAoBA,KATf,SAUL,eAAgBA,KAVX,KAWL,oBAAqBA,KAXhB,UAYFA,KAZE,cAaFA,KAbE,iBAcFA,KAAK+F,eAGZC,SAnBQ,WAoBN,OAAOC,QAAQjG,KAAf,QAEFkG,YAtBQ,WAuBN,OAAOD,QACL,gDACAjG,KAFF,aAOJmG,QA9EO,WA8EA,WACCC,EAAgB,CACpB,CAAC,UADmB,YAEpB,CAAC,WAFmB,eAGpB,CAAC,QAHmB,UAIpB,CAAC,SAJH,iBAQAA,EAAA,SAAsB,YAA4B,0BAA3B,EAA2B,KAA5B,EAA4B,KAC5C,wBAAJ,IAA0C,eAASC,EAAUC,EAAnB,OAI9CC,QAAS,CACPC,MADO,SACF,GACHxG,KAAA,iBAEAA,KAAA,WAAkBA,KAAlB,UAEFyG,UANO,WAOL,IAAMC,EAAN,GAWA,OATI1G,KAAJ,UACE0G,EAAA,KACE1G,KAAKE,eAAe,EAApB,KAA2B,CACzBG,YADyB,iBAEzBkE,MAAO,CAAEoC,MAAM,IACd3G,KAJL,aAQKA,KAAKE,eAAe,EAApB,KAAP,IAEF0G,SApBO,WAoBC,WACN,OAAO5G,KAAKE,eAAe,EAApB,KAA2B,CAChCG,YADgC,gBAEhCkE,MAAO,CACLsC,OADK,EAELC,KAAM,IAERrG,MAAO,CACL,aAAcT,KAAK+G,SAASC,KAAKC,EAAEjH,KAArB,aAEhBM,GAAI,CACFkG,MAAQ,SAAAU,GACNA,EAAA,kBACAA,EAAA,iBAEA,uBACA,+BAGHlH,KAlBH,YAoBFmH,WAzCO,WA0CL,OAAOnH,KAAKE,eAAe,OAAQ,CACjCG,YAAa,mBACZ,CACDL,KAAKkF,QAAUlF,KADd,YAEDA,KAAKoH,OAFJ,QAGDpH,KAAKgG,UAAYhG,KALnB,eAUJF,OAhJO,SAgJD,GACJ,IAAM4G,EAAW,CAAC1G,KAAlB,cACA,EAAoBA,KAApB,oBAAI,EAAJ,EAAI,IAAO2F,EAAX,EAAWA,KAEXA,EAAA,uCACKA,EADQ,OAAb,IAEEV,UAAWjF,KAAKiF,UAAY,YAFjB,EAGXoC,SAAUrH,KAAK4E,YAAc5E,KAAnB,WAAuC2F,EAAA,MAAY0B,WAE/D1B,EAAA,gBAAsB,CACpBrE,KADoB,OAEpBoE,MAAO1F,KAAKwE,SAEdmB,EAAO3F,KAAKsH,mBAAmBtH,KAAxB,MAAP2F,GAEA,IAAM4B,EAAQvH,KAAKyF,WAAczF,KAAKsF,UAAYtF,KAAlD,MAEA,OAAOwH,EAAEhC,EAAKxF,KAAKyH,aAAaF,EAAxB,GAAR,O","file":"js/dashboardTechnicalPage.1f29ba53.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"ma-0 pa-0 bg-bug h-100\"},[_c('Topnavbar'),_c('v-container',[_c('div',{staticClass:\"pb-14\"},[(_vm.notificationsCount)?_c('div',{staticClass:\"custom-bs pa-3 mb-4\",on:{\"click\":function($event){return _vm.handleRouter('notifications')}}},[_c('v-chip',{staticClass:\"mr-2\",attrs:{\"color\":\"error\"}},[_vm._v(_vm._s(_vm.notificationsCount))]),_c('span',{staticClass:\"f9\"},[_vm._v(\"Notifications\")])],1):_vm._e(),_c('v-row',_vm._l((_vm.dashboardItems),function(item,index){return _c('v-col',{key:index,attrs:{\"cols\":\"6\",\"sm\":\"4\",\"md\":\"3\"},on:{\"click\":function($event){return _vm.handleRouter(item.route)}}},[_c('v-card',{staticClass:\"dashboard-items\",class:[index == _vm.currentItem ? 'active-item':'']},[_c('div',{staticClass:\"icon-wrapper\"},[_c('v-icon',{attrs:{\"color\":\"secondary\"}},[_vm._v(_vm._s(item.icon))])],1),_c('p',{staticClass:\"text-item\"},[_vm._v(_vm._s(item.name))])])],1)}),1),(_vm.appointments.length)?_c('v-row',{staticClass:\"mb-4\"},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('h3',[_vm._v(\"Your upcoming appointment\")])]),_vm._l((_vm.appointments),function(appointment,index){return _c('v-col',{key:index,attrs:{\"cols\":\"12\"}},[_c('v-card',{staticClass:\"no-border-radius custom-bs border-radius-4\",on:{\"click\":function($event){return _vm.viewPest(appointment.appointment_id)}}},[_c('div',{staticClass:\"d-flex align-center justify-space-between\"},[_c('div',{staticClass:\"d-flex align-center\"},[_c('div',{staticClass:\"appointment-date\"},[_c('p',{staticClass:\"f8 ma-0\"},[_vm._v(_vm._s(_vm.onlyMonth(appointment.start_date)))]),_c('p',{staticClass:\"f9-bold day-style\"},[_vm._v(_vm._s(_vm.onlyDay(appointment.start_date)))]),_c('p',{staticClass:\"f8 ma-0\"},[_vm._v(_vm._s(_vm.onlyWeekDay(appointment.start_date)))])]),_c('div',{staticClass:\"pa-3 d-flex align-cneter\"},[_c('div',[_c('div',{staticClass:\"d-flex align-center justify-space-between\"},[_c('h5',{staticClass:\"text-uppercase\"},[_vm._v(_vm._s(appointment.appointment_no))]),(!appointment.payments)?_c('div',{staticClass:\"ml-6\"},[_c('span',{staticClass:\"cred f8\"},[_vm._v(\"Payment Due\")])]):_vm._e()]),_c('div',{staticClass:\"f8\"},[_c('v-icon',{staticClass:\"f1\",attrs:{\"color\":\"secondary\"}},[_vm._v(\"mdi-clock\")]),_vm._v(\" \"+_vm._s(_vm.formatTimeOnly(appointment.start_time))+\" - \"+_vm._s(_vm.formatTimeOnly(appointment.end_time))+\" \")],1)])])]),_c('div',{staticClass:\"pr-2\"},[_c('v-icon',[_vm._v(\"mdi-chevron-right\")])],1)])])],1)})],2):_c('v-row',[_c('v-col',{attrs:{\"col\":\"12\"}},[_c('h3',[_vm._v(\"No upcoming appointment\")])])],1)],1)]),_c('Bottomnavbar',{attrs:{\"items\":_vm.items,\"value\":_vm.indexValue}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container class=\"ma-0 pa-0 bg-bug h-100\"> \r\n        <Topnavbar />\r\n        <v-container>\r\n            <div class=\"pb-14\">\r\n                <div v-if=\"notificationsCount\" class=\"custom-bs pa-3 mb-4\" @click=\"handleRouter('notifications')\">\r\n                    <v-chip color=\"error\" class=\"mr-2\">{{ notificationsCount }}</v-chip><span class=\"f9\">Notifications</span>\r\n                </div>\r\n                <v-row>\r\n                    <v-col cols=\"6\" sm=\"4\" md=\"3\"  v-for=\"(item,index) in dashboardItems\" :key=\"index\" @click=\"handleRouter(item.route)\">\r\n                        <v-card class=\"dashboard-items\" :class=\"[index == currentItem ? 'active-item':'']\">\r\n                            <div class=\"icon-wrapper\">\r\n                                <v-icon color=\"secondary\">{{ item.icon }}</v-icon>\r\n                            </div>\r\n                             <p class=\"text-item\">{{ item.name }}</p>\r\n                        </v-card>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row class=\"mb-4\" v-if=\"appointments.length\">\r\n                    <v-col cols=\"12\">\r\n                    <h3>Your upcoming appointment</h3> \r\n                    </v-col>\r\n                    <v-col cols=\"12\" v-for=\"(appointment, index) in appointments\" :key=\"index\">\r\n                        <v-card class=\"no-border-radius custom-bs border-radius-4\" @click=\"viewPest(appointment.appointment_id)\">\r\n                            <div class=\"d-flex align-center justify-space-between\">\r\n                                <div class=\"d-flex align-center\">\r\n                                    <div class=\"appointment-date\">\r\n                                        <p class=\"f8 ma-0\">{{onlyMonth(appointment.start_date)}}</p>\r\n                                        <p class=\"f9-bold day-style\">{{onlyDay(appointment.start_date)}}</p>\r\n                                        <p class=\"f8 ma-0\">{{onlyWeekDay(appointment.start_date)}}</p>\r\n                                    </div>\r\n                                    <div class=\"pa-3 d-flex align-cneter\">\r\n                                        <div>\r\n                                            <div class=\"d-flex align-center justify-space-between\">\r\n                                                <h5 class=\"text-uppercase\">{{appointment.appointment_no}}</h5>\r\n                                                <!-- {{appointment.payments.length}} -->\r\n                                                <div class=\"ml-6\" v-if=\"!appointment.payments\">\r\n                                                    <span class=\"cred f8\">Payment Due</span>\r\n                                                 </div>\r\n                                            </div>\r\n                                            <!-- <h5 class=\"text-uppercase\">{{appointment.appointment_no}}</h5> -->\r\n\r\n                                            <div class=\"f8\">\r\n                                                <v-icon color=\"secondary\" class=\"f1\">mdi-clock</v-icon> {{formatTimeOnly(appointment.start_time)}} - {{formatTimeOnly(appointment.end_time)}}\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"pr-2\">\r\n                                    <v-icon>mdi-chevron-right</v-icon>\r\n                                </div>\r\n                            </div>\r\n                        </v-card>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row v-else>\r\n                    <v-col col=\"12\">\r\n                         <h3>No upcoming appointment</h3> \r\n                    </v-col>\r\n                </v-row>\r\n             \r\n          </div>\r\n        </v-container>\r\n        <Bottomnavbar :items=\"items\" :value=\"indexValue\"/>\r\n    </v-container>\r\n</template>\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nimport Topnavbar from '@/components/layout/Topnavbar'\r\nimport Bottomnavbar from '@/components/layout/BottomnavbarFixed'\r\nimport { ApiService } from '@/core/services/api.service'\r\n\r\nexport default {\r\n    data() {\r\n        return {\r\n            currentItem:0,\r\n            countMessages:0,\r\n            isTechnical:true,\r\n            indexValue:0,\r\n         \r\n            dashboardItems : [\r\n                {name:\"Assigned Services\",icon:'mdi-water-check',component:'home-remedy',route:'technical-assigned-service'},\r\n                {name:'Calendar',icon:'mdi-calendar-clock',component:'schedule-service',route:'technical-calendar'},\r\n            ],\r\n            items: [\r\n                {id:2, name:'Dashboard',route:'dashboard-technical',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            appointments:[],\r\n            notificationsCount:0,\r\n        }\r\n    },\r\n    components: {\r\n        Topnavbar,\r\n        Bottomnavbar\r\n    },\r\n    mounted() {\r\n        this.fetchAppointments();\r\n    },\r\n    methods: {\r\n        viewPest(id) {\r\n            this.$router.push(\"/technical-service/\"+id);\r\n        },\r\n        async fetchAppointments(){\r\n            await ApiService.post('/appointments-upcoming')\r\n            .then((resp) => {\r\n                this.appointments = resp.data;\r\n                this.notificationsCount = resp.notifications;\r\n            })\r\n            .catch((error) => {\r\n                console.log(error);\r\n            });\r\n        },\r\n        setDashboardItem(token){\r\n            console.log(token);\r\n        },\r\n        handleRouter(route){\r\n            this.$router.push(\"/\"+route);\r\n        },\r\n        handleRoute(route){\r\n            this.$router.push(\"/technical-service/\"+route);\r\n        },\r\n        messageCount() {\r\n            this.$bus.$emit('SHOW_PAGE_LOADER');\r\n            ApiService.get('/messages/count/'+this.currentUser.vendor.id)\r\n            .then((response) => {\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n                this.countMessages = response.total;\r\n            })\r\n            .catch(() => {\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\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    $color-primary: #01a6bc;\r\n    $color-secondary: #01a6bc;\r\n     .appointment-date{\r\n        background: #99cc00;\r\n        width: 60px;\r\n        color: #fff;\r\n        text-align: center;\r\n        padding: 0 10px;\r\n        border-bottom-left-radius:4px;\r\n        border-top-left-radius:4px;\r\n    }\r\n    .card-custom{\r\n        border-bottom: 1px solid #dadada;\r\n    }\r\n    .day-style {\r\n        font-size: 1.2rem;\r\n        font-weight: 500;\r\n        margin:0;\r\n    }\r\n    .date-wrapper{\r\n        display:flex; \r\n        align-items: center;\r\n        color:#99cc00 !important;\r\n        margin-bottom: 10px;\r\n        i{\r\n            font-size:1.2rem;\r\n        }\r\n    }\r\n\r\n    .text{\r\n        margin-bottom: 0;\r\n    }\r\n    .f1{\r\n        font-size:1rem;\r\n    }\r\n    .no-data {\r\n        height: calc(100vh - 300px);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-around;\r\n        h3,p{\r\n          color:#dadada;\r\n          text-align: center;\r\n          text-transform: uppercase;\r\n        }\r\n    }\r\n    .date-time{\r\n        margin-bottom: 0;\r\n        font-weight: 500;\r\n        color: #75ab26;\r\n        font-size:0.9rem;\r\n    }\r\n\r\n    .fs20{\r\n        font-size: 20px;\r\n        color:#75ab26;\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!./DashboardTechnical.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!./DashboardTechnical.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DashboardTechnical.vue?vue&type=template&id=60be450b&scoped=true&\"\nimport script from \"./DashboardTechnical.vue?vue&type=script&lang=js&\"\nexport * from \"./DashboardTechnical.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DashboardTechnical.vue?vue&type=style&index=0&id=60be450b&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  \"60be450b\",\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 { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCard,VChip,VCol,VContainer,VIcon,VRow})\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!./DashboardTechnical.vue?vue&type=style&index=0&id=60be450b&lang=scss&scoped=true&\"","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!./Topnavbar.vue?vue&type=style&index=0&id=526a5bcd&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-toolbar',{staticStyle:{\"position\":\"sticky\",\"top\":\"0\",\"z-index\":\"1\"},attrs:{\"color\":\"primary\"}},[(_vm.currentUser && _vm.currentUser.profile_pic)?_c('v-avatar',{attrs:{\"size\":\"32\"},on:{\"click\":_vm.viewProfile}},[_c('img',{attrs:{\"src\":_vm.currentUser.profile_pic? _vm.base_url+'/f/'+_vm.currentUser.profile_pic: _vm.base_url+'/f/usericon.png',\"alt\":\"Profile Pic\"}})]):_c('v-avatar',{attrs:{\"size\":\"32\"}},[_c('v-icon',{attrs:{\"dark\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.iconAccount)+\" \")])],1),_c('v-toolbar-title',{staticClass:\"text-capitalize\",staticStyle:{\"font-size\":\"0.9rem\",\"font-weight\":\"500\",\"margin-left\":\"10px\",\"color\":\"#fff\"}},[_vm._v(\"Hi, \"+_vm._s(_vm.currentUser.fname))]),_c('v-spacer'),_c('v-menu',{attrs:{\"offset-y\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({staticClass:\"pr-0\",attrs:{\"text\":\"\",\"color\":\"primary\",\"small\":\"\"}},'v-btn',attrs,false),on),[_c('v-icon',{attrs:{\"color\":\"white\"}},[_vm._v(\"mdi-dots-vertical\")])],1)]}}])},[_c('v-list',_vm._l((_vm.items),function(item,index){return _c('v-list-item',{key:index,on:{\"click\":function($event){return _vm.handleAction(item.action)}}},[_c('v-list-item-title',[_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(_vm._s(item.icon))]),_vm._v(\" \"+_vm._s(item.title))],1)],1)}),1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n        <v-toolbar color=\"primary\" style=\"position: sticky;top: 0;px;z-index: 1;\">\r\n            <v-avatar size=\"32\" @click=\"viewProfile\" v-if=\"currentUser && currentUser.profile_pic\">\r\n                <img\r\n                 :src=\"currentUser.profile_pic? base_url+'/f/'+currentUser.profile_pic: base_url+'/f/usericon.png'\"\r\n                alt=\"Profile Pic\"\r\n                >\r\n                </v-avatar>\r\n            <v-avatar v-else size=\"32\">\r\n                <v-icon dark>\r\n                   {{iconAccount}}\r\n                </v-icon>\r\n            </v-avatar>\r\n            <v-toolbar-title class=\"text-capitalize\" style=\"font-size: 0.9rem;font-weight: 500; margin-left:10px; color:#fff;\">Hi, {{ currentUser.fname }}</v-toolbar-title>\r\n            <v-spacer></v-spacer>\r\n            <v-menu offset-y>\r\n                <template v-slot:activator=\"{ on, attrs }\">\r\n                    <v-btn\r\n                    text\r\n                    color=\"primary\"\r\n                    v-bind=\"attrs\"\r\n                    v-on=\"on\"\r\n                    small\r\n                    class=\"pr-0\"\r\n\r\n                    >\r\n                    <v-icon color=\"white\">mdi-dots-vertical</v-icon>\r\n                    </v-btn>\r\n                </template>\r\n                <v-list>\r\n                    <v-list-item\r\n                    v-for=\"(item, index) in items\"\r\n                    :key=\"index\"\r\n                    @click=\"handleAction(item.action)\"\r\n                    >\r\n                    <v-list-item-title><v-icon color=\"primary\">{{ item.icon }}</v-icon> &nbsp; {{ item.title }}</v-list-item-title>\r\n                    </v-list-item>\r\n                </v-list>\r\n            </v-menu>\r\n        </v-toolbar>\r\n</template>\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nimport { mdiAccountCircle, mdiLogout } from '@mdi/js'\r\nimport {ApiService} from '@/core/services/api.service'\r\n// import JwtService from '@/core/services/jwt.service'\r\nimport {PURGE_AUTH} from '@/core/services/store/auth.module'\r\nimport { base_url } from '@/core/services/config'\r\nexport default {\r\n    data() {\r\n        return {\r\n            title:'ProfilePage',\r\n            base_url,\r\n            iconAccount: mdiAccountCircle,\r\n            iconLogout: mdiLogout,\r\n            usericon:'https://avatar-management--avatars.us-west-2.prod.public.atl-paas.net/default-avatar.png',\r\n            items: [\r\n                {id:1, icon:'mdi-account', title: 'Profile', action:'profile' },\r\n                {id:2, icon:'mdi-logout', title: 'Logout', action:'logout' },\r\n            ],\r\n        }\r\n    },\r\n    methods: {\r\n        viewProfile() {\r\n            this.$router.push('/profile');\r\n        },\r\n        handleAction(action) {\r\n            switch(action) {\r\n                case 'logout':\r\n                    this.handleLogouts();\r\n                    break;\r\n                case 'profile':\r\n                    this.viewProfile();\r\n                    break;\r\n            }\r\n        },\r\n        async handleLogouts(){\r\n            this.$bus.$emit('SHOW_PAGE_LOADER');\r\n            await ApiService.post('/logout')\r\n            .then(() => {\r\n                this.$store.commit(PURGE_AUTH);\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n                this.$router.push('/');\r\n            })\r\n            .catch(() => {\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n                this.$store.commit(PURGE_AUTH);\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n                this.$router.push('/');\r\n            })\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$colorprimary : #19477e !important;\r\n$colorsecondary : #75ab26;\r\n.section-top-navbar{\r\n    background:$colorprimary;\r\n    padding: 6px 24px;\r\n    height: 52px;\r\n    color: #fff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    .page-title{\r\n        margin: 0;\r\n        font-weight: 500;\r\n    }\r\n    i{\r\n        color:#fff !important;\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!./Topnavbar.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!./Topnavbar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Topnavbar.vue?vue&type=template&id=526a5bcd&scoped=true&\"\nimport script from \"./Topnavbar.vue?vue&type=script&lang=js&\"\nexport * from \"./Topnavbar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Topnavbar.vue?vue&type=style&index=0&id=526a5bcd&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  \"526a5bcd\",\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 { VAvatar } from 'vuetify/lib/components/VAvatar';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VAvatar,VBtn,VIcon,VList,VListItem,VListItemTitle,VMenu,VSpacer,VToolbar,VToolbarTitle})\n","// Styles\nimport './VChip.sass'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Components\nimport { VExpandXTransition } from '../transitions'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Routable from '../../mixins/routable'\nimport Sizeable from '../../mixins/sizeable'\n\n// Utilities\nimport { breaking } from '../../util/console'\n\n// Types\nimport { PropValidator, PropType } from 'vue/types/options'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Sizeable,\n  Routable,\n  Themeable,\n  GroupableFactory('chipGroup'),\n  ToggleableFactory('inputValue')\n).extend({\n  name: 'v-chip',\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    activeClass: {\n      type: String,\n      default (): string | undefined {\n        if (!this.chipGroup) return ''\n\n        return this.chipGroup.activeClass\n      },\n    } as any as PropValidator<string>,\n    close: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$delete',\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    disabled: Boolean,\n    draggable: Boolean,\n    filter: Boolean,\n    filterIcon: {\n      type: String,\n      default: '$complete',\n    },\n    label: Boolean,\n    link: Boolean,\n    outlined: Boolean,\n    pill: Boolean,\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    textColor: String,\n    value: null as any as PropType<any>,\n  },\n\n  data: () => ({\n    proxyClass: 'v-chip--active',\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-chip': true,\n        ...Routable.options.computed.classes.call(this),\n        'v-chip--clickable': this.isClickable,\n        'v-chip--disabled': this.disabled,\n        'v-chip--draggable': this.draggable,\n        'v-chip--label': this.label,\n        'v-chip--link': this.isLink,\n        'v-chip--no-color': !this.color,\n        'v-chip--outlined': this.outlined,\n        'v-chip--pill': this.pill,\n        'v-chip--removable': this.hasClose,\n        ...this.themeClasses,\n        ...this.sizeableClasses,\n        ...this.groupClasses,\n      }\n    },\n    hasClose (): boolean {\n      return Boolean(this.close)\n    },\n    isClickable (): boolean {\n      return Boolean(\n        Routable.options.computed.isClickable.call(this) ||\n        this.chipGroup\n      )\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['outline', 'outlined'],\n      ['selected', 'input-value'],\n      ['value', 'active'],\n      ['@input', '@active.sync'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    click (e: MouseEvent): void {\n      this.$emit('click', e)\n\n      this.chipGroup && this.toggle()\n    },\n    genFilter (): VNode {\n      const children = []\n\n      if (this.isActive) {\n        children.push(\n          this.$createElement(VIcon, {\n            staticClass: 'v-chip__filter',\n            props: { left: true },\n          }, this.filterIcon)\n        )\n      }\n\n      return this.$createElement(VExpandXTransition, children)\n    },\n    genClose (): VNode {\n      return this.$createElement(VIcon, {\n        staticClass: 'v-chip__close',\n        props: {\n          right: true,\n          size: 18,\n        },\n        attrs: {\n          'aria-label': this.$vuetify.lang.t(this.closeLabel),\n        },\n        on: {\n          click: (e: Event) => {\n            e.stopPropagation()\n            e.preventDefault()\n\n            this.$emit('click:close')\n            this.$emit('update:active', false)\n          },\n        },\n      }, this.closeIcon)\n    },\n    genContent (): VNode {\n      return this.$createElement('span', {\n        staticClass: 'v-chip__content',\n      }, [\n        this.filter && this.genFilter(),\n        this.$slots.default,\n        this.hasClose && this.genClose(),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    const children = [this.genContent()]\n    let { tag, data } = this.generateRouteLink()\n\n    data.attrs = {\n      ...data.attrs,\n      draggable: this.draggable ? 'true' : undefined,\n      tabindex: this.chipGroup && !this.disabled ? 0 : data.attrs!.tabindex,\n    }\n    data.directives!.push({\n      name: 'show',\n      value: this.active,\n    })\n    data = this.setBackgroundColor(this.color, data)\n\n    const color = this.textColor || (this.outlined && this.color)\n\n    return h(tag, this.setTextColor(color, data), children)\n  },\n})\n"],"sourceRoot":""}