267 lines
10 KiB
Dart
267 lines
10 KiB
Dart
import 'dart:async';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:shared_preferences/shared_preferences.dart';
|
|
import '../services/odoo_service.dart';
|
|
import '../services/notification_service.dart';
|
|
import '../theme/app_theme.dart';
|
|
import 'notifications_screen.dart';
|
|
import 'branches_screen.dart';
|
|
import 'settings_screen.dart';
|
|
|
|
class LoyaltyDashboard extends StatefulWidget {
|
|
final int partnerId;
|
|
const LoyaltyDashboard({super.key, required this.partnerId});
|
|
|
|
@override
|
|
State<LoyaltyDashboard> createState() => _LoyaltyDashboardState();
|
|
}
|
|
|
|
class _LoyaltyDashboardState extends State<LoyaltyDashboard> {
|
|
List<dynamic> _loyaltyCards = [];
|
|
bool _isLoading = true;
|
|
int _unreadNotificationCount = 0;
|
|
Timer? _notificationTimer;
|
|
|
|
// Shared pref keys
|
|
static const _kLastNotified = 'last_device_notified_id';
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_fetchLoyaltyData();
|
|
_fetchNotificationCount();
|
|
_notificationTimer = Timer.periodic(const Duration(seconds: 10), (_) {
|
|
_fetchNotificationCount();
|
|
});
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_notificationTimer?.cancel();
|
|
super.dispose();
|
|
}
|
|
|
|
Future<void> _fetchNotificationCount() async {
|
|
try {
|
|
final client = OdooService().client;
|
|
if (client == null) return;
|
|
|
|
final response = await client.callRPC(
|
|
'/api/loyalty/fetch_notifications',
|
|
'call',
|
|
{'last_id': 0},
|
|
);
|
|
|
|
if (response != null && response['status'] == 'success') {
|
|
final List<dynamic> notifs = response['data'] ?? [];
|
|
final prefs = await SharedPreferences.getInstance();
|
|
final lastNotifiedId = prefs.getInt(_kLastNotified) ?? 0;
|
|
|
|
// Check read list
|
|
final readIds = prefs.getStringList('read_notification_ids');
|
|
int unreadCount = 0;
|
|
|
|
if (readIds == null) {
|
|
final initialRead = notifs.map((n) => (n['id'] as int? ?? 0).toString()).toList();
|
|
await prefs.setStringList('read_notification_ids', initialRead);
|
|
unreadCount = 0;
|
|
} else {
|
|
unreadCount = notifs
|
|
.where((n) => !readIds.contains((n['id'] as int? ?? 0).toString()))
|
|
.length;
|
|
}
|
|
|
|
int highestNewId = lastNotifiedId;
|
|
final List<dynamic> toNotify = [];
|
|
|
|
for (var notif in notifs) {
|
|
final id = notif['id'] as int? ?? 0;
|
|
if (id > lastNotifiedId) {
|
|
toNotify.add(notif);
|
|
if (id > highestNewId) highestNewId = id;
|
|
}
|
|
}
|
|
|
|
// Show device tray notifications for any not yet shown
|
|
if (toNotify.isNotEmpty) {
|
|
final notifService = NotificationService();
|
|
for (final notif in toNotify) {
|
|
await notifService.showNotification(
|
|
id: notif['id'] as int,
|
|
title: notif['title'] ?? 'Mie Mapan',
|
|
body: notif['body'] ?? '',
|
|
);
|
|
}
|
|
await prefs.setInt(_kLastNotified, highestNewId);
|
|
}
|
|
|
|
// Always update system badge to match the unread count
|
|
await NotificationService().setBadge(unreadCount);
|
|
|
|
if (mounted) {
|
|
setState(() => _unreadNotificationCount = unreadCount);
|
|
}
|
|
}
|
|
} catch (e) {
|
|
// ignore
|
|
}
|
|
}
|
|
|
|
Future<void> _fetchLoyaltyData() async {
|
|
try {
|
|
final cards = await OdooService().getLoyaltyCards(widget.partnerId);
|
|
await _fetchNotificationCount();
|
|
setState(() {
|
|
_loyaltyCards = cards;
|
|
_isLoading = false;
|
|
});
|
|
} catch (e) {
|
|
if (mounted) {
|
|
setState(() => _isLoading = false);
|
|
ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Error loading loyalty cards: $e')));
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: const Text('My Rewards'),
|
|
actions: [
|
|
IconButton(
|
|
icon: const Icon(Icons.storefront),
|
|
onPressed: () => Navigator.push(context, MaterialPageRoute(builder: (_) => const BranchesScreen())),
|
|
),
|
|
Stack(
|
|
clipBehavior: Clip.none,
|
|
children: [
|
|
IconButton(
|
|
icon: const Icon(Icons.notifications),
|
|
onPressed: () async {
|
|
await Navigator.push(context, MaterialPageRoute(builder: (_) => const NotificationsScreen()));
|
|
_fetchNotificationCount();
|
|
},
|
|
),
|
|
if (_unreadNotificationCount > 0)
|
|
Positioned(
|
|
right: 8,
|
|
top: 8,
|
|
child: Container(
|
|
padding: const EdgeInsets.all(4),
|
|
decoration: const BoxDecoration(
|
|
color: Colors.red,
|
|
shape: BoxShape.circle,
|
|
),
|
|
constraints: const BoxConstraints(
|
|
minWidth: 16,
|
|
minHeight: 16,
|
|
),
|
|
child: Text(
|
|
'$_unreadNotificationCount',
|
|
style: const TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 10,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
textAlign: TextAlign.center,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
IconButton(
|
|
icon: const Icon(Icons.settings),
|
|
onPressed: () => Navigator.push(context, MaterialPageRoute(builder: (_) => const SettingsScreen())),
|
|
),
|
|
const SizedBox(width: 8),
|
|
],
|
|
),
|
|
body: _isLoading
|
|
? const Center(child: CircularProgressIndicator())
|
|
: RefreshIndicator(
|
|
onRefresh: _fetchLoyaltyData,
|
|
child: _loyaltyCards.isEmpty
|
|
? Center(
|
|
child: Text(
|
|
'No active rewards yet.',
|
|
style: Theme.of(context).textTheme.titleLarge,
|
|
),
|
|
)
|
|
: ListView.builder(
|
|
padding: const EdgeInsets.symmetric(horizontal: 32.0, vertical: 40.0),
|
|
itemCount: _loyaltyCards.length,
|
|
itemBuilder: (context, index) {
|
|
final card = _loyaltyCards[index];
|
|
return Container(
|
|
margin: const EdgeInsets.only(bottom: 40),
|
|
padding: const EdgeInsets.all(32),
|
|
decoration: const BoxDecoration(
|
|
color: AppTheme.surfaceContainerHighest, // Soft Lift without shadow
|
|
borderRadius: BorderRadius.zero,
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Expanded(
|
|
child: Text(
|
|
'${card['program_id']?[1] ?? 'Loyalty Program'}',
|
|
style: Theme.of(context).textTheme.titleLarge,
|
|
softWrap: true,
|
|
),
|
|
),
|
|
const SizedBox(width: 16),
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
|
|
decoration: const BoxDecoration(
|
|
color: AppTheme.secondaryContainer,
|
|
borderRadius: BorderRadius.zero, // Editorial block
|
|
),
|
|
child: Text(
|
|
(() {
|
|
final programName = (card['program_id']?[1] as String? ?? '').toLowerCase();
|
|
if (programName.contains('silver')) return 'Silver Member';
|
|
if (programName.contains('gold')) return 'Gold Member';
|
|
if (programName.contains('platinum')) return 'Platinum Member';
|
|
return 'Member';
|
|
})(),
|
|
style: Theme.of(context).textTheme.labelLarge?.copyWith(
|
|
color: AppTheme.onSecondaryContainer,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 32),
|
|
Text('Membership Code', style: Theme.of(context).textTheme.bodyMedium),
|
|
const SizedBox(height: 4),
|
|
Text('${card['code'] ?? 'N/A'}', style: Theme.of(context).textTheme.titleMedium),
|
|
const SizedBox(height: 24),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
crossAxisAlignment: CrossAxisAlignment.end,
|
|
children: [
|
|
Text('Available Points', style: Theme.of(context).textTheme.bodyMedium),
|
|
Text(
|
|
'${card['points'] ?? 0}',
|
|
style: Theme.of(context).textTheme.displayMedium?.copyWith(
|
|
color: AppTheme.primary,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|