(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6474],{82237:(e,t,a)=>{Promise.resolve().then(a.bind(a,88260))},88260:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>d});var l=a(95155),s=a(14801),r=a(89229),i=a(5565),n=a(48173),o=a.n(n),c=a(12115);function d(){let[e,t]=(0,c.useState)(["","","","","",""]),[a,n]=(0,c.useState)(!1),[d,u]=(0,c.useState)(!1),[m,x]=(0,c.useState)(!1),f={hidden:{y:20,opacity:0},visible:{y:0,opacity:1,transition:{duration:.5}}},p=(a,l)=>{if(/^[0-9]$/.test(l)||""===l){let s=[...e];if(s[a]=l,t(s),""!==l&&a<5){let e=document.getElementById("otp-".concat(a+1));null==e||e.focus()}}},g=(t,a)=>{if("Backspace"===a.key&&""===e[t]&&t>0){let e=document.getElementById("otp-".concat(t-1));null==e||e.focus()}};return(0,l.jsxs)("div",{className:"w-full flex flex-row-reverse",children:[(0,l.jsx)("div",{className:"hidden lg:block lg:w-1/2 relative",children:(0,l.jsx)(i.default,{src:"/assets/images/login-banner.png",alt:"Family background",fill:"true",className:"object-cover",priority:!0})}),(0,l.jsxs)(r.P.div,{className:"w-full lg:w-1/2 px-8 py-20 min-h-[calc(100vh-120px)] max-w-lg mx-auto flex flex-col items-center justify-center relative",initial:"hidden",animate:"visible",variants:{hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.1}}},children:[(0,l.jsx)(r.P.div,{variants:f,children:(0,l.jsx)(i.default,{src:"/assets/images/logo.png",alt:"Alpha Islami Life Insurance Limited",width:180,height:120,className:"rounded-xl"})}),(0,l.jsx)(r.P.h2,{variants:f,className:"text-[32px] leading-[35px] my-6 font-bold text-center",children:"Welcome to Alpha Islami Life Insurance Limited"}),(0,l.jsxs)(r.P.form,{variants:f,className:"w-full space-y-4",onSubmit:e=>{e.preventDefault(),n(!0)},children:[(0,l.jsx)(r.P.h3,{variants:f,className:"text-2xl text-left my-6 font-bold",children:"Enter OTP"}),(0,l.jsxs)("div",{className:"space-y-2",children:[(0,l.jsx)("label",{className:"text-gray-600",children:"Enter the 6-digit OTP sent to your mobile"}),(0,l.jsx)("div",{className:"flex space-x-2 justify-center",children:e.map((e,t)=>(0,l.jsx)(s.p,{id:"otp-".concat(t),type:"text",maxLength:1,value:e,onChange:e=>p(t,e.target.value),onKeyDown:e=>g(t,e),className:"bg-gray-100 w-12 h-12 text-center text-black text-lg"},t))})]}),(0,l.jsxs)("div",{className:"text-sm text-gray-600",children:["Didn't receive the OTP?"," ",(0,l.jsx)("button",{type:"button",className:"text-primary hover:underline font-bold",children:"Resend OTP"})]}),(0,l.jsx)(r.P.button,{whileHover:{scale:1.02},whileTap:{scale:.98},type:"submit",className:"w-full font-bold py-3 px-4 bg-primary text-lg text-white rounded-lg hover:bg-primary/90 transition-colors",children:"Verify OTP"})]}),(0,l.jsxs)(r.P.div,{variants:f,className:"mt-8 text-left w-full text-sm text-gray-500",children:[(0,l.jsxs)("p",{children:["Back to"," ",(0,l.jsx)(o(),{href:"/register",className:"text-primary hover:underline font-bold",children:"Register"})]}),(0,l.jsx)("p",{className:"mt-2"})]})]})]})}},14801:(e,t,a)=>{"use strict";a.d(t,{p:()=>r});var l=a(95155),s=a(8368);let r=e=>{let{className:t,type:a="text",...r}=e;return(0,l.jsx)("input",{type:a,className:(0,s.cn)("w-full border hover:border-primary hover:border-opacity-50 bg-[#F9F9F9] border-gray-400 rounded-lg py-3 px-4 transition-all duration-300 focus:outline-none outline-none",t),...r})}},8368:(e,t,a)=>{"use strict";a.d(t,{B:()=>i,cn:()=>r});var l=a(43463),s=a(69795);function r(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return(0,s.QP)((0,l.$)(t))}let i=e=>e.toLowerCase().replace(/[^a-z0-9\s-]/g,"").replace(/\s+/g,"-").replace(/-+/g,"-").trim()},5565:(e,t,a)=>{"use strict";a.d(t,{default:()=>s.a});var l=a(4146),s=a.n(l)},4146:(e,t,a)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var a in t)Object.defineProperty(e,a,{enumerable:!0,get:t[a]})}(t,{default:function(){return o},getImageProps:function(){return n}});let l=a(60306),s=a(40666),r=a(87970),i=l._(a(65514));function n(e){let{props:t}=(0,s.getImgProps)(e,{defaultLoader:i.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image",loader:"default",dangerouslyAllowSVG:!1,unoptimized:!1}});for(let[e,a]of Object.entries(t))void 0===a&&delete t[e];return{props:t}}let o=r.Image}},e=>{var t=t=>e(e.s=t);e.O(0,[9229,7970,1181,8173,8441,1517,7358],()=>t(82237)),_N_E=e.O()}]);