{"version":3,"sources":["webpack:///./src/assets/img/payment-method.png","webpack:///./src/assets/img/phone.png","webpack:///./src/assets/img/credit-card(1).png","webpack:///./src/assets/img/Path 586.png","webpack:///./src/assets/img/lock.png","webpack:///./src/assets/img/racing.png","webpack:///./src/views/Customer/Quick_fuel/index.vue?8cd2","webpack:///src/views/Customer/Quick_fuel/index.vue","webpack:///./src/views/Customer/Quick_fuel/index.vue?b732","webpack:///./src/views/Customer/Quick_fuel/index.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","style","backgroundImage","backgroundUrl","backgroundPosition","backgroundRepeat","backgroundSize","attrs","_v","_s","$t","ref","directives","name","rawName","value","expression","domProps","on","toggleDropdownDisplay","$event","target","composing","QuickFuelMethod","getQuickFuelMethod","_e","phoneNumber","captureFormEvents","staticStyle","magneticCardStripe","amount","pin","confirmPin","isButtonDisabled","cursor","addQuickFuel","showLoader","refreshGrid","pageSettings","toolbar","search","toolbarClick","usedLang","deleButtonTemplate","staticRenderFns","$","title","components","MasterLayout","TableLoader","provide","grid","data","toggleQucikFuelMethodsDropdown","cardNumber","formIsValid","QuickFuelMethodInput","quickFuelDetails","pageSizes","pageCount","pageSize","operator","ignoreCase","template","methods","removeQuickFuel","created","beforeDestroy","mounted","searchFun","changeRoute","deleteQuickFuelDetail","id","post","configObject","then","message","type","duration","catch","error","showFundWalletModal","getQuickFuelDetails","get","response","index","quickFuel","toFixed","toString","replace","dataSource","uniqueId","maxAmount","method","_this","theme","position","component"],"mappings":"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,qBAMA,YALA,kBACAwD,4CACAC,aACAC,eAIA,8BAMA,YALA,kBACAF,2CACAC,aACAC,eAIA,qBAMA,YALA,kBACAF,uCACAC,aACAC,eAIA,gBAMA,YALA,kBACAD,aACAD,uCACAE,eAIA,aAMA,YALA,kBACAD,aACAD,8BACAE,eAIA,oBAMA,YALA,kBACAD,aACAD,mCACAE,eAIA,wCACA1B,GACAuC,0BACAC,kCACA7D,aACA8D,4BACA7D,6BAGA,gDACAoB,GACAuC,iCACAC,kCACA7D,aACA8D,4BACA7D,6BAIA,yBACAa,oBACA,WACA,WACA4B,KACA,yCACArB,EACAsB,qBAEAC,KAAA,KACA,kBACAC,+CACAC,eACAC,eAEAjC,oBACAA,0BACAiD,wBACA,yBACA1C,OACA,cACA,qBACA,0BACA,6BACA,sBACA,mBAEA2B,MAAAC,IACA,kBACAJ,gCACAC,aACAC,eAEA,yBACAjC,uBAGAlB,qBAiBA,GAhBA,uCACA,qBACA,4DACA,gDACA,oCACA,wDACA,8DACA,sBAEA,2DACA,mDACA,8CACA,6BACA,sBAGA,sCACA,uBACA,qDACA,yCACA,qCACA,wDACA,iDACA,wBACA,CACA,GACAP,0BACAA,yBAQA,OANA,qDACA,iDACA,wDACA,yCACA,4DACA,qBAGA,oDACA,wCACA,6BACA,oBAGA,kCACA,qBACA,uDACA,2CACA,+BACA,yDACA,mDACA,sBAEA,sDACA,yCACA,6BACA,sBAGA,+BACA,qBACA,oDACA,oEACA,gDACA,sDACA,sBAEA,mDACA,yBACA,oDACA,wCACA,kCACA,gDACA,sDACA,sBAEA,sCACA,6BACA,mDACA,uBAIA,uCACA,qBACA,wDACA2E,eACAC,sBACAlB,eAEA,4DACA,gDACA,qCACA,8DACA,sBAEA,2DACA,4BACA,8DACA,4DACA,wDACA,gDACA,mBACA,sBAEA,2DACA,8CACA,6BACA,0BCvqB6W,I,YCOzWmB,EAAY,eACd,EACAxG,EACAmD,GACA,EACA,KACA,KACA,MAIa,aAAAqD,E","file":"js/chunk-54028930.8e1e5216.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAABHNCSVQICAgIfAhkiAAABG1JREFUWEetmI1VFDEQx2cqECqQDoQKhArECjwqECoAKhArUCoAKhAqECoQKhArGN8vzuTlctnd7J557x4fl01++c9nVqVzmNk3ETkUkY+q+tj52OJp2vOkQ6187quIHAWcme2IyCeH5nfGs4hcq+p9z/qtOZNgBdS1iFyJCJuZiFw4zLEv/CQiQDP2ReSNz70cAzQznn9XwT2NghVQKHDkG5+LyKkv9CIi3/moKnPyMDMUBv6tA561XMDMfotIKJ2fHwQroFCiPtGDq4Jy2awtkzggSqNgOoQfLJTmMVTlEGJm/DxvgpXmU9WVme05CD/vObmZYa4w6xQciqAyHwAZoTYWmAYroF5VdXfIec3ss28ELL5FtE46u5kR2SjI+odmhurjYAUUpnovIieqivRrw8w4JZIzD6gPRTQCd6uqdyOHSgfoAjMzToEKhDnmY0OcOhwd++MX5DNM88DC7hf8ze98zwdzxfNnjYMtAksqebQAmcDcBD9cpfC1yG21ogG4o6rH7tCYjsOzVj+YP4DZSJYsAFA2pZn9/Ke+7kfkuDmBX0sVDYVY61lVbxeBVXAvqooyaTScNEzP15QoDnU3BVmAYW6AUS/SCF9jhdVQugjlSsXWosc3AJzF8c0YCVJVv7ac30sY6udDt+aNJdg1ODPDDCTaA1WN0oOSN+7wBx4AnJh5wJ2UmzrUF1eF74Zc4HWqJGU4NxcnZbGUh3wDopFyE47N3wQJg7kcCBVRCGh+NtNQeYieIl7DAUCOY5C9T8Opq+i9dBBqZQzyHvMn26ZJsCogSp8jFWSTFkFCTkOpX17G6EqA2Zjb8q34XxfYENzQwmYWKqdkPQYw9F03WAvOk26Y9ZEy5N0E1WExFHvNAqvg8BM6jHJgQpx7K6hFYBUcCTX1VXWtXWK+WVHZ4UeRq7Y2338Bq5Tjz63NNxvMO1h6MJInPoR/UeMoO6n7KNujbc3Y5WNFD0agkMVxcJweSOonWX+jmdwWTl2NMjuXa5Is2ZQMf1jVSJSL+smc0a51LihgzetTsRBQ+yNZnhabJBpdK7BbQwKGOSgbYQ42oVnkHpkvDVMndpPXrfVFq/1xK5GYk7+27gcBtnlLUeW73AJ7FOJbe2XRbgE7JAfkkpI6DzPj97gX1L3YRos0FwwFAaOPp68iEAa7Vj8YvVnctP94NMdN6rmoq/R5ueuYBVaq45vmOukbksvy4r4p5k3vPFr3zuKSw6U530sXg7lpMUmYp7xbEgCohDmzm9Rm946WigH8bhlgPWBEG6cZ7ad8k3B+IDHb2r00wPz1AvcE5nOAjY52EMyVwATRQeBPRBkRPHt4JAYMSgOOsletjnYMLDanHSaVYBZ8Ch8i0nreUwCAejwbB+TVAXlutFoEGGrEjYXF+JDHGOSZZEZPA6gY77w2Xsq5SYEJs/Ior7J4DqCuFhswinD94oxb8+CJqpdyUdDZEFXivRcVI2BGb+otv5jdwVYpAxMBQmQSJMDgNzj95E1ozFH/AjYuxpfu6yMLAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAhCAYAAAAh3nDkAAAABHNCSVQICAgIfAhkiAAAAqBJREFUWEetl41x00AUhPdVAKmApAKcCggdJBVAKgAqgFQAVECogKQCoAKSCkgqwFSwzGfuPCf5TpYs3UzGnljz9v3s7j2FFjq2jyW9kbSSdJbC/pB0J+lrRPDZOTEXO4G+l/S6iPVX0pNebBK5igg+N2cWuG1A30p6KulR0idJNxHxQHDb/P88PfM8Yd5IuoyI9UHgKei3or1XABOw1UnbJEFyzyTx3MvJ4LaZ6fdU7T3trs2zlkRKmgReSbqdBG6buX5MwJConPNo+tg2YxoNnoC/JARmdj0arXgwtZ+R/RwFviAwncoFXOwFL4CRz1ltvmmW8AA+IKWLPvlqBQyCHwCc9f2fzclYbMMTJMnvEBS5tXVuG5eiGk51xr2K7yNiZRsuwGYSABCJ8bfTuWrlPTk1yWUb4hAYyTGSjc5tIyesNh8M6Lw/sh3wXjWfI4Lsd45tiAOBOsD5wdQ5ukdC1zUDqoHnoLcRQVVDwFS0GnK2ITl2wAsNNoMWLW2yf6z+t+Cp3b+Te8HU7e1TtDLrdDZwh+0FS6tzHiO7sRXn5zaVF7KiouM9BlHtylTgbeW20TPM3JFVkt2vuZ5eSy7SJsKsHyOCVahzbP9JPDj4Mml1BfBsCO8igu/bU1R9FxGnh7R2UGq2YfULSSd5/eklkH/HKC6XTIDKN22NiJbVMgoSYP1ZNAHA2SrWEXHUqip5AAmwBC42e8DZNKnqaM8CmG+5pu1OHQng+QocrKggJrv3h6lALanlih4i4qRxkZS2ykWy2cvnnuxwmdEtueVVeTF3Kx2O3QsX4+497b1x5N1ssXZ3vD35O3Pk9YcXOipcF5vKYiQrR9W/z3P7mSldoCPVTWXuvLdtz4GSntkscTzOpNehqQkNuZqWYnUrqX+SeGnyh80BNgAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAaCAYAAADSbo4CAAAABHNCSVQICAgIfAhkiAAAAX5JREFUSEvtluFRQjEQhHc7wAqwhGcF2oFQgVqBWoFSgdgBHagdYAW8ErAC6WCdDQmDMJL8cBLG8Wb48Xjzki93t3shAEjqADwBuPBzxZgDuCfZM0IsAHwA8ItlJZDTePAhgDODvAJwRjqSq0oQYRtJAwC9fwb5BPBM8rEmRNpLkve9NYgATBqDPCSQFsn4tmcCcaPOGtFcAxgmkHeStaWbGtZKPT86EMvWMmoRto7Bdo/UMrLdw9rYNj1yNPL9B4nOujG0v58RSfanFysjdqlFMfboj4PPs2Y/I5KmHkIZHa9InpRoXVKyhbsI4/XnJO2onsA/gljXowIQL5iN3aEqyU6K5OTVekSSzXJG0hlxBspAJDllVwUZGWfTsd44ldolcp/YwG5IhiF7qDQGCfU7EMtU40IYr2cAR0/St8IQ1UqTA90GWd8ZYxfnPvzt95Jcos5DL8gHgJvpjWSV4SfJpboE4B6aMNbJNfOfLcKHHwWQCGMHrH1Ls7EFOX8BE1oN8sT1vBsAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAABHNCSVQICAgIfAhkiAAAARBJREFUOE+tlOFRAkEMhb9XAXagdGAHQAd0IFSgHcBVoCVoBZYAdAAdUAIdxHk3OSY4InNA/tzuZvP25SU5kRYRa2AETCR5fWIRMQZWPpSkznlcFIC9pOEtAI6dS/qsIH0YOO4ADCX521pfAMc0kpYXASLClwKYAU+Ftl//KHv7fMfWAktqFBEOvspcDQN0NI3+CHylBq+J6v0+2b3kWZMMln+Vse2DUta1pMlZEdPhNJzvM/AGbAE3TmX3UDSxzxps7qJB17Z+fQDsUoNOWLf3b9skg/FZDUr9ncaiIlyahZNhigjn7iqYXWu9ALKNLez71QAJYhbuk/4MEmAKfP8H4Co4322dwipe9owZHH84P+vlmxPkNyXiAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAjCAYAAACKPxqrAAAABHNCSVQICAgIfAhkiAAAAkZJREFUSEvll/9xEzEQhd+rIFABTgWYCmIqIKmAUEFCBYEKCB2ECiAVJFSQUAGhAtLBMp9m5ZHt853Pc/kD0MxNNBNpP+0PvZWtgRERzyS9kXQsaSZpnlvuJfF9s309ZMd9CyLiVNJFAn5gtFnPAYC/kPQg6Z3t2232toIi4krSW0mc9tw2xoSHth+rwYhYSPog6SjXfe6CdYIaCKe8SmNn6UG1AwwPP3KIiLiUxJr3tpmvjA1QRJxL+pShAFI9+yWJOXlh4AmhPWjWVtjr9TCugDLxPwmX7dMG0nnKXI9xQly9J08Htl+1Lq2DqjeHWQA320LRGmkO1O47sb0snnUQYXmwfRwRzB9tE6LekZ5RLJQ6kahzDl7GOihIriTC8buGYwiU1Uj+jmwfRgSeUJ3LQ3aBTvBEEmHbSOo2aC0i244Iyv3M9vMNj7KEi/H851gQp79pQBfM/2FQRJAPLt1TjmsSR6V9yVv/FDDUY1ZB6BWVMvnIClz856CUmpdFUuzvu8R5dOgighb+NcUWBlqIciybYBd4HxD6Bay+HdC2y6Ei2gdUBLcajojyPhhS931AGOYhQkPjNYQWlgbZl6t9QIQNGB8vIL7F5DnKnkNDIzelzwyFLfcgBOMubMoVjRHvVhpbT58aB8o7RNelMQJaaWxTgkpjy/tDfmZtY5sShHHyw18GDxfuVO8YXXVDBifz6G8A8XSb048QR+RlUCDHehURKMhdUZBU5fJeHmtox/X8OJiXd1fekarKO+7faRnRukWm/gB8uK7UF9pX9wAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,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\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('MasterLayout',[_c('div',{staticClass:\"quickfuel_first_row\"},[_c('div',{staticClass:\"quickfuel_first_row_right_section\",style:([\n          {\n            backgroundImage: (\"linear-gradient(rgb(12, 4, 31 , 0.7), rgb(12, 4, 31 , 0.7)), url(\" + _vm.backgroundUrl + \")\"),\n            backgroundPosition: 'center',\n            backgroundRepeat: 'no-repeat',\n            backgroundSize: 'cover',\n          } ])},[_c('div',{staticClass:\"row align-items-center quick_fuel\"},[_c('div',{staticClass:\"col-md-6 col-lg-12 text-center\"},[_c('img',{staticClass:\"mr-5\",attrs:{\"src\":require(\"@/assets/img/racing.png\")}}),_vm._v(\" \"),_c('span',{staticClass:\"quick_fuel_banner_header\"},[_vm._v(_vm._s(_vm.$t(\"text.extendedReport.quickFuel\")))])])])])]),_vm._v(\" \"),_c('section',{staticClass:\"mt-3\"},[_c('div',{staticClass:\"row add_driver_row\"},[_c('div',{staticClass:\"col-md-12 col-lg-5 add-driver_form_row\"},[_c('div',{staticClass:\"driver_form_row\"},[_c('h3',{staticClass:\"add_driver_header text-center py-3\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.extendedReport.quick\"))+\"\\n            \")]),_vm._v(\" \"),_c('div',{staticClass:\"Add_driver_form\"},[_c('div',{staticClass:\"form_input_section mt-5\"},[_c('div',{ref:\"firstname_input_div\",staticClass:\"input__div\"},[_c('div',{staticClass:\"placeholder_div\"},[_c('img',{staticClass:\"input_placeholder_icon\",attrs:{\"src\":require(\"@/assets/img/payment-method.png\"),\"width\":\"50%\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"input_field_section\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.QuickFuelMethod),expression:\"QuickFuelMethod\"}],attrs:{\"type\":\"text\",\"placeholder\":\"Select Payment Method\",\"readonly\":\"\"},domProps:{\"value\":(_vm.QuickFuelMethod)},on:{\"click\":_vm.toggleDropdownDisplay,\"input\":function($event){if($event.target.composing){ return; }_vm.QuickFuelMethod=$event.target.value}}})])])]),_vm._v(\" \"),(_vm.toggleQucikFuelMethodsDropdown)?_c('div',{ref:\"quick_fuel_dropdown\",staticClass:\"quick_fuel_payment_method_dropdown\"},[_c('hr',{staticClass:\"mt-2\"}),_vm._v(\" \"),_c('div',{ref:\"bankListRow\",staticClass:\"row mt-2 active_quick_fuel_method align-items-center\",on:{\"click\":function($event){return _vm.getQuickFuelMethod('Phone Number')}}},[_c('div',{staticClass:\"col-md-8\"},[_c('h3',{ref:\"quick_fuel_payment_mthod_list_text\",staticClass:\"dropdown_header_text mt-2 quick_fuel_payment_mthod_list_text\"},[_vm._v(\"\\n                      \"+_vm._s(_vm.$t(\"text.extendedReport.phone\"))+\"\\n                    \")])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-4 text-right\"})])]):_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 col-lg-6\"},[(_vm.QuickFuelMethod === 'Phone Number')?_c('div',{staticClass:\"form_input_section mt-5\"},[_c('div',{ref:\"phone_input_div\",staticClass:\"input__div\"},[_c('div',{staticClass:\"small_placeholder_div_theme_bg\"},[_c('img',{staticClass:\"input_placeholder_icon\",attrs:{\"src\":require(\"@/assets/img/phone.png\"),\"width\":\"50%\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"input_field_section\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.phoneNumber),expression:\"phoneNumber\"}],attrs:{\"type\":\"text\",\"placeholder\":\"Phone Number\"},domProps:{\"value\":(_vm.phoneNumber)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.phoneNumber=$event.target.value},function($event){return _vm.captureFormEvents($event)}]}})])])]):_vm._e(),_vm._v(\" \"),(_vm.QuickFuelMethod === 'Phone Number')?_c('div',{ref:\"phone_error_message\",staticStyle:{\"display\":\"none\"}}):_vm._e(),_vm._v(\" \"),(_vm.QuickFuelMethod === 'Magnetic Stripe Card')?_c('div',{staticClass:\"form_input_section mt-5\"},[_c('div',{ref:\"card_number_error_div\",staticClass:\"input__div\"},[_c('div',{staticClass:\"small_placeholder_div_theme_bg\"},[_c('img',{staticClass:\"input_placeholder_icon\",attrs:{\"src\":require(\"@/assets/img/credit-card(1).png\"),\"width\":\"50%\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"input_field_section\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.magneticCardStripe),expression:\"magneticCardStripe\"}],attrs:{\"type\":\"text\",\"placeholder\":\"Card Number\"},domProps:{\"value\":(_vm.magneticCardStripe)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.magneticCardStripe=$event.target.value},function($event){return _vm.captureFormEvents($event)}]}})])])]):_vm._e(),_vm._v(\" \"),(_vm.QuickFuelMethod === 'Magnetic Stripe Card')?_c('div',{ref:\"card_number_error_template\",staticStyle:{\"display\":\"none\"}}):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-12 col-lg-6\"},[_c('div',{staticClass:\"form_input_section mt-5\"},[_c('div',{ref:\"amount_input_div\",staticClass:\"input__div\"},[_c('div',{staticClass:\"small_placeholder_div_theme_bg\"},[_c('img',{staticClass:\"input_placeholder_icon\",attrs:{\"src\":require(\"@/assets/img/Path 586.png\"),\"width\":\"50%\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"input_field_section\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.amount),expression:\"amount\"}],attrs:{\"type\":\"text\",\"placeholder\":\"Amount\"},domProps:{\"value\":(_vm.amount)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.amount=$event.target.value},function($event){return _vm.captureFormEvents($event)}]}})])])]),_vm._v(\" \"),_c('div',{ref:\"amount_error_template\",staticStyle:{\"display\":\"none\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"row mt-3\"},[_c('div',{staticClass:\"col-md-12 col-lg-6\"},[_c('div',{staticClass:\"form_input_section mt-5\"},[_c('div',{ref:\"pin_input_div\",staticClass:\"input__div\"},[_c('div',{staticClass:\"small_placeholder_div_theme_bg\"},[_c('img',{staticClass:\"input_placeholder_icon\",attrs:{\"src\":require(\"@/assets/img/lock.png\"),\"width\":\"50%\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"input_field_section\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.pin),expression:\"pin\"}],attrs:{\"type\":\"password\",\"placeholder\":\"Pin\"},domProps:{\"value\":(_vm.pin)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.pin=$event.target.value},function($event){return _vm.captureFormEvents($event)}]}})])])]),_vm._v(\" \"),_c('div',{ref:\"pin_error_template\",staticStyle:{\"display\":\"none\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-12 col-lg-6\"},[_c('div',{staticClass:\"form_input_section mt-5\"},[_c('div',{ref:\"confirm_pin_input_div\",staticClass:\"input__div\"},[_c('div',{staticClass:\"small_placeholder_div_theme_bg\"},[_c('img',{staticClass:\"input_placeholder_icon\",attrs:{\"src\":require(\"@/assets/img/lock.png\"),\"width\":\"50%\"}})]),_vm._v(\" \"),_c('div',{staticClass:\"input_field_section\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.confirmPin),expression:\"confirmPin\"}],attrs:{\"type\":\"password\",\"placeholder\":\"Confirm Pin\"},domProps:{\"value\":(_vm.confirmPin)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.confirmPin=$event.target.value},function($event){return _vm.captureFormEvents($event)}]}})])])]),_vm._v(\" \"),_c('div',{ref:\"confirm_pin_error_template\",staticStyle:{\"display\":\"none\"}})])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-4\"},[_c('button',{staticClass:\"add_quick_fuel_btn\",style:([\n                    _vm.isButtonDisabled\n                      ? { cursor: 'not-allowed' }\n                      : { cursor: 'pointer' } ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.addQuickFuel($event)}}},[_vm._v(\"\\n                  Add \"),_c('span')]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])])])]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-12 col-lg-7\"},[_c('div',{staticClass:\"drivers_list mr-3\"},[_c('ejs-grid',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showLoader),expression:\"!showLoader\"}],ref:\"dataGrid\",attrs:{\"created\":_vm.refreshGrid,\"allowPaging\":true,\"allowSorting\":true,\"pageSettings\":_vm.pageSettings,\"toolbar\":_vm.toolbar,\"searchSettings\":_vm.search,\"allowExcelExport\":true,\"allowPdfExport\":true,\"toolbarClick\":_vm.toolbarClick,\"locale\":_vm.usedLang}},[_c('e-columns',[_c('e-column',{attrs:{\"field\":\"index\",\"width\":\"100\",\"headerText\":\"#\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"method\",\"width\":\"100\",\"headerText\":\"METHOD\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"uniqueId\",\"width\":\"100\",\"headerText\":\"NUMBER\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"field\":\"maxAmount\",\"width\":\"100\",\"headerText\":\"MAXIMUM AMOUNT\"}}),_vm._v(\" \"),_c('e-column',{attrs:{\"template\":_vm.deleButtonTemplate,\"width\":\"100\"}})],1)],1),_vm._v(\" \"),_c('TableLoader',{attrs:{\"showLoader\":_vm.showLoader}})],1)])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <MasterLayout>\r\n      <div class=\"quickfuel_first_row\">\r\n        <div\r\n          class=\"quickfuel_first_row_right_section\"\r\n          :style=\"[\r\n            {\r\n              backgroundImage: `linear-gradient(rgb(12, 4, 31 , 0.7), rgb(12, 4, 31 , 0.7)), url(${backgroundUrl})`,\r\n              backgroundPosition: 'center',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundSize: 'cover',\r\n            },\r\n          ]\"\r\n        >\r\n          <div class=\"row align-items-center quick_fuel\">\r\n            <div class=\"col-md-6 col-lg-12 text-center\">\r\n              <img src=\"@/assets/img/racing.png\" class=\"mr-5\" />\r\n              <span class=\"quick_fuel_banner_header\">{{\r\n                $t(\"text.extendedReport.quickFuel\")\r\n              }}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <section class=\"mt-3\">\r\n        <div class=\"row add_driver_row\">\r\n          <div class=\"col-md-12 col-lg-5 add-driver_form_row\">\r\n            <div class=\"driver_form_row\">\r\n              <h3 class=\"add_driver_header text-center py-3\">\r\n                {{ $t(\"text.extendedReport.quick\") }}\r\n              </h3>\r\n              <div class=\"Add_driver_form\">\r\n                <div class=\"form_input_section mt-5\">\r\n                  <div class=\"input__div\" ref=\"firstname_input_div\">\r\n                    <div class=\"placeholder_div\">\r\n                      <img\r\n                        src=\"@/assets/img/payment-method.png\"\r\n                        width=\"50%\"\r\n                        class=\"input_placeholder_icon\"\r\n                      />\r\n                    </div>\r\n                    <div class=\"input_field_section\">\r\n                      <input\r\n                        type=\"text\"\r\n                        placeholder=\"Select Payment Method\"\r\n                        readonly\r\n                        @click=\"toggleDropdownDisplay\"\r\n                        v-model=\"QuickFuelMethod\"\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  class=\"quick_fuel_payment_method_dropdown\"\r\n                  ref=\"quick_fuel_dropdown\"\r\n                  v-if=\"toggleQucikFuelMethodsDropdown\"\r\n                >\r\n                  <hr class=\"mt-2\" />\r\n                  <div\r\n                    class=\"row mt-2 active_quick_fuel_method align-items-center\"\r\n                    ref=\"bankListRow\"\r\n                    @click=\"getQuickFuelMethod('Phone Number')\"\r\n                  >\r\n                    <div class=\"col-md-8\">\r\n                      <h3\r\n                        class=\"dropdown_header_text mt-2 quick_fuel_payment_mthod_list_text\"\r\n                        ref=\"quick_fuel_payment_mthod_list_text\"\r\n                      >\r\n                        {{ $t(\"text.extendedReport.phone\") }}\r\n                      </h3>\r\n                    </div>\r\n                    <div class=\"col-md-4 text-right\"></div>\r\n                  </div>\r\n                  <!-- <div class=\"row mt-2 active_quick_fuel_method align-items-center\" \r\n                                            ref=\"bankListRow\" \r\n                                             @click=\"getQuickFuelMethod('Magnetic Stripe Card')\">\r\n                                        <div class=\"col-md-8\">\r\n                                            <h3 class=\"dropdown_header_text mt-2 quick_fuel_payment_mthod_list_text\" ref=\"quick_fuel_payment_mthod_list_text\" >Magnetic Stripe Card</h3>\r\n                                        </div>\r\n                                            <div class=\"col-md-4 text-right\">\r\n                                        </div>\r\n                                    </div> -->\r\n                </div>\r\n                <div class=\"row\">\r\n                  <div class=\"col-md-12 col-lg-6\">\r\n                    <div\r\n                      class=\"form_input_section mt-5\"\r\n                      v-if=\"QuickFuelMethod === 'Phone Number'\"\r\n                    >\r\n                      <div class=\"input__div\" ref=\"phone_input_div\">\r\n                        <div class=\"small_placeholder_div_theme_bg\">\r\n                          <img\r\n                            src=\"@/assets/img/phone.png\"\r\n                            width=\"50%\"\r\n                            class=\"input_placeholder_icon\"\r\n                          />\r\n                        </div>\r\n                        <div class=\"input_field_section\">\r\n                          <input\r\n                            type=\"text\"\r\n                            placeholder=\"Phone Number\"\r\n                            @input=\"captureFormEvents($event)\"\r\n                            v-model=\"phoneNumber\"\r\n                          />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div\r\n                      ref=\"phone_error_message\"\r\n                      style=\"display: none\"\r\n                      v-if=\"QuickFuelMethod === 'Phone Number'\"\r\n                    ></div>\r\n                    <div\r\n                      class=\"form_input_section mt-5\"\r\n                      v-if=\"QuickFuelMethod === 'Magnetic Stripe Card'\"\r\n                    >\r\n                      <div class=\"input__div\" ref=\"card_number_error_div\">\r\n                        <div class=\"small_placeholder_div_theme_bg\">\r\n                          <img\r\n                            src=\"@/assets/img/credit-card(1).png\"\r\n                            width=\"50%\"\r\n                            class=\"input_placeholder_icon\"\r\n                          />\r\n                        </div>\r\n                        <div class=\"input_field_section\">\r\n                          <input\r\n                            type=\"text\"\r\n                            placeholder=\"Card Number\"\r\n                            @input=\"captureFormEvents($event)\"\r\n                            v-model=\"magneticCardStripe\"\r\n                          />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div\r\n                      ref=\"card_number_error_template\"\r\n                      style=\"display: none\"\r\n                      v-if=\"QuickFuelMethod === 'Magnetic Stripe Card'\"\r\n                    ></div>\r\n                  </div>\r\n                  <div class=\"col-md-12 col-lg-6\">\r\n                    <div class=\"form_input_section mt-5\">\r\n                      <div class=\"input__div\" ref=\"amount_input_div\">\r\n                        <div class=\"small_placeholder_div_theme_bg\">\r\n                          <img\r\n                            src=\"@/assets/img/Path 586.png\"\r\n                            width=\"50%\"\r\n                            class=\"input_placeholder_icon\"\r\n                          />\r\n                        </div>\r\n                        <div class=\"input_field_section\">\r\n                          <input\r\n                            type=\"text\"\r\n                            placeholder=\"Amount\"\r\n                            @input=\"captureFormEvents($event)\"\r\n                            v-model=\"amount\"\r\n                          />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div\r\n                      ref=\"amount_error_template\"\r\n                      style=\"display: none\"\r\n                    ></div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"row mt-3\">\r\n                  <div class=\"col-md-12 col-lg-6\">\r\n                    <div class=\"form_input_section mt-5\">\r\n                      <div class=\"input__div\" ref=\"pin_input_div\">\r\n                        <div class=\"small_placeholder_div_theme_bg\">\r\n                          <img\r\n                            src=\"@/assets/img/lock.png\"\r\n                            width=\"50%\"\r\n                            class=\"input_placeholder_icon\"\r\n                          />\r\n                        </div>\r\n                        <div class=\"input_field_section\">\r\n                          <input\r\n                            type=\"password\"\r\n                            placeholder=\"Pin\"\r\n                            @input=\"captureFormEvents($event)\"\r\n                            v-model=\"pin\"\r\n                          />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div ref=\"pin_error_template\" style=\"display: none\"></div>\r\n                  </div>\r\n                  <div class=\"col-md-12 col-lg-6\">\r\n                    <div class=\"form_input_section mt-5\">\r\n                      <div class=\"input__div\" ref=\"confirm_pin_input_div\">\r\n                        <div class=\"small_placeholder_div_theme_bg\">\r\n                          <img\r\n                            src=\"@/assets/img/lock.png\"\r\n                            width=\"50%\"\r\n                            class=\"input_placeholder_icon\"\r\n                          />\r\n                        </div>\r\n                        <div class=\"input_field_section\">\r\n                          <input\r\n                            type=\"password\"\r\n                            placeholder=\"Confirm Pin\"\r\n                            v-model=\"confirmPin\"\r\n                            @input=\"captureFormEvents($event)\"\r\n                          />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div\r\n                      ref=\"confirm_pin_error_template\"\r\n                      style=\"display: none\"\r\n                    ></div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"text-center mt-4\">\r\n                  <button\r\n                    class=\"add_quick_fuel_btn\"\r\n                    @click=\"addQuickFuel($event)\"\r\n                    :disabled=\"isButtonDisabled ? true : null\"\r\n                    :style=\"[\r\n                      isButtonDisabled\r\n                        ? { cursor: 'not-allowed' }\r\n                        : { cursor: 'pointer' },\r\n                    ]\"\r\n                  >\r\n                    Add <span></span>\r\n                  </button>\r\n                  <img\r\n                    src=\"@/assets/img/git_loader.gif\"\r\n                    style=\"display: none\"\r\n                    width=\"35px\"\r\n                    class=\"ml-3 loader\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-md-12 col-lg-7\">\r\n            <div class=\"drivers_list mr-3\">\r\n              <ejs-grid\r\n                v-show=\"!showLoader\"\r\n                ref=\"dataGrid\"\r\n                :created=\"refreshGrid\"\r\n                :allowPaging=\"true\"\r\n                :allowSorting=\"true\"\r\n                :pageSettings=\"pageSettings\"\r\n                :toolbar=\"toolbar\"\r\n                :searchSettings=\"search\"\r\n                :allowExcelExport=\"true\"\r\n                :allowPdfExport=\"true\"\r\n                :toolbarClick=\"toolbarClick\"\r\n                :locale=\"usedLang\"\r\n              >\r\n                <e-columns>\r\n                  <e-column field=\"index\" width=\"100\" headerText=\"#\"></e-column>\r\n                  <e-column\r\n                    field=\"method\"\r\n                    width=\"100\"\r\n                    headerText=\"METHOD\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"uniqueId\"\r\n                    width=\"100\"\r\n                    headerText=\"NUMBER\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    field=\"maxAmount\"\r\n                    width=\"100\"\r\n                    headerText=\"MAXIMUM AMOUNT\"\r\n                  ></e-column>\r\n                  <e-column\r\n                    :template=\"deleButtonTemplate\"\r\n                    width=\"100\"\r\n                  ></e-column>\r\n                </e-columns>\r\n              </ejs-grid>\r\n              <TableLoader :showLoader=\"showLoader\" />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport MasterLayout from \"@/views/Customer/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/Credit-card-background-shallow-DOF.png\";\r\nimport configObject from \"@/config\";\r\nimport TableLoader from \"@/components/tableLoader/index\";\r\nimport {\r\n  Page,\r\n  Sort,\r\n  Toolbar,\r\n  Search,\r\n  ExcelExport,\r\n  PdfExport,\r\n} from \"@syncfusion/ej2-vue-grids\";\r\n\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Quick Fuel:: Epump Portal\",\r\n  name: \"DashboardHome\",\r\n  components: {\r\n    MasterLayout,\r\n    TableLoader,\r\n  },\r\n  provide: {\r\n    grid: [Page, Sort, Toolbar, Search, ExcelExport, PdfExport],\r\n  },\r\n  data() {\r\n    return {\r\n      usedLang: this.$store.getters.getLanguage,\r\n      backgroundUrl,\r\n      toggleQucikFuelMethodsDropdown: false,\r\n      QuickFuelMethod: null,\r\n      cardNumber: null,\r\n      amount: null,\r\n      pin: null,\r\n      confirmPin: null,\r\n      formIsValid: false,\r\n      QuickFuelMethodInput: null,\r\n      phoneNumber: null,\r\n      magneticCardStripe: null,\r\n      isButtonDisabled: false,\r\n      quickFuelDetails: null,\r\n      showLoader: false,\r\n      pageSettings: {\r\n        pageSizes: [10, 20, 50, 100, 200],\r\n        pageCount: 4,\r\n        pageSize: 10,\r\n      },\r\n      toolbar: [\"ExcelExport\", \"PdfExport\", \"Search\"],\r\n      search: { operator: \"contains\", ignoreCase: true },\r\n      deleButtonTemplate: function () {\r\n        return {\r\n          template: Vue.component(\"columnTemplate\", {\r\n            template:\r\n              '<button class=\"delete_btn\" v-on:click=\"removeQuickFuel(data.id)\">Delete</button>',\r\n            data: function () {\r\n              return {\r\n                data: {},\r\n              };\r\n            },\r\n            methods: {\r\n              removeQuickFuel: function (id) {\r\n                this.$eventHub.$emit(\"deleteQuickFuel\", id);\r\n              },\r\n            },\r\n          }),\r\n        };\r\n      },\r\n    };\r\n  },\r\n  created() {\r\n    this.$eventHub.$on(\"deleteQuickFuel\", (id) => {\r\n      this.deleteQuickFuelDetail(id);\r\n    });\r\n  },\r\n  beforeDestroy() {\r\n    this.$eventHub.$off(\"deleteQuickFuel\");\r\n  },\r\n  mounted() {\r\n    this.getQuickFuelDetails();\r\n\r\n    $(\".e-input\").keyup(function (e) {\r\n      searchFun(e);\r\n    });\r\n    function searchFun(event) {\r\n      var grid = document.getElementsByClassName(\"e-grid\")[0].ej2_instances[0];\r\n      var value = event.target.value;\r\n      grid.search(value);\r\n    }\r\n  },\r\n  methods: {\r\n    toolbarClick(args) {\r\n      switch (args.item.text) {\r\n        case \"PDF Export\":\r\n          this.$refs.dataGrid.pdfExport();\r\n          break;\r\n        case \"Excel Export\":\r\n          this.$refs.dataGrid.excelExport();\r\n          break;\r\n      }\r\n    },\r\n    refreshGrid() {\r\n      if (this.$refs.dataGrid) {\r\n        this.$refs.dataGrid.refresh();\r\n      }\r\n    },\r\n    changeRoute($newRoute) {\r\n      this.$router.push({ name: $newRoute });\r\n    },\r\n    deleteQuickFuelDetail(id) {\r\n      var resp = confirm(\"Are you sure  you want to delete this method?\");\r\n      if (resp) {\r\n        let data = {\r\n          id: id,\r\n        };\r\n        this.axios\r\n          .post(\r\n            `${configObject.apiBaseUrl}/Wallet/RemoveQuickFuelMethod`,\r\n            data,\r\n            configObject.authConfig()\r\n          )\r\n          .then(() => {\r\n            this.$toast.open({\r\n              message: \"Successfully removed Quick Fuel Detail\",\r\n              type: \"success\",\r\n              duration: 3000,\r\n            });\r\n            this.getQuickFuelDetails();\r\n          })\r\n          .catch((error) => {\r\n            this.$toast.open({\r\n              message: error.response.data.message,\r\n              type: \"error\",\r\n              duration: 3000,\r\n            });\r\n          });\r\n      }\r\n    },\r\n    showFundWalletModal() {\r\n      this.$modal.show(\"fund-wallet\");\r\n    },\r\n    toggleDropdownDisplay() {\r\n      this.toggleQucikFuelMethodsDropdown =\r\n        !this.toggleQucikFuelMethodsDropdown;\r\n    },\r\n    getQuickFuelMethod(QuickFuelMethod) {\r\n      this.toggleQucikFuelMethodsDropdown =\r\n        !this.toggleQucikFuelMethodsDropdown;\r\n      this.QuickFuelMethod = QuickFuelMethod;\r\n    },\r\n    getQuickFuelDetails() {\r\n      this.showLoader = true;\r\n      let grid = this.$refs.dataGrid;\r\n      this.axios\r\n        .get(\r\n          `${configObject.apiBaseUrl}/Wallet/QuickFuel`,\r\n          configObject.authConfig()\r\n        )\r\n        .then((response) => {\r\n          let index = 0;\r\n          response.data.forEach((quickFuel) => {\r\n            index++;\r\n            quickFuel.maxAmount = quickFuel.maxAmount\r\n              .toFixed(2)\r\n              .toString()\r\n              .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n            quickFuel.index = index;\r\n          });\r\n          this.showLoader = false;\r\n\r\n          grid.ej2Instances.setProperties({ dataSource: response.data });\r\n          this.refreshGrid();\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    addQuickFuel($event) {\r\n      $event.preventDefault();\r\n      let data;\r\n      if (!this.QuickFuelMethod) {\r\n        this.$toast.open({\r\n          message: \"Please select a quick Fuel method\",\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (this.pin !== this.confirmPin) {\r\n        this.$toast.open({\r\n          message: \"Passwords don't match, try again\",\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.phoneNumber) {\r\n        this.$toast.open({\r\n          message: \"Please select a Phone Number\",\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.amount) {\r\n        this.$toast.open({\r\n          type: \"error\",\r\n          message: \"Please Inpuit a valid Amount\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.pin) {\r\n        this.$toast.open({\r\n          type: \"error\",\r\n          message: \"Please Input a pin \",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.confirmPin) {\r\n        this.$toast.open({\r\n          type: \"error\",\r\n          message: \"Please confirm your pin \",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (this.QuickFuelMethod === \"Phone Number\") {\r\n        data = {\r\n          uniqueId: this.phoneNumber,\r\n          maxAmount: parseFloat(this.amount),\r\n          pin: this.pin,\r\n          method: this.QuickFuelMethod,\r\n          confirmPin: this.confirmPin,\r\n        };\r\n      }\r\n      if (this.QuickFuelMethod === \"Magnetic Stripe Card\") {\r\n        data = {\r\n          uniqueId: this.magneticCardStripe,\r\n          maxAmount: parseFloat(this.amount),\r\n          pin: this.pin,\r\n          method: this.QuickFuelMethod,\r\n          confirmPin: this.confirmPin,\r\n        };\r\n      }\r\n\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n      let _this = this;\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Wallet/AddQuickFuel`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          this.$toast.open({\r\n            message: \"Successfully Added Quick Fuel Method\",\r\n            type: \"success\",\r\n            duration: 10000,\r\n          });\r\n          $(\".loader\").hide();\r\n          $(\".checked_icon\").show();\r\n          _this.getQuickFuelDetails();\r\n          this.isButtonDisabled = false;\r\n          data = null;\r\n          this.pin = null;\r\n          this.confirmPin = null;\r\n          this.QuickFuelMethod = null;\r\n          this.magneticCardStripe = null;\r\n          this.phoneNumber = null;\r\n          this.amount = null;\r\n        })\r\n        .catch((error) => {\r\n          this.$toast.open({\r\n            message: error.response.data.message,\r\n            type: \"error\",\r\n            duration: 3000,\r\n          });\r\n          this.isButtonDisabled = false;\r\n          $(\".loader\").hide();\r\n        });\r\n    },\r\n    captureFormEvents($event) {\r\n      if ($event.target.placeholder === \"Card Number\") {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.card_number_error_template.style.display = \"block\";\r\n          this.$refs.card_number_error_template.innerHTML =\r\n            \"Card Number field cannot be blank\";\r\n          this.$refs.card_number_error_template.style.color = \"red\";\r\n          this.$refs.card_number_error_div.style.border = \"1px solid red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.card_number_error_template.style.display = \"none\";\r\n          this.$refs.card_number_error_template.innerHTML = \"\";\r\n          this.$refs.card_number_error_div.style.border =\r\n            \"1px solid rgb(75, 44, 114)\";\r\n          this.formIsValid = true;\r\n        }\r\n      }\r\n      if ($event.target.placeholder === \"Phone Number\") {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.phone_error_message.style.display = \"block\";\r\n          this.$refs.phone_error_message.innerHTML =\r\n            \"Phone Number field cannot be blank\";\r\n          this.$refs.phone_input_div.style.border = \"1px solid red\";\r\n          this.$refs.phone_error_message.style.color = \"red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          if (\r\n            $event.target.value.length < 10 ||\r\n            $event.target.value.length > 13\r\n          ) {\r\n            this.$refs.phone_error_message.style.display = \"block\";\r\n            this.$refs.phone_error_message.style.color = \"red\";\r\n            this.$refs.phone_input_div.style.border = \"1px solid red\";\r\n            this.$refs.phone_error_message.innerHTML =\r\n              \"Phone number should be betwween 10 and 13 characters\";\r\n            this.formIsValid = false;\r\n            return;\r\n          }\r\n          this.$refs.phone_error_message.style.display = \"none\";\r\n          this.$refs.phone_input_div.style.border =\r\n            \"1px solid rgb(75, 44, 114)\";\r\n          this.formIsValid = true;\r\n        }\r\n      }\r\n      if ($event.target.placeholder === \"Amount\") {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.amount_error_template.style.display = \"block\";\r\n          this.$refs.amount_error_template.innerHTML =\r\n            \"Amount field cannot be blank\";\r\n          this.$refs.amount_input_div.style.border = \"1px solid red\";\r\n          this.$refs.amount_error_template.style.color = \"red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.amount_error_template.style.display = \"none\";\r\n          this.$refs.amount_input_div.style.border =\r\n            \"1px solid rgb(75, 44, 114)\";\r\n          this.formIsValid = true;\r\n        }\r\n      }\r\n      if ($event.target.placeholder === \"Pin\") {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.pin_error_template.style.display = \"block\";\r\n          this.$refs.pin_error_template.innerHTML = \"Pin field cannot be blank\";\r\n          this.$refs.pin_error_template.style.color = \"red\";\r\n          this.$refs.pin_input_div.style.border = \"1px solid red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.pin_error_template.style.display = \"none\";\r\n          if ($event.target.value.length < 4) {\r\n            this.$refs.pin_error_template.style.display = \"block\";\r\n            this.$refs.pin_error_template.innerHTML =\r\n              \"Pin cannot be less than four(4)\";\r\n            this.$refs.pin_error_template.style.color = \"red\";\r\n            this.$refs.pin_input_div.style.border = \"1px solid red\";\r\n            this.formIsValid = false;\r\n          } else {\r\n            this.$refs.pin_input_div.style.border =\r\n              \"1px solid rgb(75, 44, 114)\";\r\n            this.$refs.pin_error_template.style.display = \"none\";\r\n            this.formIsValid = false;\r\n          }\r\n        }\r\n      }\r\n      if ($event.target.placeholder === \"Confirm Pin\") {\r\n        if ($event.target.value === \"\") {\r\n          this.$toasted.show(\"Confirm Pin Field cannot be blank\", {\r\n            theme: \"bubble\",\r\n            position: \"top-center\",\r\n            duration: 2000,\r\n          });\r\n          this.$refs.confirm_pin_error_template.style.display = \"block\";\r\n          this.$refs.confirm_pin_error_template.innerHTML =\r\n            \"COnfirm Pin  field cannot be blank\";\r\n          this.$refs.confirm_pin_input_div.style.border = \"1px solid red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.confirm_pin_error_template.style.display = \"none\";\r\n          if (this.pin !== this.confirmPin) {\r\n            this.$refs.confirm_pin_input_div.style.border = \"1px solid red\";\r\n            this.$refs.confirm_pin_error_template.style.display = \"block\";\r\n            this.$refs.confirm_pin_error_template.style.color = \"red\";\r\n            this.$refs.confirm_pin_error_template.innerHTML =\r\n              \"Pins don't match\";\r\n            this.formIsValid = false;\r\n          } else {\r\n            this.$refs.confirm_pin_error_template.style.display = \"none\";\r\n            this.$refs.confirm_pin_input_div.style.border =\r\n              \"1px solid rgb(75, 44, 114)\";\r\n            this.formIsValid = true;\r\n          }\r\n        }\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=659de230&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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"],"sourceRoot":""}