{"version":3,"sources":["webpack:///./src/views/Customer/sub_accounts/create_sub_account.vue","webpack:///src/views/Customer/sub_accounts/create_sub_account.vue","webpack:///./src/views/Customer/sub_accounts/create_sub_account.vue?ff85","webpack:///./src/views/Customer/sub_accounts/create_sub_account.vue?8558","webpack:///./src/assets/img/danskebank.jpg"],"names":["render","_vm","this","_c","_self","ref","staticClass","staticStyle","style","backgroundImage","backgroundUrl","backgroundPosition","backgroundRepeat","backgroundSize","_v","_s","$t","attrs","directives","name","rawName","value","email","expression","domProps","on","$event","captureFormEvents","target","composing","firstName","lastName","phone","isButtonDisabled","cursor","addSubAccount","require","staticRenderFns","$","title","components","MasterLayout","data","cardBackgroundUrl","vehicles","showLoader","vehiclesCount","methods","changeRoute","validEmail","message","type","duration","phoneNo","post","configObject","then","catch","error","component","module","exports"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,eAAe,CAACA,EAAG,MAAM,CAACE,IAAI,WAAWC,YAAY,wBAAwB,CAACH,EAAG,MAAM,CAACG,YAAY,iDAAiDC,YAAY,CAAC,gBAAgB,OAAO,KAAO,UAAU,OAAS,SAASC,MAAO,CACzS,CACEC,gBAAkB,uEAAsER,EAAIS,iBAC5FC,mBAAoB,SACpBC,iBAAkB,YAClBC,eAAgB,WAEhB,CAACV,EAAG,MAAM,CAACG,YAAY,gDAAgDC,YAAY,CAAC,OAAS,SAAS,CAACJ,EAAG,MAAM,CAACG,YAAY,YAAYC,YAAY,CAAC,QAAU,OAAO,kBAAkB,WAAW,CAACJ,EAAG,KAAK,CAACG,YAAY,0BAA0B,CAACL,EAAIa,GAAG,mBAAmBb,EAAIc,GAAGd,EAAIe,GAAG,wCAAwC,oBAAoBb,EAAG,IAAI,CAACG,YAAY,kBAAkBC,YAAY,CAAC,MAAQ,SAASU,MAAM,CAAC,cAAc,oBAAoBhB,EAAIa,GAAG,KAAKX,EAAG,UAAU,CAACG,YAAY,qBAAqB,CAACH,EAAG,MAAM,CAACG,YAAY,2BAA2B,CAACH,EAAG,MAAM,CAACG,YAAY,sDAAsD,CAACH,EAAG,MAAM,CAACG,YAAY,wBAAwB,CAACH,EAAG,KAAK,CAACG,YAAY,qCAAqCC,YAAY,CAAC,YAAY,SAAS,CAACN,EAAIa,GAAG,mBAAmBb,EAAIc,GAAGd,EAAIe,GAAG,qCAAqC,oBAAoBb,EAAG,MAAM,CAACc,MAAM,CAAC,GAAK,WAAW,MAAQ,6BAA6B,MAAQ,SAAS,OAAS,SAAS,QAAU,sBAAsB,CAACd,EAAG,SAAS,CAACc,MAAM,CAAC,GAAK,cAAc,YAAY,cAAc,GAAK,SAAS,GAAK,SAAS,EAAI,SAAS,UAAY,iBAAiB,KAAO,aAAahB,EAAIa,GAAG,KAAKX,EAAG,OAAO,CAACc,MAAM,CAAC,GAAK,WAAW,YAAY,WAAW,EAAI,iYAAiY,UAAY,6BAA6B,KAAO,aAAahB,EAAIa,GAAG,KAAKX,EAAG,SAAS,CAACc,MAAM,CAAC,GAAK,cAAc,YAAY,cAAc,GAAK,QAAQ,GAAK,QAAQ,EAAI,QAAQ,UAAY,2BAA2B,KAAO,aAAahB,EAAIa,GAAG,KAAKX,EAAG,IAAI,CAACc,MAAM,CAAC,GAAK,YAAY,YAAY,YAAY,UAAY,6BAA6B,CAACd,EAAG,OAAO,CAACc,MAAM,CAAC,GAAK,WAAW,YAAY,WAAW,EAAI,yHAAyH,UAAY,+BAA+B,KAAO,UAAUhB,EAAIa,GAAG,KAAKX,EAAG,OAAO,CAACc,MAAM,CAAC,GAAK,WAAW,YAAY,WAAW,EAAI,uHAAuH,UAAY,+BAA+B,KAAO,gBAAgBhB,EAAIa,GAAG,KAAKX,EAAG,MAAM,CAACG,YAAY,gCAAgCL,EAAIa,GAAG,KAAKX,EAAG,MAAM,CAACG,YAAY,mBAAmB,CAACH,EAAG,MAAM,CAACG,YAAY,sBAAsB,CAACH,EAAG,MAAM,CAACE,IAAI,qBAAqBC,YAAY,gBAAgB,CAACH,EAAG,QAAQ,CAACe,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOpB,EAAIqB,MAAOC,WAAW,UAAUjB,YAAY,eAAeW,MAAM,CAAC,KAAO,QAAQ,YAAchB,EAAIe,GAAG,gCAAgCQ,SAAS,CAAC,MAASvB,EAAIqB,OAAQG,GAAG,CAAC,KAAO,SAASC,GAAQ,OAAOzB,EAAI0B,kBAAkBD,IAAS,MAAQ,SAASA,GAAWA,EAAOE,OAAOC,YAAiB5B,EAAIqB,MAAMI,EAAOE,OAAOP,aAAYpB,EAAIa,GAAG,KAAKX,EAAG,MAAM,CAACE,IAAI,8BAA8BJ,EAAIa,GAAG,KAAKX,EAAG,MAAM,CAACG,YAAY,2BAA2B,CAACH,EAAG,MAAM,CAACE,IAAI,sBAAsBC,YAAY,gBAAgB,CAACH,EAAG,QAAQ,CAACe,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOpB,EAAI6B,UAAWP,WAAW,cAAcjB,YAAY,eAAeW,MAAM,CAAC,KAAO,OAAO,YAAchB,EAAIe,GAAG,oCAAoCQ,SAAS,CAAC,MAASvB,EAAI6B,WAAYL,GAAG,CAAC,KAAO,SAASC,GAAQ,OAAOzB,EAAI0B,kBAAkBD,IAAS,MAAQ,SAASA,GAAWA,EAAOE,OAAOC,YAAiB5B,EAAI6B,UAAUJ,EAAOE,OAAOP,aAAYpB,EAAIa,GAAG,KAAKX,EAAG,MAAM,CAACE,IAAI,+BAA+BJ,EAAIa,GAAG,KAAKX,EAAG,MAAM,CAACG,YAAY,2BAA2B,CAACH,EAAG,MAAM,CAACE,IAAI,qBAAqBC,YAAY,gBAAgB,CAACH,EAAG,QAAQ,CAACe,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOpB,EAAI8B,SAAUR,WAAW,aAAajB,YAAY,eAAeW,MAAM,CAAC,KAAO,OAAO,YAAchB,EAAIe,GAAG,mCAAmCQ,SAAS,CAAC,MAASvB,EAAI8B,UAAWN,GAAG,CAAC,KAAO,SAASC,GAAQ,OAAOzB,EAAI0B,kBAAkBD,IAAS,MAAQ,SAASA,GAAWA,EAAOE,OAAOC,YAAiB5B,EAAI8B,SAASL,EAAOE,OAAOP,aAAYpB,EAAIa,GAAG,KAAKX,EAAG,MAAM,CAACE,IAAI,8BAA8BJ,EAAIa,GAAG,KAAKX,EAAG,MAAM,CAACG,YAAY,2BAA2B,CAACH,EAAG,MAAM,CAACE,IAAI,kBAAkBC,YAAY,gBAAgB,CAACH,EAAG,QAAQ,CAACe,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOpB,EAAI+B,MAAOT,WAAW,UAAUjB,YAAY,eAAeW,MAAM,CAAC,KAAO,OAAO,YAAchB,EAAIe,GAAG,sCAAsCQ,SAAS,CAAC,MAASvB,EAAI+B,OAAQP,GAAG,CAAC,KAAO,SAASC,GAAQ,OAAOzB,EAAI0B,kBAAkBD,IAAS,MAAQ,SAASA,GAAWA,EAAOE,OAAOC,YAAiB5B,EAAI+B,MAAMN,EAAOE,OAAOP,aAAYpB,EAAIa,GAAG,KAAKX,EAAG,MAAM,CAACE,IAAI,2BAA2BJ,EAAIa,GAAG,KAAKX,EAAG,MAAM,CAACG,YAAY,oBAAoB,CAACH,EAAG,SAAS,CAACG,YAAY,2CAA2CE,MAAO,CACz5JP,EAAIgC,iBACA,CAAEC,OAAQ,eACV,CAAEA,OAAQ,YACbjB,MAAM,CAAC,WAAWhB,EAAIgC,kBAA0B,MAAMR,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOzB,EAAIkC,cAAcT,MAAW,CAACzB,EAAIa,GAAG,uBAAuBb,EAAIc,GAAGd,EAAIe,GAAG,wCAAwC,wBAAwBb,EAAG,UAAUF,EAAIa,GAAG,KAAKX,EAAG,MAAM,CAACG,YAAY,cAAcC,YAAY,CAAC,QAAU,QAAQU,MAAM,CAAC,IAAMmB,EAAQ,QAA+B,MAAQ,yBAAyB,IAEtaC,EAAkB,G,uFCqNtB,IAAIC,EAAI,IAEO,OACfC,0CACApB,qBACAqB,YACAC,qBAEAC,OACA,OACAhC,kBACAiC,sBACAC,cACAC,cACAC,gBACAxB,WACAQ,eACAC,cACAC,WACAC,sBAGAc,SACAC,eACA,mBAAA7B,UAEA8B,cACA,MACA,yFACA,kBAEAtB,qBA4DA,GA1DAD,gEAEA,qBACA,yDAEA,2DACA,qBAEA,iCACA,wDACA,gDACA,2CACA,6BACA,sBAEA,qDACA,qDACA,4BAEA,2DACA,sBAMAA,oEAEA,qBACA,0DAEA,4DACA,sDACA,sBAEA,yDACA,4CACA,6BACA,sBAIAA,mEAEA,qBACA,yDAEA,2DACA,qDACA,sBAEA,wDACA,2CACA,6BACA,sBAKAA,uBACA,6CAEA,uBACA,sDAEA,wDACA,kDACA,wBACA,CACA,GACAA,0BACAA,yBASA,OAPA,sDACA,kDACA,wDACA,kDACA,qCAEA,qBAGA,qDACA,wCACA,6BACA,sBAIAS,iBAEA,GADAT,oBACA,WAMA,YALA,kBACAwB,4CACAC,aACAC,eAIA,gCAMA,YALA,kBACAF,4CACAC,aACAC,eAIA,mBAMA,YALA,kBACAF,gDACAC,aACAC,eAIA,kBAMA,YALA,kBACAF,+CACAC,aACAC,eAIA,eAMA,YALA,kBACAF,mDACAC,aACAC,eAIA,8CAMA,YALA,kBACAF,gDACAC,aACAC,eAIA,OACA9B,iBACAQ,yBACAC,uBACAsB,oBAEA,yBACAf,oBACA,WACAgB,KACA,uCACAZ,EACAa,qBAEAC,KAAA,KACA,kBACAN,6DACAC,eACAC,eAEA,mBAAAjC,sBACA,wDACA,mBACAmB,oBACA,2BAEAmB,MAAAC,IACA,kBACAR,gCACAC,aACAC,eAEAd,oBACA,8BC/a0X,I,YCOtXqB,EAAY,eACd,EACA3D,EACAqC,GACA,EACA,KACA,KACA,MAIa,aAAAsB,E,8BClBfC,EAAOC,QAAU,IAA0B","file":"js/chunk-7470d59a.f15c0b32.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('MasterLayout',[_c('div',{ref:\"tableREF\",staticClass:\"fuel_consumption_row\"},[_c('div',{staticClass:\"fuel_consumption_row_right_section mr-3 vr__bg\",staticStyle:{\"border-radius\":\"12px\",\"flex\":\"0 0 97%\",\"height\":\"200px\"},style:([\n          {\n            backgroundImage: `linear-gradient(rgb(41, 39, 39 , 0.92), rgb(41, 39, 39, 0.92)), url(${_vm.backgroundUrl})`,\n            backgroundPosition: 'center',\n            backgroundRepeat: 'no-repeat',\n            backgroundSize: 'cover',\n          },\n        ])},[_c('div',{staticClass:\"row align-items-center justify-content-center\",staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"col-md-12\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('h4',{staticClass:\"text-center text-white\"},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.createSubAccount.addSubAccount\"))+\"\\n              \"),_c('i',{staticClass:\"fa fa-user ml-3\",staticStyle:{\"color\":\"white\"},attrs:{\"aria-hidden\":\"true\"}})])])])])]),_vm._v(\" \"),_c('section',{staticClass:\"section__two mt-2\"},[_c('div',{staticClass:\"row add_driver_row py-3\"},[_c('div',{staticClass:\"col-md-12 col-lg-7 offset-lg-2 add-driver_form_row\"},[_c('div',{staticClass:\"driver_form_row mt-5\"},[_c('h6',{staticClass:\"add_driver_header text-center py-3\",staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"text.createSubAccount.fillFields\"))+\"\\n              \"),_c('svg',{attrs:{\"id\":\"add-user\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"20.065\",\"height\":\"20.065\",\"viewBox\":\"0 0 50.065 50.065\"}},[_c('circle',{attrs:{\"id\":\"Ellipse_246\",\"data-name\":\"Ellipse 246\",\"cx\":\"25.032\",\"cy\":\"25.032\",\"r\":\"25.032\",\"transform\":\"translate(0 0)\",\"fill\":\"#337180\"}}),_vm._v(\" \"),_c('path',{attrs:{\"id\":\"Path_710\",\"data-name\":\"Path 710\",\"d\":\"M65.317,124.923a24.993,24.993,0,0,0,20.2-10.253c-.846-1.213-4.175-4.756-15.38-7.452a27.419,27.419,0,0,0-.253-4.068,21.908,21.908,0,0,0,3.559-10.935c0-1.011.5-8.18-8.136-8.5V83.7c-.021,0-.04,0-.064,0s-.041,0-.063,0v.011c-8.631.324-8.136,7.494-8.136,8.5A21.9,21.9,0,0,0,60.6,103.15a27.209,27.209,0,0,0-.255,4.068c-10.908,2.625-14.35,6.053-15.3,7.35A24.992,24.992,0,0,0,65.317,124.923Z\",\"transform\":\"translate(-40.286 -74.858)\",\"fill\":\"#448a96\"}}),_vm._v(\" \"),_c('circle',{attrs:{\"id\":\"Ellipse_247\",\"data-name\":\"Ellipse 247\",\"cx\":\"6.028\",\"cy\":\"6.028\",\"r\":\"6.028\",\"transform\":\"translate(29.068 32.373)\",\"fill\":\"#00a31f\"}}),_vm._v(\" \"),_c('g',{attrs:{\"id\":\"Group_581\",\"data-name\":\"Group 581\",\"transform\":\"translate(31.059 34.341)\"}},[_c('path',{attrs:{\"id\":\"Path_711\",\"data-name\":\"Path 711\",\"d\":\"M302.106,355.316a.95.95,0,0,1-.951.949h-6.186a.95.95,0,0,1-.95-.949h0a.95.95,0,0,1,.95-.95h6.186a.95.95,0,0,1,.951.95Z\",\"transform\":\"translate(-294.019 -351.273)\",\"fill\":\"#fff\"}}),_vm._v(\" \"),_c('path',{attrs:{\"id\":\"Path_712\",\"data-name\":\"Path 712\",\"d\":\"M324.251,333.169a.95.95,0,0,1-.95-.95v-6.186a.95.95,0,0,1,.95-.95h0a.95.95,0,0,1,.951.95v6.186a.95.95,0,0,1-.951.95Z\",\"transform\":\"translate(-320.208 -325.083)\",\"fill\":\"#fff\"}})])])]),_vm._v(\" \"),_c('div',{staticClass:\"text-center driver_btns_div\"}),_vm._v(\" \"),_c('div',{staticClass:\"Add_driver_form\"},[_c('div',{staticClass:\"form_input_section\"},[_c('div',{ref:\"username_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.email),expression:\"email\"}],staticClass:\"form-control\",attrs:{\"type\":\"email\",\"placeholder\":_vm.$t('text.createSubAccount.email')},domProps:{\"value\":(_vm.email)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing)return;_vm.email=$event.target.value}}})]),_vm._v(\" \"),_c('div',{ref:\"username_error_template\"})]),_vm._v(\" \"),_c('div',{staticClass:\"form_input_section mt-3\"},[_c('div',{ref:\"firstname_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.firstName),expression:\"firstName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.createSubAccount.firstName')},domProps:{\"value\":(_vm.firstName)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing)return;_vm.firstName=$event.target.value}}})]),_vm._v(\" \"),_c('div',{ref:\"firstname_error_template\"})]),_vm._v(\" \"),_c('div',{staticClass:\"form_input_section mt-3\"},[_c('div',{ref:\"lastname_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.lastName),expression:\"lastName\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.createSubAccount.lastName')},domProps:{\"value\":(_vm.lastName)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing)return;_vm.lastName=$event.target.value}}})]),_vm._v(\" \"),_c('div',{ref:\"lastname_error_template\"})]),_vm._v(\" \"),_c('div',{staticClass:\"form_input_section mt-3\"},[_c('div',{ref:\"phone_input_div\",staticClass:\"input__block\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.phone),expression:\"phone\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.createSubAccount.phoneNumber')},domProps:{\"value\":(_vm.phone)},on:{\"blur\":function($event){return _vm.captureFormEvents($event)},\"input\":function($event){if($event.target.composing)return;_vm.phone=$event.target.value}}})]),_vm._v(\" \"),_c('div',{ref:\"phone_error_template\"})]),_vm._v(\" \"),_c('div',{staticClass:\"text-center mt-4\"},[_c('button',{staticClass:\"save__btn record_expense_btn other_btn_4\",style:([\n                    _vm.isButtonDisabled\n                      ? { cursor: 'not-allowed' }\n                      : { cursor: 'pointer' },\n                  ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.addSubAccount($event)}}},[_vm._v(\"\\n                  \"+_vm._s(_vm.$t(\"text.createSubAccount.addSubAccount\"))+\"\\n                  \"),_c('span')]),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])])])])])])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <MasterLayout>\r\n      <div class=\"fuel_consumption_row\" ref=\"tableREF\">\r\n        <div\r\n          class=\"fuel_consumption_row_right_section mr-3 vr__bg\"\r\n          style=\"border-radius: 12px; flex: 0 0 97%; height: 200px\"\r\n          :style=\"[\r\n            {\r\n              backgroundImage: `linear-gradient(rgb(41, 39, 39 , 0.92), rgb(41, 39, 39, 0.92)), url(${backgroundUrl})`,\r\n              backgroundPosition: 'center',\r\n              backgroundRepeat: 'no-repeat',\r\n              backgroundSize: 'cover',\r\n            },\r\n          ]\"\r\n        >\r\n          <div\r\n            class=\"row align-items-center justify-content-center\"\r\n            style=\"height: 100%\"\r\n          >\r\n            <div\r\n              class=\"col-md-12\"\r\n              style=\"display: flex; justify-content: center\"\r\n            >\r\n              <h4 class=\"text-center text-white\">\r\n                {{ $t(\"text.createSubAccount.addSubAccount\") }}\r\n                <i\r\n                  class=\"fa fa-user ml-3\"\r\n                  style=\"color: white\"\r\n                  aria-hidden=\"true\"\r\n                ></i>\r\n              </h4>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <section class=\"section__two mt-2\">\r\n        <div class=\"row add_driver_row py-3\">\r\n          <div class=\"col-md-12 col-lg-7 offset-lg-2 add-driver_form_row\">\r\n            <div class=\"driver_form_row mt-5\">\r\n              <h6\r\n                class=\"add_driver_header text-center py-3\"\r\n                style=\"font-size: 20px\"\r\n              >\r\n                {{ $t(\"text.createSubAccount.fillFields\") }}\r\n                <svg\r\n                  id=\"add-user\"\r\n                  xmlns=\"http://www.w3.org/2000/svg\"\r\n                  width=\"20.065\"\r\n                  height=\"20.065\"\r\n                  viewBox=\"0 0 50.065 50.065\"\r\n                >\r\n                  <circle\r\n                    id=\"Ellipse_246\"\r\n                    data-name=\"Ellipse 246\"\r\n                    cx=\"25.032\"\r\n                    cy=\"25.032\"\r\n                    r=\"25.032\"\r\n                    transform=\"translate(0 0)\"\r\n                    fill=\"#337180\"\r\n                  />\r\n                  <path\r\n                    id=\"Path_710\"\r\n                    data-name=\"Path 710\"\r\n                    d=\"M65.317,124.923a24.993,24.993,0,0,0,20.2-10.253c-.846-1.213-4.175-4.756-15.38-7.452a27.419,27.419,0,0,0-.253-4.068,21.908,21.908,0,0,0,3.559-10.935c0-1.011.5-8.18-8.136-8.5V83.7c-.021,0-.04,0-.064,0s-.041,0-.063,0v.011c-8.631.324-8.136,7.494-8.136,8.5A21.9,21.9,0,0,0,60.6,103.15a27.209,27.209,0,0,0-.255,4.068c-10.908,2.625-14.35,6.053-15.3,7.35A24.992,24.992,0,0,0,65.317,124.923Z\"\r\n                    transform=\"translate(-40.286 -74.858)\"\r\n                    fill=\"#448a96\"\r\n                  />\r\n                  <circle\r\n                    id=\"Ellipse_247\"\r\n                    data-name=\"Ellipse 247\"\r\n                    cx=\"6.028\"\r\n                    cy=\"6.028\"\r\n                    r=\"6.028\"\r\n                    transform=\"translate(29.068 32.373)\"\r\n                    fill=\"#00a31f\"\r\n                  />\r\n                  <g\r\n                    id=\"Group_581\"\r\n                    data-name=\"Group 581\"\r\n                    transform=\"translate(31.059 34.341)\"\r\n                  >\r\n                    <path\r\n                      id=\"Path_711\"\r\n                      data-name=\"Path 711\"\r\n                      d=\"M302.106,355.316a.95.95,0,0,1-.951.949h-6.186a.95.95,0,0,1-.95-.949h0a.95.95,0,0,1,.95-.95h6.186a.95.95,0,0,1,.951.95Z\"\r\n                      transform=\"translate(-294.019 -351.273)\"\r\n                      fill=\"#fff\"\r\n                    />\r\n                    <path\r\n                      id=\"Path_712\"\r\n                      data-name=\"Path 712\"\r\n                      d=\"M324.251,333.169a.95.95,0,0,1-.95-.95v-6.186a.95.95,0,0,1,.95-.95h0a.95.95,0,0,1,.951.95v6.186a.95.95,0,0,1-.951.95Z\"\r\n                      transform=\"translate(-320.208 -325.083)\"\r\n                      fill=\"#fff\"\r\n                    />\r\n                  </g>\r\n                </svg>\r\n              </h6>\r\n              <div class=\"text-center driver_btns_div\">\r\n                <!-- <button class=\"mr-3 upload_btn\">Uploader Bulk Vehicle <span></span> </button>\r\n                               <button class=\"download_btn\">Download sample <span></span> </button> -->\r\n              </div>\r\n              <div class=\"Add_driver_form\">\r\n                <div class=\"form_input_section\">\r\n                  <!-- <p class=\"mypara\">Username (EMAIL) </p>\r\n                                    <div class=\"input__div\" ref=\"username_input_div\">   \r\n                                        <div class=\"placeholder_div\"> \r\n                                            <img src=\"@/assets/img/license-plate.png\" width=\"25px\" class=\"input_placeholder_icon\" />\r\n                                        </div>\r\n                                        <div class=\"input_field_section\">\r\n                                            <input type=\"text\"  placeholder=\"email@email.com\"  @input=\"captureFormEvents($event)\" v-model=\"email\"/>\r\n                                        </div>\r\n                                    </div> -->\r\n                  <div class=\"input__block\" ref=\"username_input_div\">\r\n                    <input\r\n                      type=\"email\"\r\n                      :placeholder=\"$t('text.createSubAccount.email')\"\r\n                      class=\"form-control\"\r\n                      @blur=\"captureFormEvents($event)\"\r\n                      v-model=\"email\"\r\n                    />\r\n                  </div>\r\n                  <div ref=\"username_error_template\"></div>\r\n                </div>\r\n                <div class=\"form_input_section mt-3\">\r\n                  <!-- <p class=\"mypara\">First Name</p>\r\n                                    <div class=\"input__div\" ref=\"firstname_input_div\">\r\n                                        <div class=\"placeholder_div\"> \r\n                                            <img src=\"@/assets/img/user1.png\" width=\"25px\" class=\"input_placeholder_icon\" />\r\n                                        </div>\r\n                                        <div class=\"input_field_section\">\r\n                                            <input type=\"text\"  placeholder=\"First Name\"  @input=\"captureFormEvents($event)\" v-model=\"firstName\" />\r\n                                        </div>\r\n                                    </div> -->\r\n                  <div class=\"input__block\" ref=\"firstname_input_div\">\r\n                    <input\r\n                      type=\"text\"\r\n                      :placeholder=\"$t('text.createSubAccount.firstName')\"\r\n                      class=\"form-control\"\r\n                      @blur=\"captureFormEvents($event)\"\r\n                      v-model=\"firstName\"\r\n                    />\r\n                  </div>\r\n                  <div ref=\"firstname_error_template\"></div>\r\n                </div>\r\n                <div class=\"form_input_section mt-3\">\r\n                  <!-- <p class=\"mypara\">Last Name</p>\r\n                                    <div class=\"input__div\" ref=\"lastname_input_div\">\r\n                                        <div class=\"placeholder_div\"> \r\n                                            <img src=\"@/assets/img/user1.png\" width=\"25px\" class=\"input_placeholder_icon\" />\r\n                                        </div>\r\n                                        <div class=\"input_field_section\">\r\n                                            <input type=\"text\"  placeholder=\"Last Name\"  @input=\"captureFormEvents($event)\" v-model=\"lastName\" />\r\n                                        </div>\r\n                                    </div> -->\r\n                  <div class=\"input__block\" ref=\"lastname_input_div\">\r\n                    <input\r\n                      type=\"text\"\r\n                      :placeholder=\"$t('text.createSubAccount.lastName')\"\r\n                      class=\"form-control\"\r\n                      @blur=\"captureFormEvents($event)\"\r\n                      v-model=\"lastName\"\r\n                    />\r\n                  </div>\r\n                  <div ref=\"lastname_error_template\"></div>\r\n                </div>\r\n                <div class=\"form_input_section mt-3\">\r\n                  <!-- <p class=\"mypara\">Phone Number</p>\r\n                                    <div class=\"input__div\" ref=\"phone_input_div\">\r\n                                        <div class=\"placeholder_div\"> \r\n                                            <img src=\"@/assets/img/phone.png\" width=\"25px\" class=\"input_placeholder_icon\" />\r\n                                        </div>\r\n                                        <div class=\"input_field_section\">\r\n                                            <input type=\"text\"  placeholder=\"Phone Number\"  @input=\"captureFormEvents($event)\" v-model=\"phone\" />\r\n                                        </div>\r\n                                    </div> -->\r\n                  <div class=\"input__block\" ref=\"phone_input_div\">\r\n                    <input\r\n                      type=\"text\"\r\n                      :placeholder=\"$t('text.createSubAccount.phoneNumber')\"\r\n                      class=\"form-control\"\r\n                      @blur=\"captureFormEvents($event)\"\r\n                      v-model=\"phone\"\r\n                    />\r\n                  </div>\r\n                  <div ref=\"phone_error_template\"></div>\r\n                </div>\r\n\r\n                <div class=\"text-center mt-4\">\r\n                  <button\r\n                    class=\"save__btn record_expense_btn other_btn_4\"\r\n                    @click=\"addSubAccount($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                    {{ $t(\"text.createSubAccount.addSubAccount\") }}\r\n                    <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>\r\n      </section>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport MasterLayout from \"@/views/Customer/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/danskebank.jpg\";\r\nimport cardBackgroundUrl from \"@/assets/img/Group393.svg\";\r\nimport configObject from \"@/config\";\r\n\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Create-Sub-Account:: Epump Portal\",\r\n  name: \"DashboardHome\",\r\n  components: {\r\n    MasterLayout,\r\n  },\r\n  data() {\r\n    return {\r\n      backgroundUrl,\r\n      cardBackgroundUrl,\r\n      vehicles: null,\r\n      showLoader: false,\r\n      vehiclesCount: 0,\r\n      email: null,\r\n      firstName: null,\r\n      lastName: null,\r\n      phone: null,\r\n      isButtonDisabled: false,\r\n    };\r\n  },\r\n  methods: {\r\n    changeRoute($newRoute) {\r\n      this.$router.push({ name: $newRoute });\r\n    },\r\n    validEmail(email) {\r\n      var re =\r\n        /^[a-z][a-zA-Z0-9_.]*(\\.[a-zA-Z][a-zA-Z0-9_.]*)?@[a-z][a-zA-Z-0-9]*\\.[a-z]+(\\.[a-z]+)?$/;\r\n      return re.test(email);\r\n    },\r\n    captureFormEvents($event) {\r\n      if (\r\n        $event.target.placeholder === this.$t(\"text.createSubAccount.email\")\r\n      ) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.username_error_template.style.display = \"block\";\r\n          // this.$refs.username_error_template.innerHTML = \"Email field cannot be blank\";\r\n          this.$refs.username_input_div.style.border = \"1px solid red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          if (this.validEmail($event.target.value)) {\r\n            this.$refs.username_error_template.style.display = \"none\";\r\n            this.$refs.username_error_template.innerHTML = \"\";\r\n            this.$refs.username_input_div.style.border =\r\n              \"1px solid rgb(75, 44, 114)\";\r\n            this.formIsValid = true;\r\n          } else {\r\n            this.$refs.username_error_template.style.color = \"red\";\r\n            this.$refs.username_error_template.innerHTML = this.$t(\r\n              \"text.errors.invalidEmail\"\r\n            );\r\n            this.$refs.username_input_div.style.border = \"1px solid red\";\r\n            this.formIsValid = false;\r\n          }\r\n        }\r\n      }\r\n\r\n      if (\r\n        $event.target.placeholder === this.$t(\"text.createSubAccount.firstName\")\r\n      ) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.firstname_error_template.style.display = \"block\";\r\n          // this.$refs.firstname_error_template.innerHTML = \"First Name field cannot be blank\";\r\n          this.$refs.firstname_input_div.style.border = \"1px solid red\";\r\n          this.$refs.firstname_error_template.style.color = \"red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.firstname_error_template.style.display = \"none\";\r\n          this.$refs.firstname_input_div.style.border =\r\n            \"1px solid rgb(75, 44, 114)\";\r\n          this.formIsValid = true;\r\n        }\r\n      }\r\n      if (\r\n        $event.target.placeholder === this.$t(\"text.createSubAccount.lastName\")\r\n      ) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.lastname_error_template.style.display = \"block\";\r\n          // this.$refs.lastname_error_template.innerHTML = \"Last Name field cannot be blank\";\r\n          this.$refs.lastname_input_div.style.border = \"1px solid red\";\r\n          this.$refs.lastname_error_template.style.color = \"red\";\r\n          this.formIsValid = false;\r\n        } else {\r\n          this.$refs.lastname_error_template.style.display = \"none\";\r\n          this.$refs.lastname_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      if (\r\n        $event.target.placeholder ===\r\n        this.$t(\"text.createSubAccount.phoneNumber\")\r\n      ) {\r\n        if ($event.target.value === \"\") {\r\n          this.$refs.phone_error_template.style.display = \"block\";\r\n          // this.$refs.phone_error_template.innerHTML = \"Phone Number field cannot be blank\";\r\n          this.$refs.phone_input_div.style.border = \"1px solid red\";\r\n          this.$refs.phone_error_template.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_template.style.display = \"block\";\r\n            this.$refs.phone_error_template.style.color = \"red\";\r\n            this.$refs.phone_input_div.style.border = \"1px solid red\";\r\n            this.$refs.phone_error_template.innerHTML = this.$t(\r\n              \"text.errors.shortPhoneNumber\"\r\n            );\r\n            this.formIsValid = false;\r\n            return;\r\n          }\r\n          this.$refs.phone_error_template.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    },\r\n    addSubAccount($event) {\r\n      $event.preventDefault();\r\n      if (!this.email) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.emailMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.validEmail(this.email)) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.invalidEmail\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.firstName) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.firstNameMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.lastName) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.lastNameMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (!this.phone) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.contactPhoneMissing\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      if (this.phone.length < 10 || this.phone.length > 13) {\r\n        this.$toast.open({\r\n          message: this.$t(\"text.errors.shortPhoneNumber\"),\r\n          type: \"error\",\r\n          duration: 3000,\r\n        });\r\n        return;\r\n      }\r\n      let data = {\r\n        email: this.email,\r\n        firstName: this.firstName,\r\n        lastName: this.lastName,\r\n        phoneNo: this.phone,\r\n      };\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/SubAccount/Create`,\r\n          data,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          this.$toast.open({\r\n            message: this.$t(\"text.createSubAccount.successfullyCreated\"),\r\n            type: \"success\",\r\n            duration: 5000,\r\n          });\r\n          this.$router.push({ name: \"sub_accounts\" });\r\n          (this.firstName = null), (this.email = null), (this.firstName = null);\r\n          this.lastName = null;\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\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: 5000,\r\n          });\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\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!./create_sub_account.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!./create_sub_account.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./create_sub_account.vue?vue&type=template&id=58ce7829&\"\nimport script from \"./create_sub_account.vue?vue&type=script&lang=js&\"\nexport * from \"./create_sub_account.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/danskebank.4823e410.jpg\";"],"sourceRoot":""}