(window.webpackJsonp=window.webpackJsonp||[]).push([[12],{468:function(t,e,n){var content=n(498);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,n(34).default)("1b7833da",content,!0,{sourceMap:!1})},497:function(t,e,n){"use strict";n(468)},498:function(t,e,n){var o=n(33)(!1);o.push([t.i,".activeClass{border:1px solid}.errorClass{border:1px solid red!important}.otp-input{width:40px;height:40px;padding:5px;margin:0 10px;font-size:20px;border-radius:4px;border:1px solid rgba(0,0,0,.3);text-align:center}.otp-input::-webkit-inner-spin-button,.otp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}",""]),t.exports=o},522:function(t,e,n){"use strict";n.r(e);n(11);var o=n(10),r=n(465),l=n.n(r);o.default.component("v-otp-input",l.a);var c={layout:"auth",data:function(){return{login:{number:""},errors:{number:""},otpStatus:!1,otpValue:"",otpRequestValue:null}},methods:{onLoginClick:function(){var t=this;this.$axios.$get("/v2/profiles?mobile="+this.login.number).then((function(e){e&&e.id&&(t.otpStatus=!0,t.otpRequest())})).catch((function(e){console.log(e),t.otpRequest()}))},otpRequest:function(){var t=this;this.$axios.$post("/v2/sms",{type:"sdm_otp",recipient:this.login.number}).then((function(e){console.log(e),e&&"success"==e.status&&(t.otpRequestId=e),t.otpStatus=!0})).catch((function(e){console.log(e),t.otpStatus=!0}))},validateOtp:function(){var t=this;this.$axios.$get("/v2/profiles?mobile="+this.login.number+"&key="+this.otpRequestId.id+"&otp="+this.otpValue).then((function(e){console.log(e),t.$router.push({name:"lobby"})})).catch((function(e){console.log(e),t.$router.push({name:"lobby"})}))},back:function(){this.otpStatus=!1},checkForm:function(t){this.errors=[],this.login.number?this.validPhoneNumber(this.login.number)||(this.errors.number="*Valid Phone Number Required."):this.errors.number="*Phone Number Required.",this.errors.number||this.onLoginClick(),t.preventDefault()},validEmail:function(t){return/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(t)},validPhoneNumber:function(t){return/^[0-9]{10}$/.test(t)},handleOnComplete:function(t){console.log("OTP completed: ",t),this.otpValue=t},handleOnChange:function(t){console.log("OTP changed: ",t)}}},m=(n(497),n(36)),component=Object(m.a)(c,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"login_form_sec"},[n("div",{staticClass:"container"},[n("div",{staticClass:"row"},[n("div",{staticClass:"col-md-5 llft_sec"},[n("h2",[t._v("Login")]),t._v(" "),n("h3",[t._v("Login to the platform")]),t._v(" "),t.otpStatus?[n("div",{staticClass:"d-flex flex-column align-items-center row m-0 position-absolute",staticStyle:{top:"50%"}},[n("div",{staticClass:"mb-3"},[n("p",{staticClass:"m-0",staticStyle:{"font-size":"17px"}},[t._v("Please enter the one time password")]),t._v(" "),n("span",{staticStyle:{"font-size":"12px"}},[t._v("sent to +91 "+t._s(t.login.number))])]),t._v(" "),n("v-otp-input",{ref:"otpInput",attrs:{"input-classes":"otp-input",separator:"-","num-inputs":4,"should-auto-focus":!0,"is-input-num":!0},on:{"on-change":t.handleOnChange,"on-complete":t.handleOnComplete}}),t._v(" "),n("input",{staticClass:"col-5 my-3",attrs:{type:"submit",value:"Validate"},on:{click:function(e){return t.validateOtp()}}}),t._v(" "),n("p",{staticClass:"m-0 text-center"},[t._v("Didn't get the code  "),n("a",{staticClass:"text-danger",on:{click:function(e){return t.otpRequest()}}},[t._v("Resend")])]),t._v(" "),n("a",{staticClass:"m-0 text-center",on:{click:function(e){return t.back()}}},[t._v("Back to Login")])],1)]:t._e(),t._v(" "),t.otpStatus?t._e():n("form",{staticClass:"form_sec",attrs:{id:"app",method:"get",novalidate:"true"},on:{submit:t.checkForm}},[n("div",{staticClass:"form-group mb-2"},[n("label",[t._v("Phone Number")]),t._v(" "),n("input",{directives:[{name:"model",rawName:"v-model",value:t.login.number,expression:"login.number"}],class:t.errors.number?"errorClass":"activeClass",attrs:{name:"number",type:"number",placeholder:"Phone Number"},domProps:{value:t.login.number},on:{input:function(e){e.target.composing||t.$set(t.login,"number",e.target.value)}}}),t._v(" "),t.errors?n("p",{staticClass:"text-danger"},[t._v(t._s(t.errors.number))]):t._e()]),t._v(" "),t._m(0)])],2),t._v(" "),n("div",{staticClass:"col-md-2"}),t._v(" "),t._m(1)])])])}),[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"flex_lgn mt-4 justify-content-end"},[e("input",{staticClass:"submit",attrs:{type:"submit",value:"Login"}})])},function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"col-md-5 rit_sec"},[n("div",{staticClass:"box_lgn_txt"},[n("h3",[t._v("More Features coming")]),t._v(" "),n("ul",[n("li",[n("i",{staticClass:"fas fa-check-circle"}),t._v("Feature 1 goes here")]),t._v(" "),n("li",[n("i",{staticClass:"fas fa-check-circle"}),t._v("Feature 2 also goes here\n            ")]),t._v(" "),n("li",[n("i",{staticClass:"fas fa-check-circle"}),t._v("Feature 3 as well goes here\n            ")])])])])}],!1,null,null,null);e.default=component.exports}}]);