412 lines
15 KiB
Dart
412 lines
15 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import '../../theme/app_theme.dart';
|
|
import '../../models/user_profile.dart';
|
|
import '../../providers/user_provider.dart';
|
|
import '../../services/mock_data_service.dart';
|
|
import 'husband_appearance_screen.dart';
|
|
|
|
class HusbandSettingsScreen extends ConsumerWidget {
|
|
const HusbandSettingsScreen({super.key});
|
|
|
|
Future<void> _resetApp(BuildContext context, WidgetRef ref) async {
|
|
final confirmed = await showDialog<bool>(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
title: const Text('Reset App?'),
|
|
content: const Text(
|
|
'This will clear all data and return you to onboarding. Are you sure?'),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(context, false),
|
|
child: const Text('Cancel')),
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(context, true),
|
|
child: const Text('Reset', style: TextStyle(color: Colors.red)),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
|
|
if (confirmed == true) {
|
|
await ref.read(userProfileProvider.notifier).clearProfile();
|
|
await ref.read(cycleEntriesProvider.notifier).clearEntries();
|
|
|
|
if (context.mounted) {
|
|
Navigator.of(context).pushNamedAndRemoveUntil('/', (route) => false);
|
|
}
|
|
}
|
|
}
|
|
|
|
Future<void> _loadDemoData(BuildContext context, WidgetRef ref) async {
|
|
final confirmed = await showDialog<bool>(
|
|
context: context,
|
|
builder: (context) => AlertDialog(
|
|
title: const Text('Load Demo Data?'),
|
|
content: const Text(
|
|
'This will populate the app with mock cycle entries and a wife profile.'),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(context, false),
|
|
child: const Text('Cancel')),
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(context, true),
|
|
child:
|
|
const Text('Load Data', style: TextStyle(color: Colors.blue)),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
|
|
if (confirmed == true) {
|
|
final mockService = MockDataService();
|
|
// Load mock entries
|
|
final entries = mockService.generateMockCycleEntries();
|
|
for (var entry in entries) {
|
|
await ref.read(cycleEntriesProvider.notifier).addEntry(entry);
|
|
}
|
|
|
|
// Update mock profile
|
|
final mockWife = mockService.generateMockWifeProfile();
|
|
final currentProfile = ref.read(userProfileProvider);
|
|
if (currentProfile != null) {
|
|
final updatedProfile = currentProfile.copyWith(
|
|
partnerName: mockWife.name,
|
|
averageCycleLength: mockWife.averageCycleLength,
|
|
averagePeriodLength: mockWife.averagePeriodLength,
|
|
lastPeriodStartDate: mockWife.lastPeriodStartDate,
|
|
favoriteFoods: mockWife.favoriteFoods,
|
|
);
|
|
await ref
|
|
.read(userProfileProvider.notifier)
|
|
.updateProfile(updatedProfile);
|
|
}
|
|
|
|
if (context.mounted) {
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(content: Text('Demo data loaded')),
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
void _showTranslationPicker(BuildContext context, WidgetRef ref) {
|
|
showModalBottomSheet(
|
|
context: context,
|
|
shape: const RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
|
|
),
|
|
builder: (context) => Container(
|
|
padding: const EdgeInsets.all(20),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'Choose Translation',
|
|
style: GoogleFonts.outfit(
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.w600,
|
|
color: AppColors.navyBlue,
|
|
),
|
|
),
|
|
const SizedBox(height: 16),
|
|
...BibleTranslation.values.map((translation) => ListTile(
|
|
title: Text(
|
|
translation.label,
|
|
style: GoogleFonts.outfit(fontWeight: FontWeight.w500),
|
|
),
|
|
trailing: ref.watch(userProfileProvider)?.bibleTranslation ==
|
|
translation
|
|
? const Icon(Icons.check, color: AppColors.sageGreen)
|
|
: null,
|
|
onTap: () async {
|
|
final profile = ref.read(userProfileProvider);
|
|
if (profile != null) {
|
|
await ref
|
|
.read(userProfileProvider.notifier)
|
|
.updateProfile(
|
|
profile.copyWith(bibleTranslation: translation),
|
|
);
|
|
}
|
|
if (context.mounted) Navigator.pop(context);
|
|
},
|
|
)),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
void _showConnectDialog(BuildContext context, WidgetRef ref) {
|
|
final codeController = TextEditingController();
|
|
bool shareDevotional = true;
|
|
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) => StatefulBuilder(
|
|
builder: (context, setState) => AlertDialog(
|
|
title: Row(
|
|
children: [
|
|
const Icon(Icons.link, color: AppColors.navyBlue),
|
|
const SizedBox(width: 8),
|
|
const Text('Connect with Wife'),
|
|
],
|
|
),
|
|
content: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text(
|
|
'Enter the pairing code from your wife\'s app:',
|
|
style:
|
|
GoogleFonts.outfit(fontSize: 14, color: AppColors.warmGray),
|
|
),
|
|
const SizedBox(height: 16),
|
|
TextField(
|
|
controller: codeController,
|
|
decoration: const InputDecoration(
|
|
hintText: 'e.g., ABC123',
|
|
border: OutlineInputBorder(),
|
|
),
|
|
textCapitalization: TextCapitalization.characters,
|
|
),
|
|
const SizedBox(height: 16),
|
|
Text(
|
|
'Your wife can find this code in her Settings under "Share with Husband".',
|
|
style:
|
|
GoogleFonts.outfit(fontSize: 12, color: AppColors.warmGray),
|
|
),
|
|
const SizedBox(height: 24),
|
|
Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
SizedBox(
|
|
height: 24,
|
|
width: 24,
|
|
child: Checkbox(
|
|
value: shareDevotional,
|
|
onChanged: (val) =>
|
|
setState(() => shareDevotional = val ?? true),
|
|
activeColor: AppColors.navyBlue,
|
|
),
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'Share Devotional Plans',
|
|
style: GoogleFonts.outfit(
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: 14,
|
|
color: AppColors.charcoal),
|
|
),
|
|
Text(
|
|
'Allow her to see the teaching plans you create.',
|
|
style: GoogleFonts.outfit(
|
|
fontSize: 12, color: AppColors.warmGray),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(context),
|
|
child: const Text('Cancel'),
|
|
),
|
|
ElevatedButton(
|
|
onPressed: () async {
|
|
final code = codeController.text.trim();
|
|
|
|
Navigator.pop(context);
|
|
|
|
// Update preference
|
|
final user = ref.read(userProfileProvider);
|
|
if (user != null) {
|
|
await ref.read(userProfileProvider.notifier).updateProfile(
|
|
user.copyWith(isDataShared: shareDevotional));
|
|
}
|
|
|
|
ScaffoldMessenger.of(context).showSnackBar(
|
|
const SnackBar(
|
|
content: Text('Settings updated & Connected!'),
|
|
backgroundColor: AppColors.sageGreen,
|
|
),
|
|
);
|
|
|
|
if (code.isNotEmpty) {
|
|
// Load demo data as simulation
|
|
final mockService = MockDataService();
|
|
final entries = mockService.generateMockCycleEntries();
|
|
for (var entry in entries) {
|
|
await ref
|
|
.read(cycleEntriesProvider.notifier)
|
|
.addEntry(entry);
|
|
}
|
|
final mockWife = mockService.generateMockWifeProfile();
|
|
final currentProfile = ref.read(userProfileProvider);
|
|
if (currentProfile != null) {
|
|
final updatedProfile = currentProfile.copyWith(
|
|
isDataShared: shareDevotional,
|
|
partnerName: mockWife.name,
|
|
averageCycleLength: mockWife.averageCycleLength,
|
|
averagePeriodLength: mockWife.averagePeriodLength,
|
|
lastPeriodStartDate: mockWife.lastPeriodStartDate,
|
|
favoriteFoods: mockWife.favoriteFoods,
|
|
);
|
|
await ref
|
|
.read(userProfileProvider.notifier)
|
|
.updateProfile(updatedProfile);
|
|
}
|
|
}
|
|
},
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: AppColors.navyBlue,
|
|
foregroundColor: Colors.white,
|
|
),
|
|
child: const Text('Connect'),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
// Theme aware colors
|
|
final isDark = Theme.of(context).brightness == Brightness.dark;
|
|
final cardColor =
|
|
Theme.of(context).cardTheme.color; // Using theme card color
|
|
final textColor = Theme.of(context).textTheme.bodyLarge?.color;
|
|
|
|
return SafeArea(
|
|
child: SingleChildScrollView(
|
|
padding: const EdgeInsets.all(20),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
'Settings',
|
|
style: GoogleFonts.outfit(
|
|
fontSize: 28,
|
|
fontWeight: FontWeight.w600,
|
|
color: Theme.of(context).textTheme.displayMedium?.color ??
|
|
AppColors.navyBlue,
|
|
),
|
|
),
|
|
const SizedBox(height: 24),
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
color: cardColor,
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
ListTile(
|
|
leading: Icon(Icons.notifications_outlined,
|
|
color: Theme.of(context).colorScheme.primary),
|
|
title: Text('Notifications',
|
|
style: GoogleFonts.outfit(
|
|
fontWeight: FontWeight.w500, color: textColor)),
|
|
trailing: Switch(value: true, onChanged: (val) {}),
|
|
),
|
|
const Divider(height: 1),
|
|
ListTile(
|
|
leading: Icon(Icons.link,
|
|
color: Theme.of(context).colorScheme.primary),
|
|
title: Text('Connect with Wife',
|
|
style: GoogleFonts.outfit(
|
|
fontWeight: FontWeight.w500, color: textColor)),
|
|
trailing: Icon(Icons.chevron_right,
|
|
color: Theme.of(context).disabledColor),
|
|
onTap: () => _showConnectDialog(context, ref),
|
|
),
|
|
const Divider(height: 1),
|
|
ListTile(
|
|
leading: Icon(Icons.menu_book_outlined,
|
|
color: Theme.of(context).colorScheme.primary),
|
|
title: Text('Bible Translation',
|
|
style: GoogleFonts.outfit(
|
|
fontWeight: FontWeight.w500, color: textColor)),
|
|
trailing: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text(
|
|
ref.watch(userProfileProvider
|
|
.select((u) => u?.bibleTranslation.label)) ??
|
|
'ESV',
|
|
style: GoogleFonts.outfit(
|
|
fontSize: 14,
|
|
color:
|
|
Theme.of(context).textTheme.bodyMedium?.color ??
|
|
AppColors.warmGray,
|
|
),
|
|
),
|
|
Icon(Icons.chevron_right,
|
|
color: Theme.of(context).disabledColor),
|
|
],
|
|
),
|
|
onTap: () => _showTranslationPicker(context, ref),
|
|
),
|
|
const Divider(height: 1),
|
|
ListTile(
|
|
leading: Icon(Icons.palette_outlined,
|
|
color: Theme.of(context).colorScheme.primary),
|
|
title: Text('Appearance',
|
|
style: GoogleFonts.outfit(
|
|
fontWeight: FontWeight.w500, color: textColor)),
|
|
trailing: Icon(Icons.chevron_right,
|
|
color: Theme.of(context).disabledColor),
|
|
onTap: () {
|
|
Navigator.push(
|
|
context,
|
|
MaterialPageRoute(
|
|
builder: (context) => const HusbandAppearanceScreen(),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const SizedBox(height: 20),
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
color: cardColor,
|
|
borderRadius: BorderRadius.circular(12),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
ListTile(
|
|
leading: const Icon(Icons.cloud_download_outlined,
|
|
color: Colors.blue),
|
|
title: Text('Load Demo Data',
|
|
style: GoogleFonts.outfit(
|
|
fontWeight: FontWeight.w500, color: Colors.blue)),
|
|
onTap: () => _loadDemoData(context, ref),
|
|
),
|
|
const Divider(height: 1),
|
|
ListTile(
|
|
leading: const Icon(Icons.logout, color: Colors.red),
|
|
title: Text('Reset App',
|
|
style: GoogleFonts.outfit(
|
|
fontWeight: FontWeight.w500, color: Colors.red)),
|
|
onTap: () => _resetApp(context, ref),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|