626 lines
22 KiB
Dart
626 lines
22 KiB
Dart
import 'dart:io';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:kmobile/data/repositories/auth_repository.dart';
|
|
import 'package:kmobile/features/profile/daily_transaction_limit.dart';
|
|
import 'package:kmobile/features/profile/logout_dialog.dart';
|
|
import 'package:kmobile/features/profile/security_settings_screen.dart';
|
|
import 'package:kmobile/security/secure_storage.dart';
|
|
import 'package:local_auth/local_auth.dart';
|
|
import 'package:package_info_plus/package_info_plus.dart';
|
|
import 'package:shared_preferences/shared_preferences.dart';
|
|
import '../../di/injection.dart';
|
|
import '../../l10n/app_localizations.dart';
|
|
import 'package:kmobile/features/profile/preferences/preference_screen.dart';
|
|
|
|
class ProfileScreen extends StatefulWidget {
|
|
final String mobileNumber;
|
|
final String customerNo;
|
|
final String customerName;
|
|
const ProfileScreen(
|
|
{super.key,
|
|
required this.mobileNumber,
|
|
required this.customerNo,
|
|
required this.customerName});
|
|
|
|
@override
|
|
State<ProfileScreen> createState() => _ProfileScreenState();
|
|
}
|
|
|
|
class _ProfileScreenState extends State<ProfileScreen> {
|
|
bool _isBiometricEnabled = false;
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_loadBiometricStatus();
|
|
}
|
|
|
|
Future<String> _getAppVersion() async {
|
|
final PackageInfo info = await PackageInfo.fromPlatform();
|
|
return 'Version ${info.version} (${info.buildNumber})';
|
|
}
|
|
|
|
Future<void> _loadBiometricStatus() async {
|
|
final storage = getIt<SecureStorage>();
|
|
final enabled = await storage.read('biometric_enabled');
|
|
setState(() {
|
|
_isBiometricEnabled = enabled ?? false;
|
|
});
|
|
}
|
|
|
|
Future<void> _handleLogout(BuildContext context) async {
|
|
final auth = getIt<AuthRepository>();
|
|
final prefs = await SharedPreferences.getInstance();
|
|
await prefs.clear(); // clear saved session/token
|
|
await auth.clearAuthTokens();
|
|
// Navigate to login and remove all previous routes
|
|
Navigator.pushNamedAndRemoveUntil(context, '/login', (route) => false);
|
|
}
|
|
|
|
Future<void> _handleBiometricToggle(bool enable) async {
|
|
final localAuth = LocalAuthentication();
|
|
final storage = getIt<SecureStorage>();
|
|
final canCheck = await localAuth.canCheckBiometrics;
|
|
|
|
if (!canCheck) {
|
|
if (mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
SnackBar(
|
|
content:
|
|
Text(AppLocalizations.of(context).biometricsNotAvailable)),
|
|
);
|
|
}
|
|
return;
|
|
}
|
|
|
|
if (enable) {
|
|
final optIn = await showDialog<bool>(
|
|
context: context,
|
|
barrierDismissible: false,
|
|
builder: (ctx) => AlertDialog(
|
|
title: Text(AppLocalizations.of(context).enableFingerprintLogin),
|
|
content: Text(AppLocalizations.of(context).enableFingerprintMessage),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(ctx).pop(false),
|
|
child: Text(AppLocalizations.of(context).no),
|
|
),
|
|
TextButton(
|
|
onPressed: () => Navigator.of(ctx).pop(true),
|
|
child: Text(AppLocalizations.of(context).yes),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
|
|
if (optIn == true) {
|
|
try {
|
|
final didAuth = await localAuth.authenticate(
|
|
localizedReason: AppLocalizations.of(context).authenticateToEnable,
|
|
options: const AuthenticationOptions(
|
|
stickyAuth: true,
|
|
biometricOnly: true,
|
|
),
|
|
);
|
|
if (didAuth) {
|
|
await storage.write('biometric_enabled', true);
|
|
if (mounted) {
|
|
setState(() {
|
|
_isBiometricEnabled = true;
|
|
});
|
|
}
|
|
} else {
|
|
// Authentication failed, reload state to refresh UI
|
|
if (mounted) {
|
|
await _loadBiometricStatus();
|
|
}
|
|
}
|
|
} catch (e) {
|
|
// Handle exceptions, reload state to ensure consistency
|
|
if (mounted) {
|
|
await _loadBiometricStatus();
|
|
}
|
|
}
|
|
} else {
|
|
// User cancelled, reload state to refresh UI
|
|
if (mounted) {
|
|
await _loadBiometricStatus();
|
|
}
|
|
}
|
|
} else {
|
|
final optOut = await showDialog<bool>(
|
|
context: context,
|
|
barrierDismissible: false,
|
|
builder: (ctx) => AlertDialog(
|
|
title: Text(AppLocalizations.of(context).disableFingerprintLogin),
|
|
content: Text(AppLocalizations.of(context).disableFingerprintMessage),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(ctx).pop(false),
|
|
child: Text(AppLocalizations.of(context).no),
|
|
),
|
|
TextButton(
|
|
onPressed: () => Navigator.of(ctx).pop(true),
|
|
child: Text(AppLocalizations.of(context).yes),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
|
|
if (optOut == true) {
|
|
await storage.write('biometric_enabled', false);
|
|
if (mounted) {
|
|
setState(() {
|
|
_isBiometricEnabled = false;
|
|
});
|
|
}
|
|
} else {
|
|
// User cancelled, reload state to refresh UI
|
|
if (mounted) {
|
|
await _loadBiometricStatus();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// @override
|
|
// Widget build(BuildContext context) {
|
|
// final loc = AppLocalizations.of(context);
|
|
|
|
// return Scaffold(
|
|
// appBar: AppBar(
|
|
// title: Text(loc.profile), // Localized "Profile"
|
|
// ),
|
|
// body: Stack(
|
|
// children: [
|
|
// ListView(
|
|
// children: [
|
|
// ListTile(
|
|
// leading: const Icon(Icons.settings),
|
|
// title: Text(loc.preferences),
|
|
// trailing: const Icon(Icons.chevron_right),
|
|
// onTap: () {
|
|
// Navigator.push(
|
|
// context,
|
|
// MaterialPageRoute(
|
|
// builder: (context) => const PreferenceScreen()),
|
|
// );
|
|
// },
|
|
// ),
|
|
// ListTile(
|
|
// leading: const Icon(Icons.security),
|
|
// title: Text(loc.securitySettings),
|
|
// trailing: const Icon(Icons.chevron_right),
|
|
// onTap: () {
|
|
// Navigator.push(
|
|
// context,
|
|
// MaterialPageRoute(
|
|
// builder: (context) => SecuritySettingsScreen(
|
|
// mobileNumber: widget.mobileNumber,
|
|
// ),
|
|
// ),
|
|
// );
|
|
// },
|
|
// ),
|
|
// ListTile(
|
|
// leading: const Icon(Icons.currency_rupee),
|
|
// title: Text(AppLocalizations.of(context).dailylimit),
|
|
// onTap: () {
|
|
// Navigator.push(
|
|
// context,
|
|
// MaterialPageRoute(
|
|
// builder: (context) => const DailyLimitScreen()),
|
|
// );
|
|
// },
|
|
// ),
|
|
// SwitchListTile(
|
|
// title:
|
|
// Text(AppLocalizations.of(context).enableFingerprintLogin),
|
|
// value: _isBiometricEnabled,
|
|
// onChanged: (bool value) {
|
|
// // The state is now managed within _handleBiometricToggle
|
|
// _handleBiometricToggle(value);
|
|
// },
|
|
// secondary: const Icon(Icons.fingerprint),
|
|
// ),
|
|
// ListTile(
|
|
// leading: const Icon(Icons.smartphone),
|
|
// title: const Text("App Version"),
|
|
// trailing: FutureBuilder<String>(
|
|
// future: _getAppVersion(),
|
|
// builder:
|
|
// (BuildContext context, AsyncSnapshot<String> snapshot) {
|
|
// if (snapshot.connectionState == ConnectionState.waiting) {
|
|
// // Show a loading indicator while waiting for the future to complete
|
|
// return const CircularProgressIndicator();
|
|
// } else if (snapshot.hasError) {
|
|
// return const Text("Error");
|
|
// } else {
|
|
// // Display the version number once the future is complete
|
|
// return Text(
|
|
// snapshot.data ?? "N/A",
|
|
// selectionColor: const Color(0xFFFFFFFF),
|
|
// );
|
|
// }
|
|
// },
|
|
// ),
|
|
// ),
|
|
// ListTile(
|
|
// leading: const Icon(Icons.exit_to_app),
|
|
// title: Text(AppLocalizations.of(context).logout),
|
|
// onTap: () async {
|
|
// final shouldExit = await showDialog<bool>(
|
|
// context: context,
|
|
// builder: (context) => AlertDialog(
|
|
// title: Text(AppLocalizations.of(context).logout),
|
|
// content: Text(AppLocalizations.of(context).logoutCheck),
|
|
// actions: [
|
|
// TextButton(
|
|
// onPressed: () => Navigator.of(context).pop(false),
|
|
// child: Text(AppLocalizations.of(context).no),
|
|
// ),
|
|
// TextButton(
|
|
// onPressed: () => Navigator.of(context).pop(true),
|
|
// child: Text(AppLocalizations.of(context).yes),
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// );
|
|
|
|
// if (shouldExit == true) {
|
|
// if (Platform.isAndroid) {
|
|
// SystemNavigator.pop();
|
|
// }
|
|
// exit(0);
|
|
// }
|
|
// },
|
|
// ),
|
|
// ListTile(
|
|
// leading: const Icon(Icons.logout),
|
|
// title: Text(AppLocalizations.of(context).deregister),
|
|
// onTap: () async {
|
|
// final shouldLogout = await showDialog<bool>(
|
|
// context: context,
|
|
// builder: (_) => const LogoutDialog(),
|
|
// );
|
|
|
|
// if (shouldLogout == true) {
|
|
// await _handleLogout(context);
|
|
// }
|
|
// },
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// IgnorePointer(
|
|
// child: Center(
|
|
// child: Opacity(
|
|
// opacity: 0.07, // Reduced opacity
|
|
// child: ClipOval(
|
|
// child: Image.asset(
|
|
// 'assets/images/logo.png',
|
|
// width: 200, // Adjust size as needed
|
|
// height: 200, // Adjust size as needed
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// ],
|
|
// ),
|
|
// );
|
|
// }
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final loc = AppLocalizations.of(context);
|
|
final theme = Theme.of(context);
|
|
final isDarkMode = theme.brightness == Brightness.dark;
|
|
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: Text(loc.profile),
|
|
elevation: 0,
|
|
),
|
|
body: Stack(
|
|
children: [
|
|
ListView(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
children: [
|
|
// ===== Profile Header =====
|
|
Card(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(16.0),
|
|
child: Row(
|
|
children: [
|
|
// Avatar
|
|
Container(
|
|
width: 56,
|
|
height: 56,
|
|
decoration: BoxDecoration(
|
|
shape: BoxShape.circle,
|
|
color: theme.colorScheme.surface,
|
|
image: const DecorationImage(
|
|
image: AssetImage('assets/images/logo.png'),
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
// Name + mobile
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
// If you want to show the user's name instead, replace below.
|
|
widget.customerName,
|
|
style: theme.textTheme.titleLarge?.copyWith(
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
widget.customerNo,
|
|
style: theme.textTheme.bodyMedium?.copyWith(
|
|
color: theme.colorScheme.onSurface
|
|
.withOpacity(0.7),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
// Edit/Profile button (optional)
|
|
TextButton.icon(
|
|
onPressed: () {
|
|
// TODO: Navigate to edit profile if required
|
|
},
|
|
icon: const Icon(Icons.edit, size: 18),
|
|
label: const Text("Edit"),
|
|
style: TextButton.styleFrom(
|
|
foregroundColor: theme.colorScheme.onSurface,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
|
|
const SizedBox(height: 16),
|
|
|
|
// ===== Section: Settings =====
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8.0),
|
|
child: Text(
|
|
"Settings",
|
|
style: theme.textTheme.labelLarge?.copyWith(
|
|
fontWeight: FontWeight.w600,
|
|
letterSpacing: 0.2,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 8),
|
|
|
|
_SectionTile(
|
|
leadingIcon: Icons.settings,
|
|
title: loc.preferences,
|
|
onTap: () {
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) => const PreferenceScreen(),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
_SectionTile(
|
|
leadingIcon: Icons.security,
|
|
title: loc.securitySettings,
|
|
onTap: () {
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) => SecuritySettingsScreen(
|
|
mobileNumber: widget.mobileNumber,
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
_SectionTile(
|
|
leadingIcon: Icons.currency_rupee,
|
|
title: loc.dailylimit,
|
|
onTap: () {
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) => const DailyLimitScreen(),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
Card(
|
|
child: SwitchListTile(
|
|
title: Text(loc.enableFingerprintLogin),
|
|
value: _isBiometricEnabled,
|
|
onChanged: (bool value) {
|
|
_handleBiometricToggle(value);
|
|
},
|
|
secondary: const Icon(Icons.fingerprint),
|
|
contentPadding:
|
|
const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
|
|
),
|
|
),
|
|
|
|
const SizedBox(height: 16),
|
|
const Divider(height: 24),
|
|
|
|
// ===== Section: Security & App =====
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8.0),
|
|
child: Text(
|
|
loc.appVersion,
|
|
style: theme.textTheme.labelLarge?.copyWith(
|
|
fontWeight: FontWeight.w600,
|
|
letterSpacing: 0.2,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 8),
|
|
|
|
// Fingerprint toggle inside a styled container
|
|
Card(
|
|
child: ListTile(
|
|
leading: const Icon(Icons.smartphone),
|
|
title: Text(loc.appVersion),
|
|
trailing: FutureBuilder<String>(
|
|
future: _getAppVersion(),
|
|
builder:
|
|
(BuildContext context, AsyncSnapshot<String> snapshot) {
|
|
if (snapshot.connectionState == ConnectionState.waiting) {
|
|
return const SizedBox(
|
|
width: 18,
|
|
height: 18,
|
|
child: CircularProgressIndicator(strokeWidth: 2),
|
|
);
|
|
} else if (snapshot.hasError) {
|
|
return Text(loc.error);
|
|
} else {
|
|
return Text(
|
|
snapshot.data ?? "N/A",
|
|
);
|
|
}
|
|
},
|
|
),
|
|
contentPadding:
|
|
const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(16),
|
|
),
|
|
),
|
|
),
|
|
|
|
const SizedBox(height: 16),
|
|
const Divider(height: 24),
|
|
|
|
// ===== Section: Actions =====
|
|
Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8.0),
|
|
child: Text(
|
|
"Exit",
|
|
style: theme.textTheme.labelLarge?.copyWith(
|
|
fontWeight: FontWeight.w600,
|
|
letterSpacing: 0.2,
|
|
),
|
|
),
|
|
),
|
|
const SizedBox(height: 8),
|
|
|
|
_SectionTile(
|
|
leadingIcon: Icons.exit_to_app,
|
|
title: loc.logout,
|
|
trailChevron: false, // action tile, no chevron
|
|
onTap: () async {
|
|
final shouldExit = await showDialog<bool>(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
title: Text(loc.logout),
|
|
content: Text(loc.logoutCheck),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(false),
|
|
child: Text(loc.no),
|
|
),
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(true),
|
|
child: Text(loc.yes),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
|
|
if (shouldExit == true) {
|
|
if (Platform.isAndroid) {
|
|
SystemNavigator.pop();
|
|
}
|
|
exit(0);
|
|
}
|
|
},
|
|
),
|
|
_SectionTile(
|
|
leadingIcon: Icons.logout,
|
|
title: loc.deregister,
|
|
trailChevron: false,
|
|
onTap: () async {
|
|
final shouldLogout = await showDialog<bool>(
|
|
context: context,
|
|
builder: (_) => const LogoutDialog(),
|
|
);
|
|
|
|
if (shouldLogout == true) {
|
|
await _handleLogout(context);
|
|
}
|
|
},
|
|
),
|
|
|
|
const SizedBox(height: 24),
|
|
],
|
|
),
|
|
|
|
// ===== Watermark (kept subtle, no theme change) =====
|
|
IgnorePointer(
|
|
child: Positioned.fill(
|
|
child: Center(
|
|
child: Opacity(
|
|
opacity: 0.06,
|
|
child: ClipOval(
|
|
child: Image.asset(
|
|
'assets/images/logo.png',
|
|
width: 200,
|
|
height: 200,
|
|
filterQuality: FilterQuality.medium,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _SectionTile extends StatelessWidget {
|
|
const _SectionTile({
|
|
required this.leadingIcon,
|
|
required this.title,
|
|
this.onTap,
|
|
this.trailChevron = true,
|
|
});
|
|
|
|
final IconData leadingIcon;
|
|
final String title;
|
|
final VoidCallback? onTap;
|
|
final bool trailChevron;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final theme = Theme.of(context);
|
|
|
|
return Card(
|
|
margin: const EdgeInsets.only(bottom: 10),
|
|
child: ListTile(
|
|
leading: Icon(leadingIcon, color: theme.colorScheme.onSurface),
|
|
title: Text(title, style: theme.textTheme.bodyLarge),
|
|
trailing: trailChevron
|
|
? Icon(Icons.chevron_right, color: theme.colorScheme.onSurface)
|
|
: null,
|
|
onTap: onTap,
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(16),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|