467 lines
20 KiB
Dart
467 lines
20 KiB
Dart
// ignore_for_file: use_build_context_synchronously
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_dotenv/flutter_dotenv.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:gap/gap.dart';
|
|
import 'package:iconsax_flutter/iconsax_flutter.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:rijig_mobile/core/router.dart';
|
|
import 'package:rijig_mobile/core/utils/guide.dart';
|
|
import 'package:rijig_mobile/features/cart/model/cartitem_model.dart';
|
|
import 'package:rijig_mobile/features/cart/presentation/viewmodel/cartitem_vmod.dart';
|
|
import 'package:rijig_mobile/widget/buttoncard.dart';
|
|
import 'package:rijig_mobile/widget/skeletonize.dart';
|
|
|
|
class CartScreen extends StatefulWidget {
|
|
const CartScreen({super.key});
|
|
|
|
@override
|
|
State<CartScreen> createState() => _CartScreenState();
|
|
}
|
|
|
|
class _CartScreenState extends State<CartScreen> with WidgetsBindingObserver {
|
|
CartResponse? cart;
|
|
bool isLoading = true;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
WidgetsBinding.instance.addObserver(this);
|
|
fetchCart();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
WidgetsBinding.instance.removeObserver(this);
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
void didChangeAppLifecycleState(AppLifecycleState state) {
|
|
if (state == AppLifecycleState.resumed) {
|
|
debugPrint("App resumed, flushing cart...");
|
|
final vmod = Provider.of<CartViewModel>(context, listen: false);
|
|
vmod.flushCartToServer();
|
|
}
|
|
}
|
|
|
|
Future<void> fetchCart() async {
|
|
final vmod = Provider.of<CartViewModel>(context, listen: false);
|
|
final result = await vmod.fetchCartFromServer();
|
|
setState(() {
|
|
cart = result;
|
|
isLoading = false;
|
|
});
|
|
}
|
|
|
|
double get totalAmount => cart?.totalAmount ?? 0;
|
|
double get totalPrice => cart?.estimatedTotalPrice ?? 0;
|
|
|
|
String formatAmount(double value) {
|
|
String formattedValue = value.toStringAsFixed(2);
|
|
return formattedValue.endsWith('.00')
|
|
? formattedValue.split('.').first
|
|
: formattedValue;
|
|
}
|
|
|
|
void _showEditDialog(String trashId, double currentAmount, int index) {
|
|
double editedAmount = currentAmount;
|
|
showDialog(
|
|
context: context,
|
|
builder: (context) {
|
|
return AlertDialog(
|
|
title: const Text('Edit Jumlah'),
|
|
content: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
IconButton(
|
|
icon: const Icon(Icons.remove),
|
|
onPressed: () {
|
|
setState(() {
|
|
if (editedAmount > 0.25) editedAmount -= 0.25;
|
|
});
|
|
},
|
|
),
|
|
Text('${formatAmount(editedAmount)} kg'),
|
|
IconButton(
|
|
icon: const Icon(Icons.add),
|
|
onPressed: () {
|
|
setState(() {
|
|
editedAmount += 0.25;
|
|
});
|
|
},
|
|
),
|
|
],
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
child: const Text('Batal'),
|
|
),
|
|
TextButton(
|
|
onPressed: () {
|
|
final vmod = Provider.of<CartViewModel>(context, listen: false);
|
|
vmod.addOrUpdateItem(
|
|
CartItem(trashId: trashId, amount: editedAmount),
|
|
);
|
|
|
|
final item = cart!.cartItems[index];
|
|
setState(() {
|
|
cart!.cartItems[index] = CartItemResponse(
|
|
trashIcon: item.trashIcon,
|
|
trashName: item.trashName,
|
|
amount: editedAmount,
|
|
estimatedSubTotalPrice:
|
|
editedAmount *
|
|
(item.estimatedSubTotalPrice / item.amount),
|
|
trashId: item.trashId,
|
|
);
|
|
});
|
|
|
|
Navigator.of(context).pop();
|
|
},
|
|
child: const Text('Simpan'),
|
|
),
|
|
],
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
void recalculateCartSummary() {
|
|
double totalWeight = 0;
|
|
double totalPrice = 0;
|
|
|
|
for (final item in cart!.cartItems) {
|
|
totalWeight += item.amount;
|
|
totalPrice += item.estimatedSubTotalPrice;
|
|
}
|
|
|
|
setState(() {
|
|
cart = CartResponse(
|
|
id: cart!.id,
|
|
userId: cart!.userId,
|
|
totalAmount: totalWeight,
|
|
estimatedTotalPrice: totalPrice,
|
|
createdAt: cart!.createdAt,
|
|
updatedAt: cart!.updatedAt,
|
|
cartItems: cart!.cartItems,
|
|
);
|
|
});
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final String? baseUrl = dotenv.env["BASE_URL"];
|
|
|
|
return Scaffold(
|
|
backgroundColor: whiteColor,
|
|
appBar: AppBar(
|
|
title: Text("Keranjang Item", style: Tulisan.subheading()),
|
|
backgroundColor: whiteColor,
|
|
centerTitle: true,
|
|
),
|
|
body: SafeArea(
|
|
child:
|
|
isLoading
|
|
? ListView.builder(
|
|
shrinkWrap: true,
|
|
itemCount: 3,
|
|
itemBuilder: (context, index) {
|
|
return SkeletonCard();
|
|
},
|
|
)
|
|
: Padding(
|
|
padding: PaddingCustom().paddingOnly(
|
|
left: 10,
|
|
right: 10,
|
|
bottom: 40,
|
|
top: 10,
|
|
),
|
|
child: Column(
|
|
children: [
|
|
const Gap(20),
|
|
Expanded(
|
|
child: ListView.builder(
|
|
itemCount: cart?.cartItems.length ?? 0,
|
|
itemBuilder: (context, index) {
|
|
final item = cart!.cartItems[index];
|
|
final perKgPrice =
|
|
item.estimatedSubTotalPrice / item.amount;
|
|
final currentAmount = item.amount;
|
|
|
|
return Container(
|
|
margin: const EdgeInsets.only(bottom: 20),
|
|
padding: PaddingCustom().paddingAll(20),
|
|
decoration: BoxDecoration(
|
|
color: whiteColor,
|
|
borderRadius: BorderRadius.circular(10),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: greyColor.withValues(alpha: 0.1),
|
|
spreadRadius: 1,
|
|
blurRadius: 8,
|
|
),
|
|
],
|
|
),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
Image.network(
|
|
"$baseUrl${item.trashIcon}",
|
|
width: 50,
|
|
height: 50,
|
|
),
|
|
const Gap(10),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment:
|
|
CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
item.trashName,
|
|
style: Tulisan.customText(),
|
|
),
|
|
Text(
|
|
"Rp${perKgPrice.toStringAsFixed(0)} / kg",
|
|
style: Tulisan.body(fontsize: 12),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
IconButton(
|
|
onPressed: () {
|
|
final vmod =
|
|
Provider.of<CartViewModel>(
|
|
context,
|
|
listen: false,
|
|
);
|
|
vmod.removeItem(item.trashId);
|
|
|
|
setState(() {
|
|
cart!.cartItems.removeAt(index);
|
|
});
|
|
|
|
recalculateCartSummary();
|
|
},
|
|
|
|
icon: Icon(
|
|
Iconsax.trash,
|
|
color: redColor,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const Gap(10),
|
|
Row(
|
|
children: [
|
|
Text(
|
|
"berat",
|
|
style: Tulisan.body(fontsize: 12),
|
|
),
|
|
const Gap(12),
|
|
Container(
|
|
padding: const EdgeInsets.symmetric(
|
|
horizontal: 8,
|
|
vertical: 4,
|
|
),
|
|
decoration: BoxDecoration(
|
|
border: Border.all(
|
|
color: greyAbsolutColor,
|
|
),
|
|
borderRadius: BorderRadius.circular(
|
|
6,
|
|
),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
GestureDetector(
|
|
onTap: () {
|
|
final newAmount =
|
|
(currentAmount - 0.25)
|
|
.clamp(
|
|
0.25,
|
|
double.infinity,
|
|
);
|
|
Provider.of<CartViewModel>(
|
|
context,
|
|
listen: false,
|
|
).addOrUpdateItem(
|
|
CartItem(
|
|
trashId: item.trashId,
|
|
amount: newAmount,
|
|
),
|
|
);
|
|
|
|
setState(() {
|
|
cart!.cartItems[index] =
|
|
CartItemResponse(
|
|
trashIcon:
|
|
item.trashIcon,
|
|
trashName:
|
|
item.trashName,
|
|
amount: newAmount,
|
|
estimatedSubTotalPrice:
|
|
newAmount *
|
|
(item.estimatedSubTotalPrice /
|
|
item.amount),
|
|
trashId: item.trashId,
|
|
);
|
|
});
|
|
|
|
recalculateCartSummary();
|
|
},
|
|
child: const Icon(
|
|
Icons.remove,
|
|
size: 20,
|
|
),
|
|
),
|
|
const Gap(8),
|
|
GestureDetector(
|
|
onTap:
|
|
() => _showEditDialog(
|
|
item.trashId,
|
|
currentAmount,
|
|
index,
|
|
),
|
|
child: Text(
|
|
formatAmount(currentAmount),
|
|
),
|
|
),
|
|
const Gap(8),
|
|
GestureDetector(
|
|
onTap: () {
|
|
final newAmount =
|
|
currentAmount + 0.25;
|
|
Provider.of<CartViewModel>(
|
|
context,
|
|
listen: false,
|
|
).addOrUpdateItem(
|
|
CartItem(
|
|
trashId: item.trashId,
|
|
amount: newAmount,
|
|
),
|
|
);
|
|
|
|
setState(() {
|
|
cart!.cartItems[index] =
|
|
CartItemResponse(
|
|
trashIcon:
|
|
item.trashIcon,
|
|
trashName:
|
|
item.trashName,
|
|
amount: newAmount,
|
|
estimatedSubTotalPrice:
|
|
newAmount *
|
|
(item.estimatedSubTotalPrice /
|
|
item.amount),
|
|
trashId: item.trashId,
|
|
);
|
|
});
|
|
|
|
recalculateCartSummary();
|
|
},
|
|
child: const Icon(
|
|
Icons.add,
|
|
size: 20,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
Container(
|
|
padding: const EdgeInsets.all(20),
|
|
decoration: BoxDecoration(
|
|
color: whiteColor,
|
|
borderRadius: BorderRadius.circular(10),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
color: greyAbsolutColor.withValues(alpha: 0.1),
|
|
spreadRadius: 1,
|
|
blurRadius: 8,
|
|
),
|
|
],
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
"Cart Total",
|
|
style: Tulisan.subheading(fontsize: 14),
|
|
),
|
|
Text(
|
|
"${formatAmount(totalAmount)} kg",
|
|
style: Tulisan.body(fontsize: 14),
|
|
),
|
|
],
|
|
),
|
|
const Gap(10),
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
"Harga Total",
|
|
style: Tulisan.subheading(fontsize: 14),
|
|
),
|
|
Text(
|
|
"Rp${totalPrice.toStringAsFixed(0)}",
|
|
style: Tulisan.body(fontsize: 14),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const Gap(20),
|
|
SizedBox(
|
|
width: double.infinity,
|
|
child: CardButtonOne(
|
|
textButton: "Request Pickup",
|
|
fontSized: 16.sp,
|
|
color: primaryColor,
|
|
colorText: whiteColor,
|
|
borderRadius: 9,
|
|
horizontal: double.infinity,
|
|
vertical: 50,
|
|
// onTap: () async {
|
|
// final vmod = Provider.of<CartViewModel>(
|
|
// context,
|
|
// listen: false,
|
|
// );
|
|
// await vmod.flushCartToServer();
|
|
|
|
// ScaffoldMessenger.of(context).showSnackBar(
|
|
// const SnackBar(
|
|
// content: Text(
|
|
// "Keranjang berhasil dikirim ke server!",
|
|
// ),
|
|
// ),
|
|
// );
|
|
// },
|
|
onTap: () {
|
|
router.push("/pickupmethod", extra: '');
|
|
},
|
|
),
|
|
),
|
|
const Gap(20),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|