import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:tm_app/core/routes/app_routes.dart';
import 'package:tm_app/core/theme/colors.dart';

import '../../../core/constants/assets.dart';
import '../../../core/constants/strings.dart';
import '../../../core/utils/size_config.dart';
import '../../../view_models/auth_view_model.dart';
import '../widgets/widgets.dart';

class LoginMobilePage extends StatelessWidget {
  const LoginMobilePage({super.key});

  @override
  Widget build(BuildContext context) {
    SizeConfig.init(context);

    return Scaffold(
      backgroundColor: AppColors.backgroundColor,
      body: Center(
        child: SingleChildScrollView(
          padding: EdgeInsets.symmetric(horizontal: 24.0.w()),
          child: Consumer<AuthViewModel>(
            builder: (context, viewModel, _) {
              return Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                  LoginLogo(width: 190.0.w(), height: 88.0.h()),
                  SizedBox(height: 32.0.h()),
                  const LoginTitle(),
                  SizedBox(height: 32.0.h()),

                  LoginTextField(
                    controller: viewModel.usernameController,
                    focusNode: viewModel.usernameFocus,
                    label: AppStrings.usernameLabel,
                    iconPath: AssetsManager.userIcon,
                  ),
                  SizedBox(height: 16.0.h()),

                  LoginTextField(
                    controller: viewModel.passwordController,
                    focusNode: viewModel.passwordFocus,
                    label: AppStrings.passwordLabel,
                    iconPath: AssetsManager.passwordIcon,
                    isPassword: true,
                    obscureText: viewModel.obscurePassword,
                    onToggleVisibility: viewModel.togglePasswordVisibility,
                  ),
                  SizedBox(height: 32.0.h()),

                  if (viewModel.isLoading)
                    const CircularProgressIndicator()
                  else
                    BaseButton(
                      isEnabled: viewModel.isLoginEnabled,
                      onPressed:
                          viewModel.isLoginEnabled
                              ? () async {
                                await viewModel.login();
                                if (viewModel.loggedInUser != null) {
                                  HomeRouteData().go(context);
                                } else if (viewModel.errorMessage != null) {
                                  ScaffoldMessenger.of(context).showSnackBar(
                                    SnackBar(
                                      content: Text(viewModel.errorMessage!),
                                    ),
                                  );
                                }
                              }
                              : null,
                    ),
                ],
              );
            },
          ),
        ),
      ),
    );
  }
}