import 'package:flutter/gestures.dart'; import 'package:hmg_patient_app/config/size_config.dart'; import 'package:hmg_patient_app/core/viewModels/project_view_model.dart'; import 'package:hmg_patient_app/new_ui/otp/otp_validation_bootmsheet_widget.dart'; import 'package:hmg_patient_app/pages/AlHabibMedicalService/health_calculator/carbs/carbs.dart'; import 'package:hmg_patient_app/pages/login/login-type.dart'; import 'package:hmg_patient_app/pages/login/register-info.dart'; import 'package:hmg_patient_app/pages/login/register.dart'; import 'package:hmg_patient_app/pages/login/register_new_step_2.dart'; import 'package:hmg_patient_app/services/authentication/auth_provider.dart'; import 'package:hmg_patient_app/theme/colors.dart'; import 'package:hmg_patient_app/uitl/app_shared_preferences.dart'; import 'package:hmg_patient_app/uitl/translations_delegate_base.dart'; import 'package:hmg_patient_app/uitl/utils.dart'; import 'package:hmg_patient_app/uitl/utils_new.dart'; import 'package:hmg_patient_app/widgets/others/app_scaffold_widget.dart'; import 'package:flutter/material.dart'; import 'package:hmg_patient_app/widgets/text/app_texts_widget.dart'; import 'package:provider/provider.dart'; import '../../widgets/transitions/fade_page.dart'; class RegisterNew extends StatefulWidget { @override _RegisterNew createState() => _RegisterNew(); } class _RegisterNew extends State { final nationalIDorFile = TextEditingController(); final phoneController = TextEditingController(); Country selectedCountry = Country.saudiArabia; bool isTermsAccepted = false; DateTime? selectedDOB; final int loginType = LoginType.loginType; late String mobileNo; String countryCode = '966'; var isHijri; final util = Utils(); late String dob; bool isButtonDisabled = true; final authService = new AuthProvider(); final sharedPref = new AppSharedPreferences(); late PageController _controller; late bool isLoading; int _currentIndex = 0; @override void initState() { super.initState(); _controller = new PageController(); } @override void dispose() { super.dispose(); } changePageViewIndex(pageIndex) { _controller.jumpToPage(pageIndex); } @override Widget build(BuildContext context) { return AppScaffold( appBarTitle: TranslationBase.of(context).register, isShowDecPage: false, isShowAppBar: true, isshowBackButton: true, showNewAppBar: true, backgroundColor: Color(0xffF8F8F8), showNewAppBarTitle: false, showDropDown: true, isShowLanguageChanger: true, appBarIcons: [], dropDownList: [], resizeToAvoidBottomInset: true, dropDownIndexChange: (value) { Utils.changeAppLanguage(context: context); }, // body: SingleChildScrollView( // child: Container( // height: SizeConfig.realScreenHeight! * .9, // width: SizeConfig.realScreenWidth, // child: Column(children: [ // Container( // width: double.infinity, // padding: EdgeInsets.only(left: 20, right: 20, top: 12), // child: Row( // children: [ // Expanded( // child: showProgress( // title: TranslationBase.of(context).enterDetails, // status: _currentIndex == 0 // ? TranslationBase.of(context).inPrgress // : _currentIndex > 0 // ? TranslationBase.of(context).completed // : TranslationBase.of(context).locked, // color: _currentIndex == 0 ? CustomColors.orange : CustomColors.green, // ), // ), // Expanded( // child: showProgress( // title: TranslationBase.of(context).patientInfo, // status: _currentIndex == 1 // ? TranslationBase.of(context).inPrgress // : _currentIndex > 1 // ? TranslationBase.of(context).completed // : TranslationBase.of(context).locked, // color: _currentIndex == 1 // ? CustomColors.orange // : _currentIndex > 1 // ? CustomColors.green // : CustomColors.grey2, // ), // ), // showProgress( // title: TranslationBase.of(context).otherInfo, // status: _currentIndex == 2 ? TranslationBase.of(context).inPrgress : TranslationBase.of(context).locked, // color: _currentIndex == 2 // ? CustomColors.orange // : _currentIndex > 3 // ? CustomColors.green // : CustomColors.grey2, // isNeedBorder: false, // ), // ], // ), // ), // Expanded( // child: PageView( // physics: NeverScrollableScrollPhysics(), // controller: _controller, // onPageChanged: (index) { // setState(() { // _currentIndex = index; // }); // }, // scrollDirection: Axis.horizontal, // children: [ // Register( // changePageViewIndex: changePageViewIndex, // ), // // RegisterInfo( // changePageViewIndex: changePageViewIndex, // ), // RegisterInfo(changePageViewIndex: changePageViewIndex, page: 2), // // NewEReferralStepOnePage( // // changePageViewIndex: changePageViewIndex, // // createEReferralRequestModel: createEReferralRequestModel, // // ), // // NewEReferralStepTowPage( // // changePageViewIndex: changePageViewIndex, // // createEReferralRequestModel: createEReferralRequestModel, // // ), // // NewEReferralStepThreePage( // // changePageViewIndex: changePageViewIndex, // // createEReferralRequestModel: createEReferralRequestModel, // // ), // ], // ), // ), // ]), // ), // ), body: SafeArea( child: SingleChildScrollView( reverse: false, padding: EdgeInsets.only( left: 24, right: 24, // bottom: MediaQuery.of(context).viewInsets.bottom , ), child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Utils.showLottie( context: context, assetPath: 'assets/animations/lottie/register.json', width: 238, repeat: true, ), SizedBox(height: 8), Text( TranslationBase.of(context).prepareToElevate, style: TextStyle( fontSize: 32, fontFamily: context.fontFamily, fontWeight: FontWeight.w600, color: Color(0xff2B353E), letterSpacing: -0.4, height: 47 / 32, ), ), SizedBox(height: 24), Directionality( textDirection: Directionality.of(context), child: Container( decoration: BoxDecoration(color: Colors.white, borderRadius: BorderRadius.circular(24)), padding: EdgeInsets.only(left: 16, right: 16), child: Column( children: [ inputWidget( TranslationBase.of(context).country, "Kingdom Of Saudi Arabia", nationalIDorFile, isEnable: true, prefix: null, hasSelection: true, dropdownItems: Country.values.map((e) => context.selectedLanguage == "ar" ? e.nameArabic : e.displayName).toList(), selectedValue: context.selectedLanguage == "ar" ? selectedCountry.nameArabic : selectedCountry.displayName, selectionType: SelectionType.dropdown, onChange: (val) { if (val != null) { setState(() { selectedCountry = CountryExtension.fromDisplayName(val); }); } }, isBorderAllowed: false, isAllowLeadingIcon: true, hasSelectionCustomIcon: true, removePadding: true, isLeadingCountry: true, isAllowRadius: false, selectionCustomIcon: "assets/images/svg/arrow-down.svg", leadingIcon: selectedCountry.iconPath, ), Divider(height: 1), inputWidget(TranslationBase.of(context).nationalIdNumber, "1xxxxxxxx", nationalIDorFile, isEnable: true, prefix: null, removePadding: true, isAllowRadius: false, hasSelection: false, isBorderAllowed: false, isAllowLeadingIcon: true, leadingIcon: "assets/images/svg/student-card.svg", onChange: (value) { print(value); }), Divider(height: 1), inputWidget(TranslationBase.of(context).dob, "11 July, 1994", nationalIDorFile, isEnable: true, prefix: null, hasSelection: true, removePadding: true, isBorderAllowed: false, isAllowLeadingIcon: true, hasSelectionCustomIcon: true, selectionType: SelectionType.calendar, selectedValue: selectedDOB != null ? Utils.formatDateToDisplay(selectedDOB.toString()) : null, selectionCustomIcon: "assets/images/svg/calendar.svg", leadingIcon: "assets/images/svg/birthday-cake.svg", onChange: (value) { print("=========== " + value!); selectedDOB = DateTime.parse(value); setState(() {}); }), ], ), ), ), SizedBox(height: 25), GestureDetector( onTap: () { setState(() { isTermsAccepted = !isTermsAccepted; }); }, child: Row( children: [ AnimatedContainer( duration: const Duration(milliseconds: 200), height: 24, width: 24, decoration: BoxDecoration( color: isTermsAccepted ? const Color(0xFFE92227) : Colors.transparent, borderRadius: BorderRadius.circular(6), border: Border.all( color: isTermsAccepted ? const Color(0xFFE92227) : Colors.grey, width: 2, ), ), child: isTermsAccepted ? const Icon(Icons.check, size: 16, color: Colors.white) : null, ), const SizedBox(width: 12), Expanded( child: Text( TranslationBase.of(context).iAcceptTermsConditions, style: TextStyle( fontSize: 14, fontWeight: FontWeight.w500, color: Color(0xFF2E3039), ), ), ), ], ), ), SizedBox(height: 25), CustomButton( text: TranslationBase.of(context).register, icon: "assets/images/svg/note-edit.svg", onPressed: () { // bool isValid = Utils.validateIqama(nationalIDorFile.text); if (nationalIDorFile == null) { Utils.showErrorToast("Please enter your national id."); return; } if (selectedCountry == null) { Utils.showErrorToast("Please select your country."); return; } if (selectedDOB == null) { Utils.showErrorToast("Please enter your date of birth."); return; } if (!isTermsAccepted) { Utils.showErrorToast("Please accept the terms and conditions."); return; } showModalBottomSheet( context: context, isScrollControlled: true, isDismissible: false, backgroundColor: Colors.transparent, builder: (bottomSheetContext) => Padding( padding: EdgeInsets.only(bottom: MediaQuery.of(bottomSheetContext).viewInsets.bottom), child: SingleChildScrollView( child: GenericBottomSheet( countryCode: selectedCountry.countryCode, initialPhoneNumber: "", textController: phoneController, buttons: [ Padding( padding: const EdgeInsets.only(bottom: 10), child: CustomButton( text: "Send me OTP on SMS", onPressed: () { int? val = Utils.onOtpBtnPressed(OTPType.sms, phoneController); registerUser(val); //if (val != null) checkUserAuthentication(val); }, backgroundColor: Colors.red, borderColor: Colors.red, textColor: Colors.white, icon: "assets/images/svg/message.svg", ), ), Row( crossAxisAlignment: CrossAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center, children: [ Padding( padding: const EdgeInsets.symmetric(horizontal: 8), child: AppText( "OR", fontSize: 16, fontFamily: context.fontFamily, color: Color(0xFF2E3039), fontWeight: FontWeight.w500, ), ), ], ), Padding( padding: const EdgeInsets.only(bottom: 10), child: CustomButton( text: "Send me OTP on WhatsApp", onPressed: () { int? val = Utils.onOtpBtnPressed(OTPType.whatsapp, phoneController); registerUser(val); // if (val != null) checkUserAuthentication(val); }, backgroundColor: Colors.white, borderColor: Color(0xFF2E3039), textColor: Color(0xFF2E3039), icon: "assets/images/svg/whatsapp.svg", ), ), ], ), ), ), ); }, fontFamily: context.fontFamily, ), SizedBox(height: 14), Center( child: RichText( textAlign: TextAlign.center, text: TextSpan( style: TextStyle( color: Colors.black, fontSize: 16, height: 26 / 16, fontFamily: context.fontFamily, fontWeight: FontWeight.w500, ), children: [ TextSpan( text: TranslationBase.of(context).alreadyHaveAccount, style: TextStyle( fontFamily: context.fontFamily, ), ), TextSpan(text: " "), TextSpan( text: TranslationBase.of(context).loginNow, style: TextStyle( color: Colors.red, fontSize: 16, height: 26 / 16, fontFamily: context.fontFamily, fontWeight: FontWeight.w500, ), recognizer: TapGestureRecognizer() ..onTap = () { Navigator.of(context).pop(); }, ), ], ), ), ), SizedBox(height: 30), ], ), ), )); } Widget showProgress({String? title, String? status, Color? color, bool isNeedBorder = true}) { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Container( width: 26, height: 26, decoration: containerRadius(color!, 200), child: Icon( Icons.done, color: Colors.white, size: 16, ), ), if (isNeedBorder) Expanded( child: Padding( padding: const EdgeInsets.all(8.0), child: mDivider(Colors.grey), )), ], ), mHeight(8), Text( title!, style: TextStyle( fontSize: 11, fontWeight: FontWeight.w600, letterSpacing: -0.44, ), ), mHeight(2), Container( padding: EdgeInsets.all(5), decoration: containerRadius(color.withOpacity(0.2), 4), child: Text( status!, style: TextStyle( fontSize: 8, fontWeight: FontWeight.w600, letterSpacing: -0.32, color: color, ), ), ), ], ) ], ); } void registerUser(int? value) { //OTPType.sms ? 1 : 2; print("Country: ${selectedCountry.name}"); print("nationalId: ${nationalIDorFile.text}"); print("DOB: ${selectedDOB}"); if (value == 1) { print("OTP sent successfully to ${phoneController.text} using SMS"); } else { print("OTP sent successfully to ${phoneController.text} using Whatsapp"); } Navigator.of(context).push(FadePage(page: RegisterNewStep2())); } }