post_enrollment_app/lib/pages/changePassword.dart

796 lines
45 KiB
Dart

import 'dart:convert';
import 'package:flutter/cupertino.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:go_router/go_router.dart';
import 'package:http/http.dart' as http;
import 'package:nhance_app_pwa/pages/service/SessionManager.dart';
import 'dart:io';
import 'package:google_fonts/google_fonts.dart';
import 'package:shared_preferences/shared_preferences.dart';
import '../customAppBar/responsive.dart';
import '../customAppBar/toastHelper.dart';
import '../models/environment.dart';
class changesPassword extends StatefulWidget {
final String email;
final String client_id;
const changesPassword({
super.key,
required this.email,
required this.client_id,
});
@override
State<changesPassword> createState() => _changesPasswordState();
}
class _changesPasswordState extends State<changesPassword> {
final TextEditingController oldPasswordController = TextEditingController();
final TextEditingController newPasswordController = TextEditingController();
final TextEditingController confirmPasswordController = TextEditingController();
final _formKey = GlobalKey<FormState>();
dynamic _preToken;
dynamic _postToken;
dynamic clientName;
dynamic clientLogo;
bool _isLoading = false;
bool _obscureOldPassword = true;
bool _obscureNewPassword = true;
bool _obscureConfirmPassword = true;
late SessionManager session;
bool hasMinLength = false;
bool hasUpperLower = false;
bool hasNumber = false;
bool hasSpecialChar = false;
bool get isPasswordValid => hasMinLength && hasUpperLower && hasNumber && hasSpecialChar;
@override
void initState() {
super.initState();
}
void validatePassword(String password) {
setState(() {
hasMinLength = password.length >= 8;
hasUpperLower = RegExp(r'(?=.*[A-Za-z])').hasMatch(password);
hasNumber = RegExp(r'(?=.*\d)').hasMatch(password);
hasSpecialChar = RegExp(r'(?=.*[@$!%*#?&])').hasMatch(password);
});
}
Future<void> resetYourPassword() async {
final oldpassword = oldPasswordController.text.trim();
final newPassword = newPasswordController.text.trim();
final confirmPassword = confirmPasswordController.text.trim();
try {
if (_formKey.currentState!.validate()) {
if (confirmPassword != newPassword) {
ToastHelper.showErrorToast(context, 'Passwords do not match');
return;
}
setState(() {
_isLoading = true;
});
// Determine the API and the payload based on the visible field
String apiEndpoint = Environment.apiUrlEnrollment + 'changePassword';
Map<String, dynamic> payload = {
'email_id': widget.email,
'client_id': widget.client_id,
'old_password': oldpassword,
'new_password': newPassword,
'confirm_password': confirmPassword
};
// var enteredMobileNumber = mobileController.text;
final response = await http.post(
Uri.parse(apiEndpoint),
body: json.encode(payload),
headers: {
HttpHeaders.contentTypeHeader: 'application/json',
},
);
if (response.statusCode == 200) {
Map<String, dynamic> data = json.decode(response.body);
String? statusVerification = data['status'];
String? message = data['message'];
if (statusVerification == 'success') {
final SharedPreferences prefs = await SharedPreferences
.getInstance();
await SessionManager().clear();
await prefs.clear();
setState(() {
_isLoading = false;
});
ToastHelper.showSuccessToast(context, message!);
context.go('/login');
} else {
setState(() {
_isLoading = false;
});
ToastHelper.showErrorToast(context, message!);
print('Invalid mobile number');
}
} else {
setState(() {
_isLoading = false;
});
ToastHelper.showErrorToast(context, 'Something went wrong');
throw Exception('Failed to verify mobile number');
}
}
} catch (e) {
setState(() {
_isLoading = false;
});
// ToastHelper.showErrorToast(context, 'Something went wrong');
print('Error: $e');
}
// 🔹 Password validation
// if (password.isEmpty) {
// ToastHelper.showErrorToast(context, 'Please enter your password');
// return;
// }
// if (password.length < 6) {
// ToastHelper.showErrorToast(context, 'Password must be at least 6 characters');
// return;
// }
// if (!RegExp(r'^(?=.*[A-Z])(?=.*[0-9]).{6,}$').hasMatch(password)) {
// ToastHelper.showErrorToast(context, 'Include at least 1 uppercase letter and 1 number');
// return;
// }
//
// // 🔹 Confirm password validation
// if (confirmPassword.isEmpty) {
// ToastHelper.showErrorToast(context, 'Please confirm your password');
// return;
// }
}
//Ends Login with UserName and Password
@override
Widget build(BuildContext context) {
Size _size = MediaQuery.of(context).size;
EdgeInsets marginInsets = EdgeInsets.zero;
// const focusedBorderColor = Colors.white;
// const fillColor = Color.fromRGBO(243, 246, 249, 0);
// const borderColor = Color.fromRGBO(23, 171, 144, 0.4);
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
);
}
return WillPopScope(
onWillPop: () async {
// Close the app on mobile back button press
exit(0); // This will exit the app
return false; // Return false to prevent any other actions
},
child: 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(0xFFFFFCE5),
// child: Stack(
// children: [
// Column(
// children: [
// SizedBox(height: _size.height / 6.4),
// 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(
// 'assets/nhance_app_logo.png',
// width: 150,
// height: 100,
// )),
// ),
// 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: [
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: [
InkWell(
onTap: () {
context.go('/home');
},
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
// if (!Responsive.isDesktop(context))
Icon(
Icons.chevron_left,
color: Color(0xFF000000),
size: 30,
),
SizedBox(
width: Responsive.isDesktop(context)
? 0
: 5),
],
),
),
Expanded(
flex: 12,
child: Align(
alignment: Alignment
.topLeft, // ✅ Always top-left
child: _size.width <= 1100
? Image.asset(
'assets/nhance_app_logo.png',
width: 150,
height: 150,
)
: _size.width > 1100
? Image.asset(
'assets/nhance_app_logo.png',
width: 150,
height: 150,
)
: Image.asset(
'assets/nhance_app_logo.png',
width: 150,
height: 150,
),
),
),
],
),
SizedBox(
height: Responsive.isDesktop(context)
? _size.height * 0.1
: 10,
),
SizedBox(height: 10),
Container(
margin: Responsive.isDesktop(context)
? EdgeInsets.symmetric(
horizontal: 150)
: EdgeInsets.symmetric(
horizontal: 0),
child: Row(
mainAxisAlignment:
MainAxisAlignment.center,
children: [
Text(
"Change Password",
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: Row(
mainAxisAlignment:
MainAxisAlignment.center,
children: [
Expanded(
child: Text(
"To change your password, please fill in the fields below.",
style: GoogleFonts.poppins(
fontSize: 12,
color: Color(0xFF000000)),
textAlign: TextAlign.center,
),
)
],
),
),
SizedBox(
height: 20,
),
Column(
children: [
// 🔹 Password Field
Container(
height: 55,
margin: Responsive.isDesktop(
context)
? const EdgeInsets
.symmetric(
horizontal: 150)
: const EdgeInsets
.symmetric(
horizontal: 0),
decoration: BoxDecoration(
border: Border.all(
width: 1,
color: Colors.grey),
borderRadius:
BorderRadius.circular(
10),
),
child: TextFormField(
controller:
oldPasswordController,
obscureText:
_obscureOldPassword,
textAlignVertical:
TextAlignVertical
.center,
decoration: InputDecoration(
border: InputBorder.none,
hintText:
"Old Password",
contentPadding:
const EdgeInsets
.symmetric(
horizontal: 10),
suffixIcon: IconButton(
icon: Icon(
_obscureOldPassword
? Icons
.visibility_off
: Icons
.visibility,
color: Colors.grey,
),
onPressed: () {
setState(() {
_obscureOldPassword =
!_obscureOldPassword;
});
},
),
),
validator: (value) {
if (value == null ||
value.isEmpty) {
return 'Please enter your old password';
}
if (value.length < 6) {
return 'Password must be at least 6 characters';
}
if (!RegExp(
r'^(?=.*[A-Z])(?=.*[0-9]).{6,}$')
.hasMatch(value)) {
return 'Include at least 1 uppercase letter and 1 number';
}
return null;
},
),
),
const SizedBox(height: 10),
Container(
height: 55,
margin: Responsive.isDesktop(context)
? const EdgeInsets.symmetric(horizontal: 150)
: const EdgeInsets.symmetric(horizontal: 0),
decoration: BoxDecoration(
border: Border.all(width: 1, color: Colors.grey),
borderRadius: BorderRadius.circular(10),
),
child: TextFormField(
controller: newPasswordController,
obscureText: _obscureNewPassword,
onChanged: validatePassword,
textAlignVertical: TextAlignVertical.center,
decoration: InputDecoration(
border: InputBorder.none,
hintText: "New Password",
contentPadding: const EdgeInsets.symmetric(horizontal: 10),
suffixIcon: IconButton(
icon: Icon(
_obscureNewPassword ? Icons.visibility_off : Icons.visibility,
color: Colors.grey,
),
onPressed: () {
setState(() {
_obscureNewPassword = !_obscureNewPassword;
});
},
),
),
),
),
const SizedBox(height: 8),
// 🔹 VALIDATION LIST
Padding(
padding: Responsive.isDesktop(context)
? const EdgeInsets.symmetric(horizontal: 150)
: const EdgeInsets.symmetric(horizontal: 5),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
Expanded(child: _buildCheckItem(hasMinLength, "Minimum 8 characters")),
Expanded(child: _buildCheckItem(hasSpecialChar, "1 special character")),
],
),
Row(
children: [
Expanded(child: _buildCheckItem(hasUpperLower, "1 UPPER or lower case")),
Expanded(child: _buildCheckItem(hasNumber, "1 numerical")),
],
),
],
),
),
const SizedBox(height: 10),
Container(
height: 55,
margin: Responsive.isDesktop(
context)
? const EdgeInsets
.symmetric(
horizontal: 150)
: const EdgeInsets
.symmetric(
horizontal: 0),
decoration: BoxDecoration(
border: Border.all(
width: 1,
color: Colors.grey),
borderRadius:
BorderRadius.circular(
10),
),
child: TextFormField(
controller:
confirmPasswordController,
obscureText:
_obscureConfirmPassword,
textAlignVertical:
TextAlignVertical
.center,
decoration: InputDecoration(
border: InputBorder.none,
hintText:
"Confirm Password",
contentPadding:
const EdgeInsets
.symmetric(
horizontal: 10),
suffixIcon: IconButton(
icon: Icon(
_obscureConfirmPassword
? Icons
.visibility_off
: Icons
.visibility,
color: Colors.grey,
),
onPressed: () {
setState(() {
_obscureConfirmPassword =
!_obscureConfirmPassword;
});
},
),
),
validator: (value) {
if (value == null ||
value.isEmpty) {
return 'Please confirm your password';
}
if (value !=
newPasswordController
.text) {
return 'Passwords do not match';
}
return null;
},
),
),
],
),
SizedBox(height: 15),
Container(
margin:
Responsive.isDesktop(context)
? EdgeInsets.symmetric(
horizontal: 150)
: EdgeInsets.symmetric(
horizontal: 0),
child: SizedBox(
width: double.infinity,
height: 40,
child: ElevatedButton(
style:
ElevatedButton.styleFrom(
backgroundColor:
Color(0xFF00989E),
shape:
RoundedRectangleBorder(
borderRadius:
BorderRadius.circular(
10),
),
),
onPressed: _isLoading
? null
: resetYourPassword,
child: _isLoading
? CircularProgressIndicator(
valueColor:
AlwaysStoppedAnimation<
Color>(
Color(0xFF00989E),
),
)
: Text(
"Reset Password",
style: GoogleFonts
.poppins(
color: Color(
0xFFFFFFFF),
),
),
),
),
),
SizedBox(
height: Responsive.isDesktop(context)
? _size.height * 0.3
: _size.height * 0.2,
),
// SizedBox(
// height: _size.height * 0.1,
// ),
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: <InlineSpan>[
WidgetSpan(
child: MouseRegion(
cursor: SystemMouseCursors
.click,
child: GestureDetector(
onTap: () {
context.go(
'/privacypolicy');
// Navigator.pushNamed(
// context,
// 'privacypolicy');
},
child: Text(
'privacy policy ',
style:
GoogleFonts.poppins(
color:
Color(0xFF00989E),
fontSize: 9,
decoration:
TextDecoration
.underline,
),
),
),
),
),
TextSpan(
text: 'and ',
style: GoogleFonts.poppins(
color: Colors.black,
fontSize: 9,
),
),
WidgetSpan(
child: MouseRegion(
cursor: SystemMouseCursors
.click,
child: GestureDetector(
onTap: () {
context
.go('/termsofuse');
// Navigator.pushNamed(
// context,
// 'termsofuse');
},
child: Text(
'terms of use',
style:
GoogleFonts.poppins(
color:
Color(0xFF00989E),
fontSize: 9,
decoration:
TextDecoration
.underline,
),
),
),
),
),
],
),
),
),
],
),
),
),
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/login_web.jpg',
height: _size.height,
fit: BoxFit.cover,
);
} else {
return SizedBox();
}
},
),
),
],
),
],
),
),
),
),
],
)),
)));
}
Widget _buildCheckItem(bool status, String text) {
return Padding(
padding: const EdgeInsets.symmetric(vertical: 2),
child: Row(
children: [
Icon(
status ? Icons.check : Icons.close,
color: status ? Colors.green : Colors.red,
size: 18,
),
const SizedBox(width: 6),
Text(
text,
style: TextStyle(
color: status ? Colors.green : Colors.red,
fontSize: 14,
),
),
],
),
);
}
}