merged login and home

lib/views/login_screen.dart

@@ -1,8 +1,13 @@
 // lib/views/login_screen.dart
 import 'package:flutter/material.dart';
-import 'package:provider/provider.dart';
 
-import '../view_models/auth_view_model.dart';
+import '../core/constants/assets.dart';
+import '../core/constants/texts.dart';
+import '../size_config.dart';
+import '../views/widget/login_button.dart';
+import '../views/widget/login_logo.dart';
+import '../views/widget/login_textfield.dart';
+import '../views/widget/login_title.dart';
 
 class LoginScreen extends StatefulWidget {
   const LoginScreen({super.key});
@@ -12,58 +17,81 @@ class LoginScreen extends StatefulWidget {
 }
 
 class _LoginScreenState extends State<LoginScreen> {
-  final _emailController = TextEditingController();
+  final _usernameController = TextEditingController();
   final _passwordController = TextEditingController();
 
+  final _usernameFocus = FocusNode();
+  final _passwordFocus = FocusNode();
+
+  bool _obscurePassword = true;
+
+  bool get _isLoginEnabled =>
+      _usernameController.text.isNotEmpty &&
+      _passwordController.text.isNotEmpty;
+
+  @override
+  void initState() {
+    super.initState();
+    _usernameController.addListener(_updateState);
+    _passwordController.addListener(_updateState);
+    _usernameFocus.addListener(_updateState);
+    _passwordFocus.addListener(_updateState);
+  }
+
+  @override
+  void dispose() {
+    _usernameController.dispose();
+    _passwordController.dispose();
+    _usernameFocus.dispose();
+    _passwordFocus.dispose();
+    super.dispose();
+  }
+
+  void _updateState() => setState(() {});
+
+  void _togglePasswordVisibility() =>
+      setState(() => _obscurePassword = !_obscurePassword);
+
   @override
   Widget build(BuildContext context) {
-    final authViewModel = Provider.of<AuthViewModel>(context);
-
     return Scaffold(
-      appBar: AppBar(title: const Text('Login')),
-      body: Padding(
-        padding: const EdgeInsets.all(16.0),
-        child: Column(
-          children: [
-            TextField(
-              controller: _emailController,
-              decoration: const InputDecoration(labelText: 'Email'),
-            ),
-            TextField(
-              controller: _passwordController,
-              decoration: const InputDecoration(labelText: 'Password'),
-              obscureText: true,
-            ),
-            const SizedBox(height: 20),
-            if (authViewModel.isLoading)
-              const CircularProgressIndicator()
-            else
-              ElevatedButton(
-                onPressed: () {
-                  authViewModel.login(
-                    _emailController.text,
-                    _passwordController.text,
-                  );
-                },
-                child: const Text('Login'),
+      backgroundColor: Colors.white,
+      body: Center(
+        child: SingleChildScrollView(
+          padding: EdgeInsets.symmetric(horizontal: 24.0.w()),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              const LoginLogo(),
+              SizedBox(height: 32.0.h()),
+              const LoginTitle(),
+              SizedBox(height: 32.0.h()),
+              LoginTextField(
+                controller: _usernameController,
+                focusNode: _usernameFocus,
+                label: TextManager.usernameLabel,
+                iconPath: AssetsManager.userIcon,
               ),
-            if (authViewModel.errorMessage != null)
-              Padding(
-                padding: const EdgeInsets.only(top: 20),
-                child: Text(
-                  authViewModel.errorMessage!,
-                  style: const TextStyle(color: Colors.red),
-                ),
+
+              SizedBox(height: 16.0.h()),
+
+              LoginTextField(
+                controller: _passwordController,
+                focusNode: _passwordFocus,
+                label: TextManager.passwordLabel,
+                iconPath: AssetsManager.passwordIcon,
+                isPassword: true,
+                obscureText: _obscurePassword,
+                onToggleVisibility: _togglePasswordVisibility,
               ),
-            if (authViewModel.loggedInUser != null)
-              Padding(
-                padding: const EdgeInsets.only(top: 20),
-                child: Text(
-                  'Welcome, ${authViewModel.loggedInUser!.name}!',
-                  style: const TextStyle(color: Colors.green),
-                ),
+
+              SizedBox(height: 32.0.h()),
+              LoginButton(
+                isEnabled: _isLoginEnabled,
+                onPressed: _isLoginEnabled ? () {} : null,
               ),
-          ],
+            ],
+          ),
         ),
       ),
     );