(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[175],{4809:function(a,c,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/client-form",function(){return s(6670)}])},6670:function(a,c,s){"use strict";s.r(c),s.d(c,{default:function(){return f}});var e=s(5893),l=s(6089),d=s.n(l),t=s(7294),b=s(9008),r=s.n(b);function f(){var a=(0,t.useState)("login"),c=a[0],s=a[1],l=(0,t.useState)("Client"),b=l[0],f=l[1],n=(0,t.useState)(""),i=n[0],x=n[1],o=(0,t.useState)(""),m=o[0],j=o[1],h=(0,t.useState)(""),u=h[0],N=h[1];return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(r(),{children:(0,e.jsx)("title",{className:"jsx-f3cfadc0c10baa3b",children:"Client Portal | Law Firm"})}),(0,e.jsx)(d(),{id:"f3cfadc0c10baa3b",children:'@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css");.bg-navy{background-color:#002b5c;color:white}.btn-navy{background-color:#002b5c;color:white;border:none}.btn-navy:hover{background-color:#001f42;color:white}.text-navy{color:#002b5c}.nav-link.active{border-bottom:3px solid#cfa144!important;color:#002b5c!important;font-weight:bold}.nav-link{color:#666;font-weight:500}.cursor-pointer{cursor:pointer}'}),(0,e.jsx)("div",{className:"jsx-f3cfadc0c10baa3b d-flex align-items-center justify-content-center min-vh-100 bg-light p-3",children:(0,e.jsxs)("div",{style:{maxWidth:"signup2"===c?"800px":"450px",width:"100%"},className:"jsx-f3cfadc0c10baa3b card shadow-lg border-0",children:[(0,e.jsx)("div",{className:"jsx-f3cfadc0c10baa3b card-header bg-white border-bottom-0 p-0",children:(0,e.jsx)("ul",{className:"jsx-f3cfadc0c10baa3b nav nav-tabs nav-fill border-bottom",children:["Client","Attorney","Admin"].map((function(a){return(0,e.jsx)("li",{className:"jsx-f3cfadc0c10baa3b nav-item",children:(0,e.jsx)("a",{onClick:function(){return f(a)},href:"#",className:"jsx-f3cfadc0c10baa3b "+"nav-link border-0 py-3 rounded-0 ".concat(b===a?"active":""),children:a})},a)}))})}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b card-body p-4 p-md-5",children:["login"===c&&(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b fade-in",children:[(0,e.jsx)("h2",{style:{fontFamily:"serif"},className:"jsx-f3cfadc0c10baa3b text-center text-navy mb-1",children:"Client Portal"}),(0,e.jsx)("p",{className:"jsx-f3cfadc0c10baa3b text-center text-muted mb-4",children:"Sign In"}),(0,e.jsxs)("form",{onSubmit:function(a){a.preventDefault(),alert("Login Successful! Redirecting to Dashboard...")},className:"jsx-f3cfadc0c10baa3b",children:[(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b mb-3",children:[(0,e.jsx)("label",{className:"jsx-f3cfadc0c10baa3b form-label fw-bold",children:"Email ID"}),(0,e.jsx)("input",{type:"email",placeholder:"email@lawfirm.com",required:!0,className:"jsx-f3cfadc0c10baa3b form-control"})]}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b mb-3",children:[(0,e.jsx)("label",{className:"jsx-f3cfadc0c10baa3b form-label fw-bold",children:"Password"}),(0,e.jsx)("input",{type:"password",required:!0,className:"jsx-f3cfadc0c10baa3b form-control"})]}),(0,e.jsx)("div",{className:"jsx-f3cfadc0c10baa3b d-flex justify-content-end mb-3",children:(0,e.jsx)("a",{href:"#",onClick:function(){return alert("Redirect to Forgot Password")},className:"jsx-f3cfadc0c10baa3b text-decoration-none text-navy small",children:"Forgot Password?"})}),(0,e.jsx)("button",{type:"submit",className:"jsx-f3cfadc0c10baa3b btn btn-navy w-100 py-2 mb-3 fw-bold",children:"Log In"}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b text-center",children:[(0,e.jsx)("span",{className:"jsx-f3cfadc0c10baa3b text-muted small",children:"No Account Yet? "}),(0,e.jsx)("a",{href:"#",onClick:function(){return s("signup1")},className:"jsx-f3cfadc0c10baa3b text-navy fw-bold text-decoration-none",children:"Sign Up"})]})]})]}),"signup1"===c&&(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b fade-in",children:[(0,e.jsx)("h3",{style:{fontFamily:"serif"},className:"jsx-f3cfadc0c10baa3b text-center text-navy mb-1",children:"Sign Up"}),(0,e.jsx)("p",{className:"jsx-f3cfadc0c10baa3b text-center text-muted mb-4",children:"Create your account"}),m&&(0,e.jsx)("div",{className:"jsx-f3cfadc0c10baa3b alert alert-danger text-center p-2 small",children:m}),(0,e.jsxs)("form",{onSubmit:function(a){a.preventDefault(),j(""),"exist@lawfirm.com"!==i?s("signup2"):j("This Email ID is already registered. Please Sign In.")},className:"jsx-f3cfadc0c10baa3b",children:[(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b row",children:[(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b col-md-6 mb-3",children:[(0,e.jsxs)("label",{className:"jsx-f3cfadc0c10baa3b form-label fw-bold small",children:["First Name ",(0,e.jsx)("span",{className:"jsx-f3cfadc0c10baa3b text-danger",children:"*"})]}),(0,e.jsx)("input",{type:"text",required:!0,className:"jsx-f3cfadc0c10baa3b form-control"})]}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b col-md-6 mb-3",children:[(0,e.jsxs)("label",{className:"jsx-f3cfadc0c10baa3b form-label fw-bold small",children:["Last Name ",(0,e.jsx)("span",{className:"jsx-f3cfadc0c10baa3b text-danger",children:"*"})]}),(0,e.jsx)("input",{type:"text",required:!0,className:"jsx-f3cfadc0c10baa3b form-control"})]})]}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b mb-3",children:[(0,e.jsxs)("label",{className:"jsx-f3cfadc0c10baa3b form-label fw-bold small",children:["Email ID ",(0,e.jsx)("span",{className:"jsx-f3cfadc0c10baa3b text-danger",children:"*"})]}),(0,e.jsx)("input",{type:"email",value:i,onChange:function(a){return x(a.target.value)},required:!0,className:"jsx-f3cfadc0c10baa3b form-control"}),(0,e.jsx)("div",{style:{fontSize:"0.75rem"},className:"jsx-f3cfadc0c10baa3b form-text text-muted",children:"Try 'exist@lawfirm.com' to test error validation."})]}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b mb-3",children:[(0,e.jsxs)("label",{className:"jsx-f3cfadc0c10baa3b form-label fw-bold small",children:["Password ",(0,e.jsx)("span",{className:"jsx-f3cfadc0c10baa3b text-danger",children:"*"})]}),(0,e.jsx)("input",{type:"password",required:!0,className:"jsx-f3cfadc0c10baa3b form-control"})]}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b mb-3",children:[(0,e.jsxs)("label",{className:"jsx-f3cfadc0c10baa3b form-label fw-bold small",children:["Repeat Password ",(0,e.jsx)("span",{className:"jsx-f3cfadc0c10baa3b text-danger",children:"*"})]}),(0,e.jsx)("input",{type:"password",required:!0,className:"jsx-f3cfadc0c10baa3b form-control"})]}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b mb-3",children:[(0,e.jsx)("label",{className:"jsx-f3cfadc0c10baa3b form-label fw-bold small",children:"Captcha"}),(0,e.jsx)("div",{className:"jsx-f3cfadc0c10baa3b bg-light border text-center p-2 mb-2 fw-bold letter-spacing-2",children:"X 7 K 9 B"}),(0,e.jsx)("input",{type:"text",placeholder:"Enter Captcha",required:!0,className:"jsx-f3cfadc0c10baa3b form-control"})]}),(0,e.jsx)("button",{type:"submit",className:"jsx-f3cfadc0c10baa3b btn btn-navy w-100 py-2 mb-3 fw-bold",children:"Sign Up"}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b text-center",children:[(0,e.jsx)("span",{className:"jsx-f3cfadc0c10baa3b text-muted small",children:"Already Have An Account? "}),(0,e.jsx)("a",{href:"#",onClick:function(){return s("login")},className:"jsx-f3cfadc0c10baa3b text-navy fw-bold text-decoration-none",children:"Sign In"})]})]})]}),"signup2"===c&&(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b fade-in",children:[(0,e.jsx)("h3",{style:{fontFamily:"serif"},className:"jsx-f3cfadc0c10baa3b text-center text-navy mb-1",children:"Update Profile"}),(0,e.jsx)("p",{className:"jsx-f3cfadc0c10baa3b text-center text-muted mb-4",children:"Step 2: Address & KYC"}),u&&(0,e.jsx)("div",{className:"jsx-f3cfadc0c10baa3b alert alert-success text-center",children:u}),(0,e.jsxs)("form",{onSubmit:function(a){a.preventDefault(),N("Please check your email to activate your account or contact us."),setTimeout((function(){alert("Profile Created! Member ID: MEM-998877. Check your inbox."),N(""),s("login")}),3e3)},className:"jsx-f3cfadc0c10baa3b",children:[(0,e.jsx)("h6",{className:"jsx-f3cfadc0c10baa3b text-muted border-bottom pb-2 mb-3",children:"Address Details"}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b row",children:[(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b col-12 mb-3",children:[(0,e.jsxs)("label",{className:"jsx-f3cfadc0c10baa3b form-label fw-bold small",children:["Street Name ",(0,e.jsx)("span",{className:"jsx-f3cfadc0c10baa3b text-danger",children:"*"})]}),(0,e.jsx)("input",{type:"text",required:!0,className:"jsx-f3cfadc0c10baa3b form-control"})]}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b col-md-4 mb-3",children:[(0,e.jsxs)("label",{className:"jsx-f3cfadc0c10baa3b form-label fw-bold small",children:["Apt/Unit ",(0,e.jsx)("span",{className:"jsx-f3cfadc0c10baa3b text-danger",children:"*"})]}),(0,e.jsx)("input",{type:"text",required:!0,className:"jsx-f3cfadc0c10baa3b form-control"})]}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b col-md-4 mb-3",children:[(0,e.jsxs)("label",{className:"jsx-f3cfadc0c10baa3b form-label fw-bold small",children:["City ",(0,e.jsx)("span",{className:"jsx-f3cfadc0c10baa3b text-danger",children:"*"})]}),(0,e.jsx)("input",{type:"text",required:!0,className:"jsx-f3cfadc0c10baa3b form-control"})]}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b col-md-4 mb-3",children:[(0,e.jsxs)("label",{className:"jsx-f3cfadc0c10baa3b form-label fw-bold small",children:["State ",(0,e.jsx)("span",{className:"jsx-f3cfadc0c10baa3b text-danger",children:"*"})]}),(0,e.jsx)("input",{type:"text",required:!0,className:"jsx-f3cfadc0c10baa3b form-control"})]}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b col-md-6 mb-3",children:[(0,e.jsxs)("label",{className:"jsx-f3cfadc0c10baa3b form-label fw-bold small",children:["Country ",(0,e.jsx)("span",{className:"jsx-f3cfadc0c10baa3b text-danger",children:"*"})]}),(0,e.jsx)("input",{type:"text",required:!0,className:"jsx-f3cfadc0c10baa3b form-control"})]}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b col-md-6 mb-3",children:[(0,e.jsxs)("label",{className:"jsx-f3cfadc0c10baa3b form-label fw-bold small",children:["Zip Code ",(0,e.jsx)("span",{className:"jsx-f3cfadc0c10baa3b text-danger",children:"*"})]}),(0,e.jsx)("input",{type:"number",required:!0,className:"jsx-f3cfadc0c10baa3b form-control"})]})]}),(0,e.jsx)("h6",{className:"jsx-f3cfadc0c10baa3b text-muted border-bottom pb-2 mb-3 mt-2",children:"Personal & KYC"}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b row",children:[(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b col-md-3 mb-3",children:[(0,e.jsx)("label",{className:"jsx-f3cfadc0c10baa3b form-label fw-bold small",children:"Code"}),(0,e.jsxs)("select",{required:!0,className:"jsx-f3cfadc0c10baa3b form-select",children:[(0,e.jsx)("option",{className:"jsx-f3cfadc0c10baa3b",children:"+91"}),(0,e.jsx)("option",{className:"jsx-f3cfadc0c10baa3b",children:"+1"})]})]}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b col-md-5 mb-3",children:[(0,e.jsxs)("label",{className:"jsx-f3cfadc0c10baa3b form-label fw-bold small",children:["Phone Number ",(0,e.jsx)("span",{className:"jsx-f3cfadc0c10baa3b text-danger",children:"*"})]}),(0,e.jsx)("input",{type:"number",required:!0,className:"jsx-f3cfadc0c10baa3b form-control"})]}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b col-md-4 mb-3",children:[(0,e.jsxs)("label",{className:"jsx-f3cfadc0c10baa3b form-label fw-bold small",children:["Date of Birth ",(0,e.jsx)("span",{className:"jsx-f3cfadc0c10baa3b text-danger",children:"*"})]}),(0,e.jsx)("input",{type:"date",required:!0,className:"jsx-f3cfadc0c10baa3b form-control"})]})]}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b mb-3",children:[(0,e.jsx)("label",{className:"jsx-f3cfadc0c10baa3b form-label fw-bold small",children:"Profile Image (Selfie)"}),(0,e.jsx)("input",{type:"file",accept:"image/*",className:"jsx-f3cfadc0c10baa3b form-control"})]}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b row",children:[(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b col-md-6 mb-3",children:[(0,e.jsxs)("label",{className:"jsx-f3cfadc0c10baa3b form-label fw-bold small",children:["Proof of Identity (PAN/Aadhaar) ",(0,e.jsx)("span",{className:"jsx-f3cfadc0c10baa3b text-danger",children:"*"})]}),(0,e.jsx)("input",{type:"file",required:!0,className:"jsx-f3cfadc0c10baa3b form-control"})]}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b col-md-6 mb-3",children:[(0,e.jsxs)("label",{className:"jsx-f3cfadc0c10baa3b form-label fw-bold small",children:["Proof of Address (Utility Bill) ",(0,e.jsx)("span",{className:"jsx-f3cfadc0c10baa3b text-danger",children:"*"})]}),(0,e.jsx)("input",{type:"file",required:!0,className:"jsx-f3cfadc0c10baa3b form-control"})]})]}),(0,e.jsxs)("div",{className:"jsx-f3cfadc0c10baa3b form-check mb-4",children:[(0,e.jsx)("input",{type:"checkbox",id:"termsCheck",required:!0,className:"jsx-f3cfadc0c10baa3b form-check-input"}),(0,e.jsx)("label",{htmlFor:"termsCheck",className:"jsx-f3cfadc0c10baa3b form-check-label small",children:"I accept the Terms and Conditions"})]}),(0,e.jsx)("button",{type:"submit",className:"jsx-f3cfadc0c10baa3b btn btn-navy w-100 py-2 fw-bold",children:"Save & Activate Account"})]})]})]})]})})]})}}},function(a){a.O(0,[774,888,179],(function(){return c=4809,a(a.s=c);var c}));var c=a.O();_N_E=c}]);