\n \n Login ID\n \n \n

\n \n

\n \n Password\n \n \n

\n\n \n {loading ? : 'Login'}\n \n\n

\n onSwitchView('forgot-password')}\n className=\"text-blue-600 hover:text-blue-800 text-sm\"\n >\n Forgot Password?\n \n

\n Don't have an account? \n onSwitchView('signup')}\n className=\"text-blue-600 hover:text-blue-800 text-sm font-medium\"\n >\n Sign Up\n \n

\n \n );\n\n const renderSignupForm = () => (\n

\n \n First Name\n \n \n

\n \n

\n \n Last Name\n \n \n

\n\n

\n \n Login ID\n \n \n

\n\n

\n \n Email\n \n \n

\n\n

\n \n Phone\n \n \n

\n\n

\n \n Password\n \n \n

\n\n

\n \n Confirm Password\n \n \n

\n\n \n {loading ? : 'Create Account'}\n \n\n

\n Already have an account? \n onSwitchView('login')}\n className=\"text-blue-600 hover:text-blue-800 text-sm font-medium\"\n >\n Login\n \n

\n \n );\n\n const renderForgotPasswordForm = () => (\n

\n \n Email Address\n \n \n

\n\n \n {loading ? : 'Send Reset Link'}\n \n\n

\n onSwitchView('login')}\n className=\"text-blue-600 hover:text-blue-800 text-sm font-medium\"\n >\n Back to Login\n \n

\n \n );\n\n const getTitle = () => {\n switch (currentView) {\n case 'signup': return 'Create Account';\n case 'forgot-password': return 'Reset Password';\n default: return 'Welcome Back';\n }\n };\n\n const getSubtitle = () => {\n switch (currentView) {\n case 'signup': return 'Join Access Bank today';\n case 'forgot-password': return 'Enter your email to reset password';\n default: return 'Sign in to your account';\n }\n };\n\n return (\n

\n {/* Header */}\n

{getTitle()}

{getSubtitle()}

\n\n {/* Error/Success Messages */}\n {error && (\n

\n {error}\n

\n )}\n \n {success && (\n

\n {success}\n

\n )}\n\n {/* Forms */}\n {currentView === 'login' && renderLoginForm()}\n {currentView === 'signup' && renderSignupForm()}\n {currentView === 'forgot-password' && renderForgotPasswordForm()}\n\n {/* Footer */}\n

Secure banking powered by advanced encryption

\n );\n};\n\nexport default Login;","deleted","label",[170,171,154],"frontend","components","permalink","https://www.val.town/x/cgshaq/AccessBankMobile/code/frontend/components/Login.tsx","extension","actionData","errors"]