HMG_Patient_App_New/lib/presentation/authentication/saved_login_screen.dart

import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:hmg_patient_app_new/core/app_assets.dart';
import 'package:hmg_patient_app_new/core/app_state.dart';
import 'package:hmg_patient_app_new/core/dependencies.dart';
import 'package:hmg_patient_app_new/core/enums.dart';
import 'package:hmg_patient_app_new/core/utils/date_util.dart';
import 'package:hmg_patient_app_new/core/utils/size_utils.dart';
import 'package:hmg_patient_app_new/core/utils/utils.dart';
import 'package:hmg_patient_app_new/extensions/string_extensions.dart';
import 'package:hmg_patient_app_new/features/authentication/authentication_view_model.dart';
import 'package:hmg_patient_app_new/generated/locale_keys.g.dart';
import 'package:hmg_patient_app_new/presentation/authentication/login.dart';
import 'package:hmg_patient_app_new/presentation/home/landing_page.dart';
import 'package:hmg_patient_app_new/presentation/home/navigation_screen.dart';
import 'package:hmg_patient_app_new/theme/colors.dart';
import 'package:hmg_patient_app_new/widgets/appbar/app_bar_widget.dart';
import 'package:hmg_patient_app_new/widgets/bottomsheet/generic_bottom_sheet.dart';
import 'package:hmg_patient_app_new/widgets/buttons/custom_button.dart';
import 'package:provider/provider.dart';

class SavedLogin extends StatefulWidget {
  const SavedLogin({Key? key}) : super(key: key);

  @override
  _SavedLogin createState() => _SavedLogin();
}

class _SavedLogin extends State<SavedLogin> {
  LoginTypeEnum loginType = LoginTypeEnum.sms;
  late AuthenticationViewModel authVm;
  late AppState appState;

  @override
  void initState() {
    authVm = context.read<AuthenticationViewModel>();
    appState = getIt.get<AppState>();
    loginType = LoginTypeExtension.fromValue(appState.getSelectDeviceByImeiRespModelElement!.logInType!)!;

    authVm.phoneNumberController.text = appState.getSelectDeviceByImeiRespModelElement!.mobile!.startsWith("0")
        ? appState.getSelectDeviceByImeiRespModelElement!.mobile!.replaceFirst("0", "")
        : appState.getSelectDeviceByImeiRespModelElement!.mobile!;
    authVm.nationalIdController.text = appState.getSelectDeviceByImeiRespModelElement!.identificationNo!;

    if (loginType == LoginTypeEnum.fingerprint || loginType == LoginTypeEnum.face) {
      authVm.loginWithFingerPrintFace(() {});
    }

    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppColors.scaffoldBgColor,
      appBar: CustomAppBar(
        onBackPressed: () {
          Navigator.of(context).pop();
        },
        onLanguageChanged: (value) {
          context.setLocale(value == 'en' ? Locale('en', 'US') : Locale('ar', 'SA'));
        },
      ),
      body: SafeArea(
        child: Padding(
          padding: EdgeInsets.symmetric(horizontal: 24.h),
          child: appState.getSelectDeviceByImeiRespModelElement != null ? Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              const Spacer(flex: 2),
              // Welcome back text
              LocaleKeys.welcomeBack.tr().toText16(color: AppColors.inputLabelTextColor),
              SizedBox(height: 16.h),
              appState.getSelectDeviceByImeiRespModelElement != null
                  ? appState.getSelectDeviceByImeiRespModelElement!.name!.toCamelCase.toText26(isBold: true, height: 26 / 36, color: AppColors.textColor)
                  : SizedBox(),
              SizedBox(height: 24.h),
              Container(
                padding: EdgeInsets.all(16.h),
                decoration: BoxDecoration(
                  color: AppColors.whiteColor,
                  border: Border.all(color: AppColors.whiteColor),
                  borderRadius: BorderRadius.circular(24.h),
                  boxShadow: [
                    BoxShadow(color: Color(0x0D000000), blurRadius: 16, offset: Offset(0, 0), spreadRadius: 5),
                  ],
                ),
                child: Column(
                  children: [
                    // Last login info

                    ("${LocaleKeys.lastLoginBy.tr()} ${loginType.displayName}").toText14(isBold: true, color: AppColors.greyTextColor, letterSpacing: -1),
                    appState.getSelectDeviceByImeiRespModelElement != null
                        ? (appState.getSelectDeviceByImeiRespModelElement!.createdOn != null
                                ? DateUtil.getFormattedDate(DateUtil.convertStringToDate(appState.getSelectDeviceByImeiRespModelElement!.createdOn!), "d MMMM, y 'at' HH:mm")
                                : '--')
                            .toText16(isBold: true, color: AppColors.textColor)
                        : SizedBox(),

                    appState.getSelectDeviceByImeiRespModelElement != null
                        ? Container(
                            margin: EdgeInsets.all(16.h),
                            child: Utils.buildSvgWithAssets(
                                icon: getTypeIcons(appState.getSelectDeviceByImeiRespModelElement!.logInType!),
                                height: 54,
                                width: 54,
                                iconColor: loginType.toInt == 4 ? null : AppColors.primaryRedColor))
                        : SizedBox(),
                    // Face ID login button
                    SizedBox(
                      height: 45,
                      child: CustomButton(
                        text: "${LocaleKeys.loginBy.tr()} ${loginType.displayName}",
                        onPressed: () {
                          if (loginType == LoginTypeEnum.fingerprint || loginType == LoginTypeEnum.face) {
                            authVm.loginWithFingerPrintFace(() {});
                          } else {
                            authVm.checkUserAuthentication(otpTypeEnum: loginType == LoginTypeEnum.sms ? OTPTypeEnum.sms : OTPTypeEnum.whatsapp);
                          }
                        },
                        backgroundColor: AppColors.primaryRedColor,
                        borderColor: AppColors.primaryRedColor,
                        textColor: Colors.white,
                        fontSize: 12,
                        fontWeight: FontWeight.w500,
                        borderRadius: 12,
                        padding: EdgeInsets.fromLTRB(0, 10, 0, 10),
                        icon: getTypeIcons(loginType.toInt),
                        //loginType == LoginTypeEnum.sms ? AppAssets.sms :AppAssets.whatsapp,
                        iconColor: loginType != LoginTypeEnum.whatsapp ? Colors.white : null,
                      ),
                    ),
                  ],
                ),
              ),
              const SizedBox(height: 24),
              Padding(
                padding: EdgeInsets.symmetric(horizontal: 16.0),
                child: Text(
                  LocaleKeys.oR.tr(),
                  style: context.dynamicTextStyle(fontSize: 16, fontWeight: FontWeight.w500),
                ),
              ),
              const SizedBox(height: 24),
              // OTP login button
              loginType.toInt != 1
                  ? Column(
                      children: [
                        loginType.toInt != 1
                            ? CustomButton(
                                text: LocaleKeys.loginByOTP.tr(),
                                onPressed: () {
                                  showModalBottomSheet(
                                    context: context,
                                    isScrollControlled: true,
                                    isDismissible: false,
                                    useSafeArea: true,
                                    backgroundColor: Colors.transparent,
                                    enableDrag: false,
                                    // Prevent dragging to avoid focus conflicts
                                    builder: (bottomSheetContext) => StatefulBuilder(builder: (BuildContext context, StateSetter setModalState) {
                                      return Padding(
                                        padding: EdgeInsets.only(bottom: MediaQuery.of(bottomSheetContext).viewInsets.bottom),
                                        child: SingleChildScrollView(
                                          child: GenericBottomSheet(
                                            countryCode: "966",
                                            initialPhoneNumber: "",
                                            textController: TextEditingController(),
                                            isFromSavedLogin: true,
                                            isEnableCountryDropdown: true,
                                            onCountryChange: (value) {},
                                            onChange: (String? value) {},
                                            buttons: [
                                              Padding(
                                                padding: EdgeInsets.only(bottom: 10.h),
                                                child: CustomButton(
                                                    text: LocaleKeys.sendOTPSMS.tr(),
                                                    onPressed: () {
                                                      Navigator.of(context).pop();
                                                      loginType = LoginTypeEnum.sms;
                                                      authVm.checkUserAuthentication(otpTypeEnum: OTPTypeEnum.sms);
                                                    },
                                                    backgroundColor: AppColors.primaryRedColor,
                                                    borderColor: AppColors.primaryRedColor,
                                                    textColor: AppColors.whiteColor,
                                                    icon: AppAssets.sms),
                                              ),
                                              Row(
                                                crossAxisAlignment: CrossAxisAlignment.center,
                                                mainAxisAlignment: MainAxisAlignment.center,
                                                children: [
                                                  Padding(padding: EdgeInsets.symmetric(horizontal: 8.h), child: (LocaleKeys.oR.tr()).toText16(color: AppColors.textColor)),
                                                ],
                                              ),
                                              Padding(
                                                padding: const EdgeInsets.only(bottom: 10, top: 10),
                                                child: CustomButton(
                                                  text: LocaleKeys.sendOTPWHATSAPP.tr(),
                                                  onPressed: () {
                                                    Navigator.of(context).pop();
                                                    loginType = LoginTypeEnum.whatsapp;
                                                    authVm.checkUserAuthentication(otpTypeEnum: OTPTypeEnum.whatsapp);
                                                  },
                                                  backgroundColor: AppColors.transparent,
                                                  borderColor: AppColors.textColor,
                                                  textColor: AppColors.textColor,
                                                  icon: AppAssets.whatsapp,
                                                  iconColor: null,
                                                ),
                                              ),
                                            ],
                                          ),
                                        ),
                                      );
                                    }),
                                  );
                                },
                                backgroundColor: AppColors.whiteColor,
                                borderColor: AppColors.borderOnlyColor,
                                textColor: AppColors.textColor,
                                borderWidth: 2,
                                padding: EdgeInsets.fromLTRB(0, 14, 0, 14),
                                icon: AppAssets.sms,
                                iconColor: AppColors.textColor,
                              )
                            : Container(),
                        SizedBox(
                          height: 20,
                        ),
                      ],
                    )
                  : CustomButton(
                      text: "${LocaleKeys.loginBy.tr()} ${LoginTypeEnum.whatsapp.displayName}",
                      icon: AppAssets.whatsapp,
                      iconColor: null,
                      onPressed: () {
                        if (loginType == LoginTypeEnum.fingerprint || loginType == LoginTypeEnum.face) {
                          authVm.loginWithFingerPrintFace(() {});
                        } else {
                          loginType = LoginTypeEnum.whatsapp;
                          authVm.checkUserAuthentication(otpTypeEnum: OTPTypeEnum.whatsapp);
                        }
                      },
                      backgroundColor: AppColors.whiteColor,
                      borderColor: Color(0xFF2E3039),
                      textColor: Color(0xFF2E3039),
                      borderWidth: 2,
                      padding: EdgeInsets.fromLTRB(0, 14, 0, 14),
                    ),
              const Spacer(flex: 2),
              // OR divider

              const SizedBox(height: 24),
              // Guest and Switch account
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: [
                  Expanded(
                    child: SizedBox(
                      height: 56,
                      child: CustomButton(
                        text: LocaleKeys.guest.tr(),
                        onPressed: () {
                          Navigator.of(context).pushReplacement(
                            MaterialPageRoute(builder: (BuildContext context) => LandingNavigation()),
                          );
                        },
                        backgroundColor: Color(0xffFEE9EA),
                        borderColor: Color(0xffFEE9EA),
                        textColor: Color(0xffED1C2B),
                        fontSize: 16,
                        fontWeight: FontWeight.w500,
                        borderRadius: 12,
                        padding: EdgeInsets.fromLTRB(0, 10, 0, 10),
                        // icon: "assets/images/svg/apple-finder.svg",
                      ),
                    ),
                  ),
                  SizedBox(
                    width: MediaQuery.of(context).size.width * 0.05,
                  ),
                  Expanded(
                    child: SizedBox(
                      height: 56,
                      child: CustomButton(
                        text: LocaleKeys.switchAccount.tr(),
                        onPressed: () async {
                          await authVm.clearDefaultInputValues();
                          Navigator.of(context).push(
                            MaterialPageRoute(builder: (BuildContext context) => LoginScreen()),
                          );
                        },
                        backgroundColor: Color(0xffFEE9EA),
                        borderColor: Color(0xffFEE9EA),
                        textColor: Color(0xffED1C2B),
                        fontSize: 15,
                        fontWeight: FontWeight.w500,
                        borderRadius: 12,
                        padding: EdgeInsets.fromLTRB(0, 10, 0, 10),
                        // icon: "assets/images/svg/apple-finder.svg",
                      ),
                    ),
                  ),
                ],
              ),
              const SizedBox(height: 20),
            ],
          ) : SizedBox.shrink(),
        ),
      ),
    );
  }

  String getTypeIcons(int type) {
    final types = {
      1: AppAssets.sms,
      2: AppAssets.fingerprint,
      3: AppAssets.fingerprint,
      4: AppAssets.whatsapp,
      0: AppAssets.sms,
    };

    if (types.containsKey(type)) {
      return types[type]!;
    } else {
      throw Exception('Invalid login type: $type');
    }
  }
}