In my following flutter code of customer_register_profile.dart I want that customer age should be more than 12 years then only his entry in D.O.B. box should be acceptable otherwise should ask to recheck your Date Of Birth. My code is: import 'dart:io'; import 'package:fitstand/src/controllers/customer/customer_controller.dart'; import 'package:fitstand/src/helpers/texts.dart'; import 'package:fitstand/src/helpers/validator.dart'; import 'package:fitstand/src/widgets/colors.dart'; import 'package:fitstand/src/widgets/custom_button.dart'; import 'package:fitstand/src/widgets/custom_date_time_field.dart'; import 'package:fitstand/src/widgets/custom_dropdown_field.dart'; import 'package:fitstand/src/widgets/custom_input.dart'; import 'package:fitstand/src/widgets/custom_text_field.dart'; import 'package:fitstand/src/widgets/dimensions.dart'; import 'package:fitstand/src/widgets/style.dart'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:flutter_hex_color/flutter_hex_color.dart'; import 'package:intl/intl.dart'; import 'package:mvc_pattern/mvc_pattern.dart'; import 'package:url_launcher/url_launcher.dart'; //Added for WhatsApp support import 'package:fitstand/src/repositories/customer/whatsapp_number_repository.dart'; //Added for WhatsApp support class CustomerRegisterProfile extends StatefulWidget { final String? mobileNumber; final String? countryCode; final String? emailType; final String? countryInCode; const CustomerRegisterProfile( {Key? key, this.mobileNumber, this.countryCode, this.emailType, this.countryInCode}) : super(key: key); @override State createState() => CustomerRegisterProfileState(); } class CustomerRegisterProfileState extends StateMVC { CustomerController customerController = CustomerController(); String? whatsappNumber; //Added for WhatsApp support CustomerRegisterProfileState() : super(CustomerController()) { customerController = controller as CustomerController; } bool Loading = false; @override void initState() { customerController.getLocationData(); setState(() { customerController.phoneController.text = widget.mobileNumber ?? ''; customerController.emailController.text = widget.mobileNumber ?? ''; }); super.initState(); _fetchWhatsAppNumber(); } //Following Added for Whatsapp support Implementation on 9-5-2025 Future _fetchWhatsAppNumber() async { try { final response = await getWhatsAppNumber(); if (response != null && response['success'] == true) { setState(() { whatsappNumber = response['data']['whatsapp_number']; }); } } catch (e) { print('Error fetching WhatsApp number: $e'); } } Future _launchWhatsAppHelp() async { if (whatsappNumber == null) { ScaffoldMessenger.of(context).showSnackBar( const SnackBar(content: Text('WhatsApp number not available')), ); return; } final message = 'Hey, I need help!'; final whatsappUrl = Uri.parse('https://wa.me/$whatsappNumber?text=${Uri.encodeComponent(message)}'); if (await canLaunchUrl(whatsappUrl)) { await launchUrl(whatsappUrl); } else { ScaffoldMessenger.of(context).showSnackBar( const SnackBar(content: Text('Could not launch WhatsApp')), ); } } void _showWhatsAppHelpDialog() { if (whatsappNumber == null) { ScaffoldMessenger.of(context).showSnackBar( const SnackBar(content: Text('WhatsApp number not available. Please try again later.')), ); return; } showDialog( context: context, builder: (BuildContext context) { return Dialog( shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(16.0), ), elevation: 0, backgroundColor: Colors.transparent, child: Container( padding: const EdgeInsets.all(20), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(16), ), child: Column( mainAxisSize: MainAxisSize.min, children: [ const Icon( Icons.help_outline, size: 48, color: Colors.blue, ), const SizedBox(height: 16), Text( 'Need Help?', style: TextStyle( fontSize: 20, fontWeight: FontWeight.bold, color: Colors.grey[800], ), ), const SizedBox(height: 12), Text( 'You can contact us directly on WhatsApp for assistance.', textAlign: TextAlign.center, style: TextStyle( fontSize: 16, color: Colors.grey[600], ), ), const SizedBox(height: 24), Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ Expanded( child: OutlinedButton( style: OutlinedButton.styleFrom( padding: const EdgeInsets.symmetric(vertical: 14), side: const BorderSide(color: Colors.red), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(8), ), ), onPressed: () => Navigator.pop(context), child: const Text( 'Cancel', style: TextStyle( color: Colors.red, fontWeight: FontWeight.bold, fontSize: 16, ), ), ), ), const SizedBox(width: 16), Expanded( child: ElevatedButton( style: ElevatedButton.styleFrom( backgroundColor: Colors.green, padding: const EdgeInsets.symmetric(vertical: 14), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(8), ), ), onPressed: () { Navigator.pop(context); _launchWhatsAppHelp(); }, child: const Text( 'Open WhatsApp', style: TextStyle( color: Colors.white, fontWeight: FontWeight.bold, fontSize: 16, ), ), ), ), ], ), ], ), ), ); }, ); } //Above Added for Whatsapp support Implementation on 9-5-2025 @override Widget build(BuildContext context) { return AnnotatedRegion( value: const SystemUiOverlayStyle( statusBarColor: whiteColor, statusBarBrightness: Brightness.light, statusBarIconBrightness: Brightness.dark, ), child: Scaffold( key: customerController.scaffoldKey, backgroundColor: whiteColor, body: GestureDetector( onTap: () { FocusScope.of(context).requestFocus(FocusNode()); }, child: SingleChildScrollView( padding: const EdgeInsets.only( top: 60.0, left: 25.0, right: 25.0, bottom: 50.0), scrollDirection: Axis.vertical, primary: true, child: Form( key: customerController.formKey, child: Column( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( dearUserTxt, textAlign: TextAlign.center, style: montserratBold.copyWith( color: HexColor(darkGunmetalColor), fontSize: Dimensions.fontSizeLarge, ), ), const SizedBox(height: 20.0), Text( weWillRequireBelowDetailsToCreateYourProfileTxt, textAlign: TextAlign.center, style: montserratMedium.copyWith( color: HexColor(metallicSilverColor), fontSize: Dimensions.fontSizeDefault, ), ), const SizedBox(height: 10.0), Stack( clipBehavior: Clip.none, children: [ InkWell( onTap: () { showModalBottomSheet( context: context, backgroundColor: whiteColor, builder: (BuildContext context) { return StatefulBuilder( builder: (BuildContext context, setModalState) { return Container( height: 250, padding: const EdgeInsets.symmetric( horizontal: 16, vertical: 0), child: Column( mainAxisAlignment: MainAxisAlignment.spaceEvenly, mainAxisSize: MainAxisSize.max, children: [ Text( 'Choose Picture', textAlign: TextAlign.center, style: dmSansBold.copyWith( color: blackColor, fontSize: Dimensions.fontSizeExtraLarge, ), ), InkWell( onTap: () { setState(() { customerController.picFromCamera = true; }); setModalState(() { customerController.picFromCamera = true; customerController.pickImage( context, 0); }); }, child: Row( children: [ const SizedBox( width: 25.0, height: 25.0, child: ImageIcon( AssetImage( 'assets/icons/camera.png'), color: blackColor, size: Dimensions .fontSizeExtraLargeBanner, ), ), const SizedBox(width: 16.0), Text( 'Camera', textAlign: TextAlign.center, style: dmSansBold.copyWith( color: blackColor, fontSize: Dimensions .fontSizeDefault, ), ), ], ), ), InkWell( onTap: () { setState(() { customerController.picFromCamera = false; }); setModalState(() { customerController.picFromCamera = false; customerController.pickImage( context, 0); }); }, child: Row( children: [ const SizedBox( width: 25.0, height: 25.0, child: ImageIcon( AssetImage( 'assets/icons/photo.png'), color: blackColor, size: Dimensions .fontSizeExtraLargeBanner, ), ), const SizedBox(width: 16.0), Text( 'Gallery', textAlign: TextAlign.center, style: dmSansBold.copyWith( color: blackColor, fontSize: Dimensions .fontSizeDefault, ), ), ], ), ), ], ), ); }, ); }, ); }, splashColor: whiteColor.withOpacity(0.1), highlightColor: transparent, focusColor: transparent, child: Container( padding: const EdgeInsets.all(5.0), decoration: BoxDecoration( shape: BoxShape.circle, border: Border.all( width: 1.0, color: HexColor(lightSilverColor), ), ), child: ClipRRect( borderRadius: BorderRadius.circular(115.0), child: customerController.profileImage == null ? Container( width: 115.0, height: 115.0, decoration: BoxDecoration( color: HexColor(lightSilverColor), ), ) : Image.file( File(customerController.profileImage!.path), width: 115.0, height: 115.0, fit: BoxFit.cover, ), ), ), ), Positioned( right: 8.0, bottom: 8.0, child: InkWell( onTap: () { showModalBottomSheet( context: context, backgroundColor: whiteColor, builder: (BuildContext context) { return StatefulBuilder( builder: (BuildContext context, setModalState) { return Container( height: 250, padding: const EdgeInsets.symmetric( horizontal: 16, vertical: 0), child: Column( mainAxisAlignment: MainAxisAlignment.spaceEvenly, mainAxisSize: MainAxisSize.max, children: [ Text( 'Choose Picture', textAlign: TextAlign.center, style: dmSansBold.copyWith( color: blackColor, fontSize: Dimensions.fontSizeExtraLarge, ), ), InkWell( onTap: () { setState(() { customerController .picFromCamera = true; }); setModalState(() { customerController .picFromCamera = true; customerController.pickImage( context, 0); }); }, child: Row( children: [ const SizedBox( width: 25.0, height: 25.0, child: ImageIcon( AssetImage( 'assets/icons/camera.png'), color: blackColor, size: Dimensions .fontSizeExtraLargeBanner, ), ), const SizedBox(width: 16.0), Text( 'Camera', textAlign: TextAlign.center, style: dmSansBold.copyWith( color: blackColor, fontSize: Dimensions .fontSizeDefault, ), ), ], ), ), InkWell( onTap: () { setState(() { customerController .picFromCamera = false; }); setModalState(() { customerController .picFromCamera = false; customerController.pickImage( context, 0); }); }, child: Row( children: [ const SizedBox( width: 25.0, height: 25.0, child: ImageIcon( AssetImage( 'assets/icons/photo.png'), color: blackColor, size: Dimensions .fontSizeExtraLargeBanner, ), ), const SizedBox(width: 16.0), Text( 'Gallery', textAlign: TextAlign.center, style: dmSansBold.copyWith( color: blackColor, fontSize: Dimensions .fontSizeDefault, ), ), ], ), ), ], ), ); }, ); }, ); }, splashColor: whiteColor.withOpacity(0.1), highlightColor: transparent, focusColor: transparent, child: Container( width: 35.0, height: 35.0, decoration: BoxDecoration( shape: BoxShape.circle, color: HexColor(lightSilverColor), border: Border.all(width: 4.0, color: whiteColor), ), child: const ImageIcon( AssetImage('assets/icons/add.png'), color: blackColor, size: Dimensions.fontSizeVeryOverLarge, ), ), ), ), ], ), const SizedBox(height: 20.0), CustomTextField( textType: TextInputType.name, focusNode: customerController.nameFocus, controller: customerController.nameController, obscureText: false, decoration: textFieldDecoration( context, labelText: "Name", ), onFieldSubmitted: (value) { customerController.nameFocus.unfocus(); }, onTapValue: () {}, onSaved: (String? name) { customerController.nameController.text = name!; }, validator: (value) { String? errorString = FormValidator().validateName(value!); return errorString; }, ), const SizedBox(height: 10.0), if (widget.emailType == 'email') CustomTextField( isEnabled: false, textType: TextInputType.emailAddress, focusNode: customerController.emailFocus, controller: customerController.emailController, obscureText: false, decoration: textFieldDecoration( context, labelText: "Email", ), onFieldSubmitted: (value) { customerController.emailFocus.unfocus(); }, onTapValue: () {}, onSaved: (String? email) { customerController.emailController.text = email!; }, // validator: (value) { // String? errorString = // FormValidator().validateEmail(value!); // return errorString; // }, ), const SizedBox(height: 10.0), if (widget.emailType != 'email') CustomTextField( isEnabled: false, textType: TextInputType.phone, focusNode: customerController.phoneFocus, controller: customerController.phoneController, obscureText: false, decoration: textFieldDecoration( context, labelText: "Phone No", ), onFieldSubmitted: (value) { customerController.phoneFocus.unfocus(); }, onTapValue: () {}, onSaved: (String? phone) { customerController.phoneController.text = phone!; }, validator: (value) { String? errorString = FormValidator().validateTelephone(value!); return errorString; }, ), const SizedBox(height: 10.0), CustomTextField( isEnabled: true, textType: TextInputType.text, focusNode: customerController.passwordFocus, controller: customerController.passwordController, obscureText: customerController.passwordVisible ? false : true, maxLines: 1, decoration: textFieldDecoration( context, labelText: "Password", suffixIcon: IconButton( icon: Icon(customerController.passwordVisible ? Icons.visibility_off : Icons.visibility), onPressed: () { setState(() { customerController.passwordVisible = !customerController.passwordVisible; }); }, ), ), onFieldSubmitted: (value) { customerController.passwordFocus.unfocus(); }, onSaved: (String? phone) { customerController.passwordController.text = phone!; }, onTapValue: () {}, validator: (value) { String? errorString = FormValidator().validatePassword(value!); return errorString; }, ), const SizedBox(height: 10.0), CustomTextField( isEnabled: true, textType: TextInputType.text, focusNode: customerController.confirmPasswordFocus, controller: customerController.confirmPasswordController, obscureText: customerController.confirmPasswordVisible ? false : true, maxLines: 1, decoration: textFieldDecoration( context, labelText: "Confirm Password", suffixIcon: IconButton( icon: Icon(customerController.confirmPasswordVisible ? Icons.visibility_off : Icons.visibility), onPressed: () { setState(() { customerController.confirmPasswordVisible = !customerController.confirmPasswordVisible; }); }, ), ), onFieldSubmitted: (value) { customerController.confirmPasswordFocus.unfocus(); }, onSaved: (String? phone) { customerController.confirmPasswordController.text = phone!; }, onTapValue: () {}, validator: (value) { String? errorString = FormValidator() .validateConfirmPassword(value!, customerController.passwordController.text); return errorString; }, ), const SizedBox(height: 10.0), CustomDateTimeField( focusNode: customerController.dateOfBirthFocus, controller: customerController.dateOfBirthController, keyboardType: TextInputType.datetime, textInputAction: TextInputAction.done, decoration: textFieldDecoration( context, labelText: 'D.O.B / /', // fillColor: whiteColor, suffixIcon: Padding( padding: const EdgeInsets.all(12.0), child: ImageIcon( const AssetImage('assets/icons/calender.png'), color: blackColor.withOpacity(0.7), size: Dimensions.fontSizeVeryExtraSmall, ), ), ), format: customerController.format, onShowPicker: (context, currentValue) { return showDatePicker( firstDate: DateTime(1900), initialDate: customerController.dateTimeNotifier.value, lastDate: DateTime(DateTime.now().year + 1), context: context); }, onChanged: (eventStartDate) { customerController.dateOfBirthController.text = DateFormat('yyyy-MM-dd').format(eventStartDate!); }, onSaved: (eventStartDate) { customerController.dateOfBirthController.text = DateFormat('yyyy-MM-dd').format(eventStartDate!); }, validator: (value) { String? errorString = FormValidator().validateDate(value); return errorString; }, ), const SizedBox(height: 10.0), CustomDropdownField( decoration: textFieldDecoration( context, hintText: "", contentPadding: const EdgeInsets.only( left: 0.0, bottom: 16.0, top: 16.0, right: 10.0), ), value: customerController.selectedGender, hint: Text( selectGenderTxt, style: dmSansRegular.copyWith( color: HexColor(coolGreyColor), fontSize: Dimensions.fontSizeSmall, ), ), onChanged: (String? newValue) { setState(() { customerController.selectedGender = newValue; }); }, onSaved: (String? gender) { customerController.selectedGender = gender; }, validator: (value) { String? errorString = FormValidator().validateGender(value); return errorString; }, items: customerController.genderModelList.map((value) { return DropdownMenuItem( value: value.toString(), child: Text( value.toString(), style: dmSansRegular.copyWith( color: HexColor(coolGreyColor), fontSize: Dimensions.fontSizeSmall, ), ), ); }).toList(), ), const SizedBox(height: 10.0), if (customerController.showLocationData == true) ...[ Container( alignment: Alignment.topLeft, child: Text( 'Location', style: dmSansRegular.copyWith( color: blackColor, fontSize: Dimensions.fontSizeLarge, ), ), ), Container( alignment: Alignment.topLeft, child: Text( 'Latitude: ${customerController.latitude}', style: dmSansRegular.copyWith( color: HexColor(coolGreyColor), fontSize: Dimensions.fontSizeSmall, ), ), ), const SizedBox(height: 5), Container( alignment: Alignment.topLeft, child: Text( 'Longitude: ${customerController.longitude}', style: dmSansRegular.copyWith( color: HexColor(coolGreyColor), fontSize: Dimensions.fontSizeSmall, ), ), ), const SizedBox(height: 5), Container( alignment: Alignment.topLeft, child: Text( 'Address: ${customerController.currentAddress}', style: dmSansRegular.copyWith( color: HexColor(coolGreyColor), fontSize: Dimensions.fontSizeSmall, ), ), ), const SizedBox(height: 5), Container( alignment: Alignment.topLeft, child: Text( 'City: ${customerController.currentCity}', style: dmSansRegular.copyWith( color: HexColor(coolGreyColor), fontSize: Dimensions.fontSizeSmall, ), ), ), ], const SizedBox(height: 10.0), InkWell( onTap: () { customerController.getCurrentPosition(context); }, child: Container( height: 45.0, padding: const EdgeInsets.only(left: 20.0, right: 20.0), width: MediaQuery.sizeOf(context).width, decoration: BoxDecoration( color: customerController.locationPermissionAllowsCheck == "1" ? HexColor(mediumElectricBlueColor) : HexColor(americanGreenColor), borderRadius: BorderRadius.circular(6.0), ), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Text( "Click here to get your location", textAlign: TextAlign.center, style: dmSansBold.copyWith( color: whiteColor, fontSize: Dimensions.fontSizeExtraDefault, ), ), const ImageIcon( AssetImage('assets/icons/location-tract.png'), color: whiteColor, size: Dimensions.fontSizeExtraLargeBanner, ), ], ), ), ), // CustomButtonWidget( // width: MediaQuery.of(context).size.width, // height: 45.0, // title: 'Click here to get your location', // border: null, // titleColor: whiteColor, // fontSize: Dimensions.fontSizeLarge, // borderRadius: BorderRadius.circular(6.0), // backgroundColor: HexColor(americanGreenColor), // onClick: () { // customerController.getCurrentPosition(context); // }, // ), // CustomTextField( // textType: TextInputType.text, // focusNode: customerController.locationFocus, // controller: customerController.locationController, // obscureText: false, // decoration: textFieldDecoration( // context, // "Location", // ), // onFieldSubmitted: (value) { // customerController.locationFocus.unfocus(); // }, // onChanged: (value){ // }, // onSaved: (String? location) { // customerController.locationController.text = location!; // }, // validator: (value) { // String? errorString = // FormValidator().validateLocation(value!); // return errorString; // }, // ), const SizedBox(height: 10.0), Text( weRequireLocationAccessToGiveYouPersonalizedServicesTxt, textAlign: TextAlign.center, style: montserratMedium.copyWith( color: HexColor(metallicSilverColor), fontSize: Dimensions.fontSizeExtraSmallBtn, ), ), const SizedBox(height: 20.0), CustomButtonWidget( width: MediaQuery.of(context).size.width, height: 45.0, title: Loading ? 'Loading..' : nextTxt, border: null, titleColor: whiteColor, fontSize: Dimensions.fontSizeLarge, borderRadius: BorderRadius.circular(6.0), backgroundColor: Loading ? HexColor(americanGreenColor).withOpacity(0.5) : HexColor(americanGreenColor), onClick: () { if(!Loading){ setState(() {Loading = true;}); Future.delayed(const Duration(seconds: 3), () { FocusScope.of(context).unfocus(); if (customerController.formKey.currentState! .validate()) { customerController.formKey.currentState!.save(); if (customerController.latitude != 0.0 && customerController.longitude != 0.0 && customerController.currentAddress != null && customerController.currentCity != null) { setState(() {Loading = false;}); Navigator.pushNamed( context, '/CustomerPrimaryGoalRegister', arguments: [ customerController.profileImage, customerController.nameController.text, widget.emailType == 'email' ? customerController.emailController.text : customerController.phoneController.text, widget.countryCode, customerController.dateOfBirthController.text, customerController.selectedGender, customerController.currentAddress, customerController.latitude, customerController.longitude, customerController.passwordController.text, widget.emailType, customerController.currentCity, widget.countryInCode.toString() ]); } else { setState(() {Loading = false;}); // showAlert(context: context, message: 'Please add location!'); Navigator.pushNamed( context, '/CustomerPrimaryGoalRegister', arguments: [ customerController.profileImage, customerController.nameController.text, widget.emailType == 'email' ? customerController.emailController.text : customerController.phoneController.text, widget.countryCode, customerController.dateOfBirthController.text, customerController.selectedGender, customerController.currentAddress, null, null, customerController.passwordController.text, widget.emailType, customerController.currentCity, widget.countryInCode.toString() ]); } } else{ setState(() {Loading = false;}); } }); } }, ), const SizedBox(height: 20.0), Center( child: InkWell( onTap: _showWhatsAppHelpDialog, child: Row( mainAxisAlignment: MainAxisAlignment.center, children: [ ImageIcon( AssetImage('assets/icons/user2.png'), //color: HexColor(mediumElectricBlueColor), color: Colors.red, size: Dimensions.fontSizeOverLarge, ), //Icon(Icons.whatsapp, color: HexColor(mediumElectricBlueColor)), const SizedBox(width: 5), Text( 'Click here in case if you need help', style: montserratMedium.copyWith( //color: HexColor(mediumElectricBlueColor), color: Colors.red, fontSize: Dimensions.fontSizeDefault, ), ), ], ), ), ), ], ), ), ), ), ), ); } }