HMG_Patient_App_New/lib/presentation/authantication/login.dart

import 'package:easy_localization/easy_localization.dart';
import 'package:flutter/gestures.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:hmg_patient_app_new/core/app_assets.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/extensions/widget_extensions.dart';
import 'package:hmg_patient_app_new/generated/locale_keys.g.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:hmg_patient_app_new/widgets/input_widget.dart';

class LoginScreen extends StatefulWidget {
  @override
  _LoginScreen createState() => _LoginScreen();
}

class _LoginScreen extends State<LoginScreen> {
  @override
  void initState() {
    super.initState();
  }

  @override
  void dispose() {
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: CustomAppBar(
        onBackPressed: () {
          // Navigator.of(context).pop();
        },
        onLanguageChanged: (String value) {
          print(value);
          context.setLocale(value == 'en' ? Locale('ar', 'SA') : Locale('en', 'US'));
        },
      ),
      body: GestureDetector(
        onTap: () {
          FocusScope.of(context).unfocus(); // Dismiss the keyboard when tapping outside
        },
        child: SingleChildScrollView(
          child: Padding(
            padding: EdgeInsets.only(left: 6.h, right: 6.h),
            child: Column(
              mainAxisSize: MainAxisSize.min,
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Utils.showLottie(context: context, assetPath: AppAnimations.login, width: 45.h, height: 22.h, repeat: true, fit: BoxFit.cover),
                SizedBox(height: 19.h), // Adjusted to sizer unit
                LocaleKeys.welcomeToDrSulaiman.tr().toText24(),
                SizedBox(height: 4.h), // Adjusted to sizer unit (approx 32px)
                TextInputWidget(
                  labelText: "${LocaleKeys.nationalId.tr()} / ${LocaleKeys.fileNo.tr()}",
                  hintText: "xxxxxxxxx",
                  controller: TextEditingController(),
                  keyboardType: TextInputType.number,
                  isEnable: true,
                  prefix: null,
                  autoFocus: true,
                  isBorderAllowed: false,
                  isAllowLeadingIcon: true,
                  padding: EdgeInsets.symmetric(vertical: 1.h, horizontal: 2.h),
                  leadingIcon: AppAssets.student_card,
                  errorMessage: "Please enter a valid national ID or file number",
                  hasError: true,
                ),
                SizedBox(height: 2.h), // Adjusted to sizer unit (approx 16px)
                CustomButton(
                  text: LocaleKeys.login.tr(),
                  icon: AppAssets.login1,
                  iconColor: Colors.white,
                  onPressed: () {
                    showModalBottomSheet(
                      context: context,
                      isScrollControlled: true,
                      isDismissible: false,
                      useSafeArea: true,
                      backgroundColor: Colors.transparent,
                      enableDrag: false,
                      builder: (bottomSheetContext) => StatefulBuilder(
                        builder: (BuildContext context, StateSetter setModalState) {
                          return Padding(
                              padding: EdgeInsets.only(bottom: MediaQuery.of(bottomSheetContext).viewInsets.bottom),
                              child: SingleChildScrollView(
                                child: GenericBottomSheet(
                                  countryCode: "selectedCountry.countryCode",
                                  initialPhoneNumber: "",
                                  textController: TextEditingController(),
                                  isEnableCountryDropdown: true,
                                  onCountryChange: (value) {},
                                  onChange: (String? value) {},
                                  buttons: [
                                    Padding(
                                      padding: const EdgeInsets.only(bottom: 10),
                                      child: CustomButton(
                                        text: "TranslationBase.of(context).sendOTPSMS",
                                        onPressed: () {},
                                        backgroundColor: AppColors.primaryRedColor,
                                        borderColor: AppColors.primaryRedBorderColor,
                                        textColor: AppColors.whiteColor,
                                        icon: AppAssets.message,
                                      ),
                                    ),
                                    Row(
                                      crossAxisAlignment: CrossAxisAlignment.center,
                                      mainAxisAlignment: MainAxisAlignment.center,
                                      children: [
                                        Padding(
                                          padding: const EdgeInsets.symmetric(horizontal: 8),
                                          child: "LocaleKeys.oR.tr()".toText16(),
                                        ),
                                      ],
                                    ),
                                    Padding(
                                      padding: const EdgeInsets.only(bottom: 10, top: 10),
                                      child: CustomButton(
                                        text: "LocaleKeys.sendOTPWHATSAPP.tr(),",
                                        onPressed: () {},
                                        backgroundColor: Colors.white,
                                        borderColor: AppColors.borderOnlyColor,
                                        textColor: AppColors.textColor,
                                        icon: AppAssets.whatsapp,
                                      ),
                                    ),
                                  ],
                                ),
                              ));
                        },
                      ),
                    );
                  },
                ),
                SizedBox(height: 1.8.h), // Adjusted to sizer unit (approx 14px)
                Center(
                  child: RichText(
                    textAlign: TextAlign.center,
                    text: TextSpan(
                      style: context.dynamicTextStyle(
                        color: Colors.black,
                        fontSize: 14.fSize, // Adjusted to sizer unit
                        height: 26 / 16, // This height is a ratio, may need re-evaluation
                        fontWeight: FontWeight.w500,
                      ),
                      children: <TextSpan>[
                        TextSpan(text: LocaleKeys.dontHaveAccount.tr(), style: context.dynamicTextStyle()),
                        TextSpan(text: "  "),
                        TextSpan(
                          text: LocaleKeys.registernow.tr(),
                          style: context.dynamicTextStyle(
                            color: AppColors.primaryRedColor,
                            fontSize: 14.fSize, // Adjusted to sizer unit
                            height: 26 / 16, // Ratio
                            fontWeight: FontWeight.w500,
                          ),
                          recognizer: TapGestureRecognizer()..onTap = () {},
                        ),
                      ],
                    ),
                  ).withVerticalPadding(2.h), // Adjusted to sizer unit
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}