163 lines
6.2 KiB
Dart
163 lines
6.2 KiB
Dart
import 'package:intl/intl.dart';
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:nekoya_app/api/api.dart';
|
|
import 'package:nekoya_app/components/cart_box.dart';
|
|
import 'package:nekoya_app/components/cart_button.dart';
|
|
import 'package:nekoya_app/components/menu.dart';
|
|
import 'package:nekoya_app/data/cart.dart';
|
|
import 'package:nekoya_app/screens/checkout.dart';
|
|
|
|
class Cart extends StatefulWidget {
|
|
const Cart({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<Cart> createState() => _CartState();
|
|
}
|
|
|
|
class _CartState extends State<Cart> {
|
|
Future<dynamic> _viewCart = viewCart();
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
Future<dynamic> getTotal() async {
|
|
dynamic totalPrice = 0;
|
|
var orderData = await viewCart();
|
|
await orderData.forEach((x) async {
|
|
var product = await getProduct(x['product_id']);
|
|
totalPrice += product[0]['PRICE'] * x['quantity'];
|
|
});
|
|
|
|
return Future.delayed(const Duration(seconds: 2), () {
|
|
return totalPrice;
|
|
});
|
|
}
|
|
|
|
Future<dynamic> getTotal_ = getTotal();
|
|
|
|
return Scaffold(
|
|
backgroundColor: const Color(0xff1b1c1e),
|
|
appBar: AppBar(
|
|
title: const Text('Cart'),
|
|
centerTitle: true,
|
|
backgroundColor: const Color(0xff212226),
|
|
automaticallyImplyLeading: false,
|
|
),
|
|
body: Container(
|
|
margin: const EdgeInsets.only(bottom: 80.0),
|
|
child: FutureBuilder<dynamic>(
|
|
future: _viewCart,
|
|
builder: (context, snapshot) {
|
|
if (snapshot.hasData) {
|
|
var data = snapshot.data;
|
|
if (data.isNotEmpty) {
|
|
return ListView.builder(
|
|
itemCount: data!.length,
|
|
itemBuilder: (context, index) {
|
|
return FutureBuilder<dynamic>(
|
|
future: getProduct(data[index]["product_id"]),
|
|
builder: (context, snapshotx) {
|
|
if (snapshotx.hasData) {
|
|
var productData = snapshotx.data;
|
|
if (productData != null) {
|
|
return CartBox(
|
|
controller: true,
|
|
imageUrl:
|
|
"https://nekoya.moe.team/img/${productData[0]['IMAGE']}",
|
|
title: productData[0]['TITLE'],
|
|
quantity: data[index]["quantity"],
|
|
plus: () {
|
|
addToCart(data[index]["product_id"]);
|
|
setState(() {
|
|
_viewCart = viewCart();
|
|
getTotal_ = getTotal();
|
|
});
|
|
},
|
|
minus: () {
|
|
removeFromCart(
|
|
data[index]["product_id"], false);
|
|
setState(() {
|
|
_viewCart = viewCart();
|
|
getTotal_ = getTotal();
|
|
});
|
|
},
|
|
remove: () {
|
|
removeFromCart(
|
|
data[index]["product_id"], true);
|
|
setState(() {
|
|
_viewCart = viewCart();
|
|
getTotal_ = getTotal();
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
return CartBox(
|
|
controller: true,
|
|
imageUrl:
|
|
'https://i.ibb.co/QJFLZC4/La-Darknesss-Portrait.webp',
|
|
title: 'Loading...',
|
|
quantity: 0,
|
|
plus: () {},
|
|
minus: () {},
|
|
remove: () {},
|
|
);
|
|
});
|
|
},
|
|
);
|
|
} else {
|
|
return Padding(
|
|
padding: const EdgeInsets.only(bottom: 200.0),
|
|
child: Container(
|
|
decoration: const BoxDecoration(
|
|
image: DecorationImage(
|
|
image: AssetImage(
|
|
'assets/images/image_empty.webp'))),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
return const Center(
|
|
child: CircularProgressIndicator(
|
|
color: Color(0xff8B0000),
|
|
),
|
|
);
|
|
}),
|
|
),
|
|
floatingActionButton: FutureBuilder<dynamic>(
|
|
future: getTotal_,
|
|
builder: (context, snapshot) {
|
|
if (snapshot.hasData) {
|
|
var price = snapshot.data;
|
|
if (price != 0) {
|
|
return CartButton(
|
|
icon: const Icon(Icons.shopping_cart_checkout),
|
|
text1: "Rp ${NumberFormat('#,##0.00', 'ID').format(price)}",
|
|
text2: "Checkout",
|
|
refer: () {
|
|
Navigator.of(context).push(MaterialPageRoute(
|
|
builder: (context) => const Checkout()));
|
|
},
|
|
);
|
|
}
|
|
|
|
return CartButton(
|
|
icon: const Icon(Icons.shopping_cart_outlined),
|
|
text1: "Cart is Empty",
|
|
text2: "Shop Now",
|
|
refer: () {
|
|
Navigator.of(context).pushReplacement(MaterialPageRoute(
|
|
builder: (context) => const Menu(initialScreen: 2)));
|
|
},
|
|
);
|
|
}
|
|
|
|
return const SizedBox(
|
|
width: 1.0,
|
|
);
|
|
}),
|
|
floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
|
|
);
|
|
}
|
|
}
|