// import 'package:firebase_auth/firebase_auth.dart';
// import 'package:flutter/material.dart';
// import 'package:google_fonts/google_fonts.dart';
// import 'package:nhancepolicy/customAppBar/toastHelper.dart';
// import 'package:nhancepolicy/models/environment.dart';
// import 'package:nhancepolicy/service/api_service.dart';
// import 'package:nhancepolicy/service/token_storage_service.dart';
// import 'package:pinput/pinput.dart';
// import 'dart:async';
// import 'package:flutter/gestures.dart';
// import 'package:http/http.dart' as http;
// import 'dart:convert';
// import 'dart:io';
// import 'package:shared_preferences/shared_preferences.dart';
// import 'package:nhancepolicy/responsive.dart';
// import 'package:jwt_decode/jwt_decode.dart';
//
// import 'branch/branch_selection_page.dart';
//
// class MyHrVerify extends StatefulWidget {
//   final String verificationId;
//   final String mobileNumber;
//   final int? resendToken;
//   final Function(String, int?) onResendCode;
//
//   const MyHrVerify({
//     Key? key,
//     required this.verificationId,
//     required this.mobileNumber,
//     required this.resendToken,
//     required this.onResendCode,
//   }) : super(key: key);
//
//   @override
//   State<MyHrVerify> createState() => _MyVerifyState();
// }
//
// class _MyVerifyState extends State<MyHrVerify> {
//   TextEditingController countryController = TextEditingController();
//   late ApiService apiService;
//   TextEditingController _otpController = TextEditingController();
//   final _formKey = GlobalKey<FormState>();
//   late Timer _timer;
//   int _secondsRemaining = 60;
//   bool _isTimerRunning = false;
//
//   dynamic enrollmentEmpClientBranchId;
//   dynamic enrollmentEmpCodeString;
//   dynamic enrollmentEmpPrimaryId;
//   dynamic enrollmentGpaEmpName;
//   dynamic enrollmentClient_id;
//   dynamic enrollmentHrId;
//   List<dynamic> enrollmentAllowed_modules = [];
//   dynamic enrollmentEmp_status;
//
//   dynamic empClientBranchId;
//   dynamic empCodeString;
//   dynamic empPrimaryId;
//   dynamic gpaEmpName;
//   dynamic client_id;
//   dynamic empHrId;
//   List<dynamic> empAllowed_modules = [];
//   dynamic emp_status;
//
//   dynamic _token;
//   dynamic _postToken;
//   dynamic clientName;
//   dynamic clientLogo;
//
//   dynamic fCMToken;
//   late String verificationId;
//   late String mobileNumber;
//   final FirebaseAuth _auth = FirebaseAuth.instance;
//   bool _isLoading = false;
//   dynamic empMobileNo;
//   dynamic empEmailid;
//
//   late String _verificationId;
//
//   @override
//   void initState() {
//     super.initState();
//     countryController.text = "+91";
//     apiService = ApiService(context);
//     // checkTokenAvailability();
//     verificationId = widget.verificationId;
//     mobileNumber = widget.mobileNumber;
//     logDebug('Received verificationId: $verificationId');
//     logDebug('Received mobileNumber: $mobileNumber');
//     if (verificationId.isEmpty) {
//       // Handle the case where verificationId is not provided
//       Navigator.pop(context);
//     }
//     startTimer();
//     // Equivalent to componentDidMount
//     _auth.authStateChanges().listen((User? user) {
//       if (user != null) {
//         // If user is already signed in, log them out
//         logOutFirebase();
//       }
//     });
//   }
//
//   void logOutFirebase() async {
//     await _auth.signOut();
//     logDebug('User signed out');
//   }
//
//   @override
//   void dispose() {
//     _timer.cancel();
//     super.dispose();
//   }
//
//   void startTimer() {
//     _isTimerRunning = true;
//     _timer = Timer.periodic(Duration(seconds: 1), (Timer timer) {
//       setState(() {
//         if (_secondsRemaining > 0) {
//           _secondsRemaining--;
//         } else {
//           _isTimerRunning = false;
//           _timer.cancel();
//         }
//       });
//     });
//   }
//
//   void generateToken(bool otpVerifyStatus) async {
//     try {
//       final response = await http.post(
//         Uri.parse(Environment.apiUrl + 'getVerifiedHrData'),
//         body: json.encode(
//             {'mobile_no': mobileNumber, 'otp_verification': otpVerifyStatus}),
//         headers: {
//           HttpHeaders.contentTypeHeader: 'application/json',
//         },
//       );
//
//       if (response.statusCode == 200) {
//         setState(() {
//           _isLoading = false;
//         });
//         Map<String, dynamic> data = json.decode(response.body);
//
//         logDebug('Response data: $data');
//
//         // Extract enrollment data
//         List<dynamic> preEnrollmentData = data['data'] ?? [];
//         Map<String, dynamic> postEnrollment = data['post_enrollment'] ?? {};
//         List<dynamic> postEnrollmentData = postEnrollment['data'] ?? [];
//
//         // Save to global storage
//         final tokenStorage = TokenStorageService();
//         await tokenStorage.saveEnrollmentData(
//           preEnrollmentData,
//           postEnrollmentData,
//         );
//
//         // Navigate to branch selection
//         Navigator.pushReplacement(
//           context,
//           MaterialPageRoute(
//             builder: (context) => BranchSelectionPage(),
//           ),
//         );
//
//         // logDebug('data: $data');
//         // _token = data['data'];
//         // String status = data['status'];
//         //
//         // // Directly access the post_enrollment data
//         // Map<String, dynamic> post = data['post_enrollment'];
//         // logDebug('post: $post');
//         //
//         // _postToken = post['data'];
//         // String postStatus = post['status'];
//         //
//         // if (postStatus == 'success') {
//         //   setState(() {
//         //     _isLoading = false;
//         //   });
//         //   postSuccessData(post, data);
//         // } else if (status == 'success') {
//         //   setState(() {
//         //     _isLoading = false;
//         //   });
//         //   enrollmentSuccessData(data);
//         // } else {
//         //   setState(() {
//         //     _isLoading = false;
//         //   });
//         //   ToastHelper.showErrorToast(context, 'Invalid OTP. Please try again');
//         //   // Show a Snackbar if the OTP is invalid
//         //   logDebug('Invalid OTP. Please try again');
//         // }
//       } else {
//         setState(() {
//           _isLoading = false;
//         });
//         ToastHelper.showWarningToast(context, 'Something went wrong');
//         throw Exception('Failed to verify OTP');
//       }
//     } catch (e) {
//       setState(() {
//         _isLoading = false;
//       });
//       logDebug('Error: $e');
//       ToastHelper.showWarningToast(context, 'Something went wrong');
//       // Show a Snackbar if there's an error while verifying OTP
//       logDebug('Failed to verify OTP. Please try again.');
//     }
//   }
//
//   void postSuccessData(post, data) async {
//     String status = data['status'];
//     String postStatus = post['status'];
//
//     if (postStatus == 'success') {
//       final SharedPreferences prefs = await SharedPreferences.getInstance();
//       prefs.setString('_postToken', post['data']);
//
//       // Decode the JWT token received from the API response
//       Map<String, dynamic>? decodedToken = Jwt.parseJwt(post['data']);
//       logDebug('postdecodedToken : $decodedToken');
//       empClientBranchId = decodedToken['ref_id'];
//       prefs.setString('empClientBranchId', empClientBranchId);
//       empCodeString = decodedToken['emp_code'].toString();
//       prefs.setString('empCode', empCodeString);
//       empPrimaryId = decodedToken['id'];
//       prefs.setString('empPrimaryId', empPrimaryId);
//       gpaEmpName = decodedToken['name'].toString();
//       prefs.setString('gpaEmpName', gpaEmpName);
//       client_id = decodedToken['client_id'];
//       prefs.setString('client_id', client_id);
//       empHrId = decodedToken['id'];
//       prefs.setString('empHrId', empHrId);
//       empAllowed_modules = decodedToken['allowed_modules'];
//       prefs.setString('empAllowed_modules', jsonEncode(empAllowed_modules));
//       emp_status = decodedToken['emp_status'];
//       prefs.setString('emp_status', emp_status);
//     }
//
//     if (status == 'success') {
//       final SharedPreferences prefs = await SharedPreferences.getInstance();
//       prefs.setString('enrollToken', data['data']);
//
//       // Decode the JWT token received from the API response
//       Map<String, dynamic>? decodedToken = Jwt.parseJwt(data['data']);
//       logDebug('decodedToken : $decodedToken');
//       enrollmentEmpClientBranchId = decodedToken['ref_id'];
//       prefs.setString(
//           'enrollmentEmpClientBranchId', enrollmentEmpClientBranchId);
//       enrollmentEmpCodeString = decodedToken['emp_code'].toString();
//       prefs.setString('enrollmentEmpCodeString', enrollmentEmpCodeString);
//       enrollmentEmpPrimaryId = decodedToken['id'];
//       prefs.setString('enrollmentEmpPrimaryId', enrollmentEmpPrimaryId);
//       enrollmentGpaEmpName = decodedToken['name'].toString();
//       prefs.setString('enrollmentGpaEmpName', enrollmentGpaEmpName);
//       enrollmentClient_id = decodedToken['client_id'];
//       prefs.setString('enrollmentClient_id', enrollmentClient_id);
//
//       enrollmentHrId = decodedToken['id'];
//       prefs.setString('enrollmentHrId', enrollmentHrId);
//       enrollmentAllowed_modules = decodedToken['allowed_modules'];
//       prefs.setString(
//           'enrollmentAllowed_modules', jsonEncode(enrollmentAllowed_modules));
//       // enrollmentEmp_status = decodedToken['emp_status'];
//       // prefs.setString('enrollmentEmp_status', enrollmentEmp_status);
//     }
//
//     final SharedPreferences prefs = await SharedPreferences.getInstance();
//     final _postToken = prefs.getString('_postToken');
//
//     if (_postToken != null && _postToken.isNotEmpty) {
//       ToastHelper.showSuccessToast(context, 'Successfully Login');
//       // if (emp_status == 'enrolled' || emp_status == 'active') {
//       Navigator.pushReplacementNamed(context, 'hrDashboard');
//       // } else {
//       //   Navigator.pushReplacementNamed(context, 'empDetails');
//       // }
//     }
//   }
//
//   void enrollmentSuccessData(data) async {
//     final SharedPreferences prefs = await SharedPreferences.getInstance();
//     prefs.setString('enrollToken', data['data']);
//
//     // Decode the JWT token received from the API response
//     Map<String, dynamic>? decodedToken = Jwt.parseJwt(data['data']);
//     logDebug('enrolldecodedToken : $decodedToken');
//     enrollmentEmpClientBranchId = decodedToken['ref_id'];
//     prefs.setString('enrollmentEmpClientBranchId', enrollmentEmpClientBranchId);
//     enrollmentEmpCodeString = decodedToken['emp_code'].toString();
//     prefs.setString('enrollmentEmpCodeString', enrollmentEmpCodeString);
//     enrollmentEmpPrimaryId = decodedToken['id'];
//     prefs.setString('enrollmentEmpPrimaryId', enrollmentEmpPrimaryId);
//     enrollmentGpaEmpName = decodedToken['name'].toString();
//     prefs.setString('enrollmentGpaEmpName', enrollmentGpaEmpName);
//     enrollmentClient_id = decodedToken['client_id'];
//     prefs.setString('enrollmentClient_id', enrollmentClient_id);
//
//     enrollmentHrId = decodedToken['id'];
//     prefs.setString('enrollmentHrId', enrollmentHrId);
//     enrollmentAllowed_modules = decodedToken['allowed_modules'];
//     prefs.setString(
//         'enrollmentAllowed_modules', jsonEncode(enrollmentAllowed_modules));
//     // enrollmentEmp_status = decodedToken['emp_status'];
//     // prefs.setString('enrollmentEmp_status', enrollmentEmp_status);
//
//     logDebug('Successfully Login');
//
//     // Redirect to another page
//     final enrollToken = prefs.getString('enrollToken');
//
//     if (enrollToken != null && enrollToken.isNotEmpty) {
//       ToastHelper.showSuccessToast(context, 'Successfully Login');
//       // if (emp_status == 'enrolled' || emp_status == 'active') {
//       //   Navigator.pushReplacementNamed(context, 'home');
//       // } else {
//       Navigator.pushReplacementNamed(context, 'hrDashboard');
//       // }
//     }
//   }
//
//   void verifyOTP(String otp) async {
//     try {
//       // setState(() {
//       //   _isLoading = true;
//       // });
//       // Later, in verify screen:
//       SharedPreferences prefs = await SharedPreferences.getInstance();
//       dynamic verificationId = prefs.getString('verificationId');
//
//       final credential = PhoneAuthProvider.credential(
//         verificationId: verificationId, // Make sure this is up-to-date
//         smsCode: otp,
//       );
//
//       // final userCredential = await FirebaseAuth.instance.signInWithCredential(credential);
//       // await FirebaseAuth.instance.signInWithCredential(credential);
//
//       // if (userCredential.user != null) {
//       bool otpVerifyStatus = true;
//       generateToken(otpVerifyStatus);
//       // } else {
//       //   ToastHelper.showErrorToast(context, 'Invalid OTP. Please try again.');
//       // }
//
//       // await FirebaseAuth.instance.signInWithCredential(credential).then((userCredential) async {
//       //   if (userCredential.user != null) {
//       //     bool otpVerifyStatus = true;
//       //     generateToken(otpVerifyStatus);
//       //   } else {
//       //     setState(() {
//       //       _isLoading = false;
//       //     });
//       //     ToastHelper.showErrorToast(context, 'Invalid OTP. Please try again');
//       //   }
//       // });
//     } on FirebaseAuthException catch (e) {
//       if (e.code == 'code-expired') {
//         ScaffoldMessenger.of(context).showSnackBar(
//           SnackBar(
//             content: Text('OTP expired. Please request a new one.'),
//             duration: Duration(seconds: 2),
//           ),
//         );
//         ToastHelper.showErrorToast(
//             context, 'OTP expired. Please request a new one.');
//       } else if (e.code == 'invalid-verification-code') {
//         ScaffoldMessenger.of(context).showSnackBar(
//           SnackBar(
//             content: Text('Invalid OTP entered. Please try again.'),
//             duration: Duration(seconds: 2),
//           ),
//         );
//         ToastHelper.showErrorToast(
//             context, 'Invalid OTP entered. Please try again.');
//       } else if (e.code == 'session-expired') {
//         ScaffoldMessenger.of(context).showSnackBar(
//           SnackBar(
//             content: Text('Session expired. Try restarting the verification.'),
//             duration: Duration(seconds: 2),
//           ),
//         );
//         ToastHelper.showErrorToast(
//             context, 'Session expired. Try restarting the verification.');
//       } else {
//         ScaffoldMessenger.of(context).showSnackBar(
//           SnackBar(
//             content: Text('Error: ${e.message}'),
//             duration: Duration(seconds: 2),
//           ),
//         );
//         ToastHelper.showErrorToast(context, 'Error: ${e.message}');
//       }
//     } catch (e) {
//       // setState(() {
//       //   _isLoading = false;
//       // });
//       logDebug('Error: $e');
//       ToastHelper.showErrorToast(
//           context, 'Failed to verify OTP. Please try again.');
//     }
//   }
//
//   void _resendOTP() {
//     setState(() {
//       _secondsRemaining = 60;
//       _isTimerRunning = true;
//     });
//     startTimer();
//     widget.onResendCode(widget.mobileNumber, widget.resendToken);
//   }
//
//   @override
//   Widget build(BuildContext context) {
//     // Retrieve the passed mobile number value
//     // final String mobileNumber =
//     //     ModalRoute.of(context)!.settings.arguments as String;
//     Size _size = MediaQuery.of(context).size;
//     EdgeInsets marginInsets = EdgeInsets.zero;
//     if (Responsive.isDesktop(context)) {
//       marginInsets = const EdgeInsets.only(
//         left: 0,
//         right: 0,
//         bottom: 0,
//         top: 0,
//       );
//     } else if (Responsive.isMobile(context)) {
//       marginInsets = const EdgeInsets.only(
//         left: 25, // Example value for mobile
//         right: 25, // Example value for mobile
//         bottom: 0, // Example value for mobile
//         top: 0, // Example value for mobile
//       );
//     } else if (Responsive.isTablet(context)) {
//       marginInsets = const EdgeInsets.only(
//         left: 25, // Example value for mobile
//         right: 25, // Example value for mobile
//         bottom: 0, // Example value for mobile
//         top: 0, // Example value for mobile
//       );
//     }
//     final defaultPinTheme = PinTheme(
//       width: 56,
//       height: 56,
//       textStyle: TextStyle(
//         fontSize: 20,
//         color: Color.fromRGBO(30, 60, 87, 1),
//         fontWeight: FontWeight.w600,
//       ),
//       decoration: BoxDecoration(
//         border: Border.all(color: Color.fromRGBO(234, 239, 243, 1)),
//         borderRadius: BorderRadius.circular(20),
//       ),
//     );
//
//     final focusedPinTheme = defaultPinTheme.copyDecorationWith(
//       border: Border.all(color: Color.fromRGBO(114, 178, 238, 1)),
//       borderRadius: BorderRadius.circular(8),
//     );
//
//     final submittedPinTheme = defaultPinTheme.copyWith(
//       decoration: defaultPinTheme.decoration?.copyWith(
//         color: Color.fromRGBO(234, 239, 243, 1),
//       ),
//     );
//
//     return Scaffold(
//         body: SingleChildScrollView(
//       keyboardDismissBehavior: ScrollViewKeyboardDismissBehavior.onDrag,
//       child: Container(
//           height: _size.height,
//           color: Colors.white,
//           child: Stack(
//             children: [
//               Visibility(
//                 visible: _size.width <= 1100,
//                 child: ClipRRect(
//                   borderRadius: BorderRadius.only(
//                     bottomLeft: Radius.circular(30),
//                     bottomRight: Radius.circular(30),
//                   ),
//                   child: Container(
//                     height: _size.height / 3,
//                     width: double.infinity,
//                     color: Color(0xFF00989E),
//                     child: Stack(
//                       children: [
//                         Column(
//                           children: [
//                             SizedBox(
//                                 height: _size.height /
//                                     6.4), // Adjust the spacing between the rows
//                             Row(
//                               mainAxisAlignment: MainAxisAlignment
//                                   .center, // Align to the center
//                               children: [
//                                 Expanded(
//                                   flex: Responsive.isDesktop(context) ? 10 : 12,
//                                   child: Align(
//                                     alignment: Responsive.isDesktop(context)
//                                         ? Alignment.centerLeft
//                                         : Alignment.bottomCenter,
//                                     child: Image.asset(
//                                       _size.width <= 1100
//                                           ? 'assets/mobileViewLogo.png'
//                                           : 'assets/Nhance-Logo-Final 1.png',
//                                       width: 150,
//                                       height: 150,
//                                     ),
//                                   ),
//                                 ),
//                                 if (!Responsive.isMobile(context) &&
//                                     !Responsive.isTablet(context))
//                                   Expanded(
//                                     flex: 2,
//                                     child: MouseRegion(
//                                       cursor: SystemMouseCursors.click,
//                                       child: GestureDetector(
//                                         onTap: () {
//                                           // Add your navigation logic here
//                                           // For example, you can use Navigator.push to navigate to another page
//                                           Navigator.pushNamed(
//                                               context, 'hrLogin');
//                                         },
//                                         child: Row(
//                                           mainAxisAlignment: MainAxisAlignment
//                                               .end, // Align to the end (right)
//                                           children: [
//                                             Text(
//                                               'HR Login',
//                                               style: TextStyle(
//                                                 color: Color(
//                                                     0xFF000000), // Text color
//                                                 // Add other text styles as needed
//                                               ),
//                                             ),
//                                             SizedBox(width: 5),
//                                             Icon(
//                                               Icons
//                                                   .east, // Icon for customer login
//                                               color: Colors
//                                                   .black, // Adjust color as needed
//                                             ),
//                                           ],
//                                         ),
//                                       ),
//                                     ),
//                                   ),
//                               ],
//                             ),
//                           ],
//                         ),
//                       ],
//                     ),
//                   ),
//                 ),
//               ),
//               Container(
//                 margin: marginInsets,
//                 alignment: Alignment.bottomCenter,
//                 child: SingleChildScrollView(
//                   child: Form(
//                     key: _formKey,
//                     child: Column(
//                       children: [
//                         Row(
//                           children: [
//                             if (_size.width > 1100)
//                               Expanded(
//                                 flex: _size.width < 1100 ? 6 : 12,
//                                 child: LayoutBuilder(
//                                   builder: (BuildContext context,
//                                       BoxConstraints constraints) {
//                                     if (constraints.maxWidth > 600) {
//                                       return Image.asset(
//                                         'assets/hrLogin.jpg',
//                                         height: _size.height,
//                                         fit: BoxFit.cover,
//                                       );
//                                     } else {
//                                       return SizedBox();
//                                     }
//                                   },
//                                 ),
//                               ),
//                             Expanded(
//                               flex: _size.width < 1100 ? 6 : 12,
//                               child: Container(
//                                 margin: _size.width > 1100
//                                     ? EdgeInsets.only(left: 20, right: 20)
//                                     : EdgeInsets.only(left: 0, right: 0),
//                                 child: Column(
//                                   mainAxisAlignment: MainAxisAlignment.center,
//                                   children: [
//                                     if (!Responsive.isMobile(context) &&
//                                         !Responsive.isTablet(context))
//                                       Row(
//                                         children: [
//                                           Expanded(
//                                               flex: 8,
//                                               child: Align(
//                                                 alignment: Alignment.center, // Align to the start
//                                                 child: _size.width <= 1100
//                                                     ? Image.asset(
//                                                         'assets/Nhance-Logo-Final-mobile.png',
//                                                         width: 150,
//                                                         height: 70,
//                                                       )
//                                                     : _size.width > 1100
//                                                         ? Image.asset(
//                                                             'assets/Nhance-Logo-Final 1.png',
//                                                             width: 150,
//                                                             height: 70,
//                                                           )
//                                                         : Image.asset(
//                                                             'assets/Nhance-Logo-Final 1.png',
//                                                             width: 150,
//                                                             height: 70,
//                                                           ),
//                                               )),
//                                         ],
//                                       ),
//                                     SizedBox(height: 80),
//                                     Container(
//                                       margin: Responsive.isDesktop(context)
//                                           ? EdgeInsets.symmetric(
//                                               horizontal: 150)
//                                           : EdgeInsets.symmetric(horizontal: 0),
//                                       child: Row(
//                                         mainAxisAlignment:
//                                             MainAxisAlignment.center,
//                                         children: [
//                                           Text(
//                                             "Welcome to Nhance",
//                                             style: GoogleFonts.poppins(
//                                               fontSize: 16,
//                                               fontWeight: FontWeight.bold,
//                                             ),
//                                           ),
//                                         ],
//                                       ),
//                                     ),
//                                     SizedBox(height: 10),
//                                     Container(
//                                       margin: Responsive.isDesktop(context)
//                                           ? EdgeInsets.symmetric(
//                                               horizontal: 150)
//                                           : EdgeInsets.symmetric(horizontal: 0),
//                                       child: RichText(
//                                         textAlign: TextAlign.center,
//                                         text: TextSpan(
//                                           text:
//                                               "Please enter the one-time usage code sent to your mobile number $mobileNumber",
//                                           style: GoogleFonts.poppins(
//                                               fontSize: 12,
//                                               height: 1.5,
//                                               color: Color(0xFF000000)),
//                                           children: [
//                                             TextSpan(
//                                               text: " (Change Number)",
//                                               style: GoogleFonts.poppins(
//                                                   fontSize: 12,
//                                                   color: Color(
//                                                       0xFFE26728)), // Change color as desired
//                                               recognizer: TapGestureRecognizer()
//                                                 ..onTap = () {
//                                                   // Navigate to the page where the user can change the phone number
//                                                   Navigator.pushNamed(
//                                                       context, 'hrLogin');
//                                                 },
//                                             ),
//                                           ],
//                                         ),
//                                       ),
//                                     ),
//                                     SizedBox(height: 15),
//                                     Container(
//                                       margin: Responsive.isDesktop(context)
//                                           ? EdgeInsets.symmetric(
//                                               horizontal: 150)
//                                           : EdgeInsets.symmetric(horizontal: 0),
//                                       child: Pinput(
//                                         length: 6,
//                                         // defaultPinTheme: defaultPinTheme,
//                                         // focusedPinTheme: focusedPinTheme,
//                                         // submittedPinTheme: submittedPinTheme,
//                                         showCursor: true,
//                                         controller: _otpController,
//                                       ),
//                                     ),
//                                     SizedBox(height: 10),
//                                     Container(
//                                       margin: Responsive.isDesktop(context)
//                                           ? EdgeInsets.symmetric(
//                                               horizontal: 150)
//                                           : EdgeInsets.symmetric(horizontal: 0),
//                                       child: Row(
//                                         mainAxisAlignment: MainAxisAlignment
//                                             .end, // Align text to the right
//                                         children: [
//                                           _isTimerRunning
//                                               ? Text(
//                                                   "Resend OTP in $_secondsRemaining seconds",
//                                                   style: GoogleFonts.poppins(
//                                                       color: Colors.black),
//                                                 )
//                                               : InkWell(
//                                                   onTap: () {
//                                                     _resendOTP();
//                                                   },
//                                                   child: Text(
//                                                     "Resend OTP",
//                                                     style: GoogleFonts.poppins(
//                                                         color: Colors.blue),
//                                                   ),
//                                                 ),
//                                         ],
//                                       ),
//                                     ),
//                                     SizedBox(height: 10),
//                                     Container(
//                                       margin: Responsive.isDesktop(context)
//                                           ? EdgeInsets.symmetric(
//                                               horizontal: 150)
//                                           : EdgeInsets.symmetric(horizontal: 0),
//                                       child: SizedBox(
//                                         width: double.infinity,
//                                         height: 45,
//                                         child: ElevatedButton(
//                                           style: ElevatedButton.styleFrom(
//                                             backgroundColor: Color(0xFF00989E),
//                                             shape: RoundedRectangleBorder(
//                                               borderRadius:
//                                                   BorderRadius.circular(10),
//                                             ),
//                                           ),
//                                           onPressed: () {
//                                             if (_formKey.currentState!
//                                                 .validate()) {
//                                               _formKey.currentState!
//                                                   .save(); // Save form fields before calling verifyOTP
//                                               verifyOTP(_otpController.text);
//                                             }
//                                           },
//                                           child: Text(
//                                             "Submit",
//                                             style: GoogleFonts.poppins(
//                                                 color: Color(0xFFFFFFFF)),
//                                           ),
//                                         ),
//                                       ),
//                                     ),
//                                     SizedBox(
//                                       height: _size.width <= 1100 ? 0 : 0,
//                                     ),
//                                     // _size.width > 1100
//                                     //     ? Container(
//                                     //         margin: EdgeInsets.symmetric(
//                                     //             horizontal: 150),
//                                     //         child: Column(
//                                     //           children: [
//                                     //             SizedBox(height: 30),
//                                     //             Text(
//                                     //               "Benefits of Login",
//                                     //               style: GoogleFonts.poppins(
//                                     //                 fontSize: 20,
//                                     //                 fontWeight: FontWeight.bold,
//                                     //               ),
//                                     //             ),
//                                     //             SizedBox(height: 15),
//                                     //           ],
//                                     //         ))
//                                     //     : SizedBox(),
//                                     // _size.width > 1100
//                                     //     ? Container(
//                                     //         margin: EdgeInsets.symmetric(
//                                     //             horizontal: 150),
//                                     //         child: Row(
//                                     //           mainAxisAlignment:
//                                     //               MainAxisAlignment.center,
//                                     //           children: [
//                                     //             Expanded(
//                                     //               flex: 6,
//                                     //               child: Container(
//                                     //                 padding:
//                                     //                     EdgeInsets.symmetric(
//                                     //                         vertical: 8),
//                                     //                 child: Row(
//                                     //                   mainAxisAlignment:
//                                     //                       MainAxisAlignment
//                                     //                           .center,
//                                     //                   children: [
//                                     //                     Expanded(
//                                     //                       child: Container(
//                                     //                         padding: EdgeInsets
//                                     //                             .symmetric(
//                                     //                                 vertical:
//                                     //                                     12),
//                                     //                         decoration:
//                                     //                             BoxDecoration(
//                                     //                           border: Border(
//                                     //                             right:
//                                     //                                 BorderSide(
//                                     //                               width: 1,
//                                     //                               color: Colors
//                                     //                                   .black,
//                                     //                             ),
//                                     //                           ),
//                                     //                         ),
//                                     //                         child: Column(
//                                     //                           children: [
//                                     //                             Icon(
//                                     //                                 Icons
//                                     //                                     .policy,
//                                     //                                 color: Color(
//                                     //                                     0xFFE26728)),
//                                     //                             SizedBox(
//                                     //                                 height: 10),
//                                     //                             Text(
//                                     //                                 "View Policy"),
//                                     //                           ],
//                                     //                         ),
//                                     //                       ),
//                                     //                     ),
//                                     //                     Expanded(
//                                     //                       child: Container(
//                                     //                         padding: EdgeInsets
//                                     //                             .symmetric(
//                                     //                                 vertical:
//                                     //                                     12),
//                                     //                         child: Column(
//                                     //                           children: [
//                                     //                             Icon(Icons.edit,
//                                     //                                 color: Color(
//                                     //                                     0xFFE26728)),
//                                     //                             SizedBox(
//                                     //                                 height: 10),
//                                     //                             Text(
//                                     //                                 "Manage Claims"),
//                                     //                           ],
//                                     //                         ),
//                                     //                       ),
//                                     //                     ),
//                                     //                   ],
//                                     //                 ),
//                                     //               ),
//                                     //             ),
//                                     //           ],
//                                     //         ),
//                                     //       )
//                                     //     : SizedBox(
//                                     //         height:
//                                     //             Responsive.isDesktop(context)
//                                     //                 ? _size.height * 0.1
//                                     //                 : _size.height * 0.2,
//                                     //       ),
//                                     SizedBox(
//                                       height: Responsive.isDesktop(context)
//                                           ? _size.height * 0.3
//                                           : _size.height * 0.2,
//                                     ),
//                                     // SizedBox(
//                                     //   height: _size.height * 0.1,
//                                     // ),
//                                     Align(
//                                       alignment: Alignment.bottomCenter,
//                                       child: Container(
//                                         width: double
//                                             .infinity, // Make the footer full width
//                                         child: Container(
//                                           alignment: Alignment.bottomCenter,
//                                           padding:
//                                               EdgeInsets.symmetric(vertical: 8),
//                                           child: RichText(
//                                             textAlign: TextAlign.center,
//                                             text: TextSpan(
//                                               text:
//                                                   'By continuing, you agree with our ',
//                                               style: GoogleFonts.poppins(
//                                                 color: Colors.black,
//                                                 fontSize: 9,
//                                               ),
//                                               children: <TextSpan>[
//                                                 TextSpan(
//                                                   text: 'privacy policy ',
//                                                   style: GoogleFonts.poppins(
//                                                     color: Color(0xFF00989E),
//                                                     fontSize: 9,
//                                                   ),
//                                                 ),
//                                                 TextSpan(
//                                                   text: 'and ',
//                                                   style: GoogleFonts.poppins(
//                                                     color: Colors.black,
//                                                     fontSize: 9,
//                                                   ),
//                                                 ),
//                                                 TextSpan(
//                                                   text: 'terms of use',
//                                                   style: GoogleFonts.poppins(
//                                                     color: Color(0xFF00989E),
//                                                     fontSize: 9,
//                                                   ),
//                                                 ),
//                                               ],
//                                             ),
//                                           ),
//                                         ),
//                                       ),
//                                     ),
//                                   ],
//                                 ),
//                               ),
//                             ),
//                           ],
//                         ),
//                       ],
//                     ),
//                   ),
//                 ),
//               ),
//             ],
//           )),
//     ));
//   }
// }