root
453 lines
16 KiB
Dart
453 lines
16 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:intl/intl.dart';
|
|
import '../../../core/models/offer.dart';
|
|
import '../providers/dashboard_providers.dart';
|
|
import '../../../widgets/error_view.dart';
|
|
|
|
class OffersScreen extends ConsumerWidget {
|
|
const OffersScreen({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final async = ref.watch(offersProvider);
|
|
|
|
return Scaffold(
|
|
appBar: AppBar(title: const Text('Offers & Promotions')),
|
|
floatingActionButton: FloatingActionButton.extended(
|
|
onPressed: () async {
|
|
final created = await showModalBottomSheet<bool>(
|
|
context: context,
|
|
isScrollControlled: true,
|
|
useSafeArea: true,
|
|
builder: (_) => const _OfferFormSheet(),
|
|
);
|
|
if (created == true) ref.invalidate(offersProvider);
|
|
},
|
|
icon: const Icon(Icons.add),
|
|
label: const Text('New Offer'),
|
|
),
|
|
body: async.when(
|
|
loading: () => const Center(child: CircularProgressIndicator()),
|
|
error: (e, _) => ErrorView(
|
|
message: 'Failed to load offers',
|
|
onRetry: () => ref.invalidate(offersProvider),
|
|
),
|
|
data: (offers) {
|
|
if (offers.isEmpty) {
|
|
return const Center(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Icon(Icons.local_offer_outlined,
|
|
size: 64, color: Color(0xFFD1D5DB)),
|
|
SizedBox(height: 16),
|
|
Text('No offers yet',
|
|
style: TextStyle(color: Color(0xFF9CA3AF))),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
return RefreshIndicator(
|
|
onRefresh: () async => ref.invalidate(offersProvider),
|
|
child: ListView.separated(
|
|
padding:
|
|
const EdgeInsets.symmetric(horizontal: 16, vertical: 12),
|
|
itemCount: offers.length,
|
|
separatorBuilder: (_, _) => const SizedBox(height: 10),
|
|
itemBuilder: (_, i) => _OfferCard(
|
|
offer: offers[i],
|
|
onToggle: () async {
|
|
final svc = ref.read(offerServiceProvider);
|
|
if (offers[i].isActive) {
|
|
await svc.deactivateOffer(offers[i].id);
|
|
} else {
|
|
await svc.activateOffer(offers[i].id);
|
|
}
|
|
ref.invalidate(offersProvider);
|
|
},
|
|
onDelete: () async {
|
|
final confirmed = await showDialog<bool>(
|
|
context: context,
|
|
builder: (_) => AlertDialog(
|
|
title: const Text('Delete Offer'),
|
|
content: Text(
|
|
'Delete "${offers[i].title}"? This cannot be undone.'),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.pop(context, false),
|
|
child: const Text('Cancel')),
|
|
ElevatedButton(
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: const Color(0xFFE02424)),
|
|
onPressed: () => Navigator.pop(context, true),
|
|
child: const Text('Delete'),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
if (confirmed == true) {
|
|
await ref.read(offerServiceProvider).deleteOffer(offers[i].id);
|
|
ref.invalidate(offersProvider);
|
|
}
|
|
},
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _OfferCard extends StatelessWidget {
|
|
final CompanyOffer offer;
|
|
final VoidCallback onToggle;
|
|
final VoidCallback onDelete;
|
|
|
|
const _OfferCard({
|
|
required this.offer,
|
|
required this.onToggle,
|
|
required this.onDelete,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final fmt = DateFormat('MMM d, yyyy');
|
|
final isExpired = offer.validUntil.isBefore(DateTime.now());
|
|
return Card(
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(16),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: Text(
|
|
offer.title,
|
|
style: const TextStyle(
|
|
fontWeight: FontWeight.bold, fontSize: 15),
|
|
),
|
|
),
|
|
_StatusChip(
|
|
active: offer.isActive && !isExpired,
|
|
expired: isExpired),
|
|
const SizedBox(width: 8),
|
|
PopupMenuButton<String>(
|
|
onSelected: (v) {
|
|
if (v == 'toggle') onToggle();
|
|
if (v == 'delete') onDelete();
|
|
},
|
|
itemBuilder: (_) => [
|
|
PopupMenuItem(
|
|
value: 'toggle',
|
|
child: Text(offer.isActive ? 'Deactivate' : 'Activate'),
|
|
),
|
|
const PopupMenuItem(
|
|
value: 'delete',
|
|
child: Text('Delete',
|
|
style: TextStyle(color: Color(0xFFE02424))),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: 8),
|
|
Row(
|
|
children: [
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 10, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFFF0F7FF),
|
|
borderRadius: BorderRadius.circular(20),
|
|
),
|
|
child: Text(
|
|
offer.discountLabel,
|
|
style: const TextStyle(
|
|
color: Color(0xFF1A56DB),
|
|
fontWeight: FontWeight.w600,
|
|
fontSize: 13),
|
|
),
|
|
),
|
|
if (offer.promoCode != null) ...[
|
|
const SizedBox(width: 8),
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 10, vertical: 4),
|
|
decoration: BoxDecoration(
|
|
color: const Color(0xFFF3F4F6),
|
|
borderRadius: BorderRadius.circular(20),
|
|
),
|
|
child: Text(
|
|
offer.promoCode!,
|
|
style: const TextStyle(
|
|
fontFamily: 'monospace',
|
|
fontSize: 12,
|
|
fontWeight: FontWeight.w600),
|
|
),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
const SizedBox(height: 8),
|
|
Text(
|
|
'${fmt.format(offer.validFrom)} → ${fmt.format(offer.validUntil)}',
|
|
style:
|
|
const TextStyle(fontSize: 12, color: Color(0xFF6B7280)),
|
|
),
|
|
if (offer.maxRedemptions != null) ...[
|
|
const SizedBox(height: 4),
|
|
Text(
|
|
'${offer.redemptionCount} / ${offer.maxRedemptions} uses',
|
|
style: const TextStyle(
|
|
fontSize: 12, color: Color(0xFF6B7280)),
|
|
),
|
|
],
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _StatusChip extends StatelessWidget {
|
|
final bool active;
|
|
final bool expired;
|
|
|
|
const _StatusChip({required this.active, required this.expired});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
Color bg;
|
|
Color fg;
|
|
String label;
|
|
if (expired) {
|
|
bg = const Color(0xFFF3F4F6);
|
|
fg = const Color(0xFF6B7280);
|
|
label = 'Expired';
|
|
} else if (active) {
|
|
bg = const Color(0xFFDEF7EC);
|
|
fg = const Color(0xFF03543F);
|
|
label = 'Active';
|
|
} else {
|
|
bg = const Color(0xFFFDE8E8);
|
|
fg = const Color(0xFF9B1C1C);
|
|
label = 'Inactive';
|
|
}
|
|
return Container(
|
|
padding: const EdgeInsets.symmetric(horizontal: 8, vertical: 3),
|
|
decoration:
|
|
BoxDecoration(color: bg, borderRadius: BorderRadius.circular(20)),
|
|
child: Text(label,
|
|
style: TextStyle(fontSize: 11, color: fg, fontWeight: FontWeight.w600)),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _OfferFormSheet extends ConsumerStatefulWidget {
|
|
const _OfferFormSheet();
|
|
|
|
@override
|
|
ConsumerState<_OfferFormSheet> createState() => _OfferFormSheetState();
|
|
}
|
|
|
|
class _OfferFormSheetState extends ConsumerState<_OfferFormSheet> {
|
|
final _formKey = GlobalKey<FormState>();
|
|
bool _loading = false;
|
|
|
|
final _title = TextEditingController();
|
|
final _description = TextEditingController();
|
|
final _promoCode = TextEditingController();
|
|
final _discountValue = TextEditingController(text: '10');
|
|
final _maxRedemptions = TextEditingController();
|
|
|
|
String _type = 'PERCENTAGE';
|
|
bool _isPublic = false;
|
|
DateTime _validFrom = DateTime.now();
|
|
DateTime _validUntil = DateTime.now().add(const Duration(days: 30));
|
|
|
|
static const _types = ['PERCENTAGE', 'FIXED_AMOUNT', 'FREE_DAY'];
|
|
|
|
@override
|
|
void dispose() {
|
|
for (final c in [
|
|
_title, _description, _promoCode, _discountValue, _maxRedemptions
|
|
]) {
|
|
c.dispose();
|
|
}
|
|
super.dispose();
|
|
}
|
|
|
|
Future<void> _pickDateRange() async {
|
|
final range = await showDateRangePicker(
|
|
context: context,
|
|
firstDate: DateTime.now().subtract(const Duration(days: 1)),
|
|
lastDate: DateTime.now().add(const Duration(days: 365 * 2)),
|
|
initialDateRange: DateTimeRange(start: _validFrom, end: _validUntil),
|
|
);
|
|
if (range != null) {
|
|
setState(() {
|
|
_validFrom = range.start;
|
|
_validUntil = range.end;
|
|
});
|
|
}
|
|
}
|
|
|
|
Future<void> _submit() async {
|
|
if (!_formKey.currentState!.validate()) return;
|
|
setState(() => _loading = true);
|
|
try {
|
|
int discVal = int.tryParse(_discountValue.text) ?? 0;
|
|
if (_type == 'FIXED_AMOUNT') discVal = discVal * 100;
|
|
|
|
await ref.read(offerServiceProvider).createOffer({
|
|
'title': _title.text.trim(),
|
|
if (_description.text.isNotEmpty)
|
|
'description': _description.text.trim(),
|
|
'type': _type,
|
|
'discountValue': discVal,
|
|
if (_promoCode.text.isNotEmpty) 'promoCode': _promoCode.text.trim(),
|
|
'isPublic': _isPublic,
|
|
'isActive': true,
|
|
'isFeatured': false,
|
|
'validFrom':
|
|
'${_validFrom.toIso8601String().substring(0, 10)}T00:00:00.000Z',
|
|
'validUntil':
|
|
'${_validUntil.toIso8601String().substring(0, 10)}T23:59:59.000Z',
|
|
if (_maxRedemptions.text.isNotEmpty)
|
|
'maxRedemptions': int.parse(_maxRedemptions.text),
|
|
'categories': <String>[],
|
|
});
|
|
if (mounted) Navigator.of(context).pop(true);
|
|
} catch (e) {
|
|
if (mounted) {
|
|
ScaffoldMessenger.of(context)
|
|
.showSnackBar(SnackBar(content: Text('Error: $e')));
|
|
}
|
|
} finally {
|
|
if (mounted) setState(() => _loading = false);
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final fmt = DateFormat('MMM d, yyyy');
|
|
return Padding(
|
|
padding: EdgeInsets.only(
|
|
bottom: MediaQuery.of(context).viewInsets.bottom,
|
|
),
|
|
child: SingleChildScrollView(
|
|
padding: const EdgeInsets.all(20),
|
|
child: Form(
|
|
key: _formKey,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
const Text('New Offer',
|
|
style: TextStyle(
|
|
fontSize: 18, fontWeight: FontWeight.bold)),
|
|
const Spacer(),
|
|
if (_loading)
|
|
const SizedBox(
|
|
width: 20,
|
|
height: 20,
|
|
child: CircularProgressIndicator(strokeWidth: 2))
|
|
else
|
|
TextButton(
|
|
onPressed: _submit,
|
|
child: const Text('Create')),
|
|
],
|
|
),
|
|
const SizedBox(height: 16),
|
|
TextFormField(
|
|
controller: _title,
|
|
decoration: const InputDecoration(labelText: 'Title'),
|
|
validator: (v) =>
|
|
v == null || v.isEmpty ? 'Required' : null,
|
|
),
|
|
const SizedBox(height: 12),
|
|
TextFormField(
|
|
controller: _description,
|
|
decoration: const InputDecoration(labelText: 'Description'),
|
|
maxLines: 2,
|
|
),
|
|
const SizedBox(height: 12),
|
|
InputDecorator(
|
|
decoration: const InputDecoration(labelText: 'Type'),
|
|
child: DropdownButton<String>(
|
|
value: _type,
|
|
isExpanded: true,
|
|
underline: const SizedBox(),
|
|
items: _types
|
|
.map((t) => DropdownMenuItem(value: t, child: Text(t)))
|
|
.toList(),
|
|
onChanged: (v) => setState(() => _type = v!),
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
TextFormField(
|
|
controller: _discountValue,
|
|
decoration: InputDecoration(
|
|
labelText: _type == 'PERCENTAGE'
|
|
? 'Discount (%)'
|
|
: _type == 'FIXED_AMOUNT'
|
|
? 'Amount (\$)'
|
|
: 'Free Days',
|
|
),
|
|
keyboardType: TextInputType.number,
|
|
validator: (v) =>
|
|
v == null || v.isEmpty ? 'Required' : null,
|
|
),
|
|
const SizedBox(height: 12),
|
|
TextFormField(
|
|
controller: _promoCode,
|
|
decoration: const InputDecoration(
|
|
labelText: 'Promo Code (optional)'),
|
|
textCapitalization: TextCapitalization.characters,
|
|
),
|
|
const SizedBox(height: 12),
|
|
TextFormField(
|
|
controller: _maxRedemptions,
|
|
decoration: const InputDecoration(
|
|
labelText: 'Max Redemptions (optional)'),
|
|
keyboardType: TextInputType.number,
|
|
),
|
|
const SizedBox(height: 12),
|
|
InkWell(
|
|
onTap: _pickDateRange,
|
|
child: InputDecorator(
|
|
decoration:
|
|
const InputDecoration(labelText: 'Valid Period'),
|
|
child: Text(
|
|
'${fmt.format(_validFrom)} → ${fmt.format(_validUntil)}'),
|
|
),
|
|
),
|
|
const SizedBox(height: 12),
|
|
SwitchListTile(
|
|
contentPadding: EdgeInsets.zero,
|
|
title: const Text('Public offer'),
|
|
subtitle: const Text('Visible to customers on marketplace'),
|
|
value: _isPublic,
|
|
onChanged: (v) => setState(() => _isPublic = v),
|
|
),
|
|
const SizedBox(height: 12),
|
|
ElevatedButton(
|
|
onPressed: _loading ? null : _submit,
|
|
style: ElevatedButton.styleFrom(
|
|
minimumSize: const Size.fromHeight(48),
|
|
),
|
|
child: const Text('Create Offer'),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|