436 lines
19 KiB
Dart
436 lines
19 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:initial_folder/models/zero_price_model.dart';
|
|
import 'package:initial_folder/providers/cart_provider.dart';
|
|
import 'package:initial_folder/providers/carts_provider.dart';
|
|
import 'package:initial_folder/providers/my_course_provider.dart';
|
|
import 'package:initial_folder/providers/order_provider.dart';
|
|
import 'package:initial_folder/providers/payments_provider.dart';
|
|
import 'package:initial_folder/providers/user_info_provider.dart' as userInfo;
|
|
import 'package:initial_folder/screens/checkout/batas_bayar.dart';
|
|
import 'package:initial_folder/screens/checkout/success_paid_course.dart';
|
|
import 'package:initial_folder/size_config.dart';
|
|
import 'package:initial_folder/theme.dart';
|
|
import 'package:initial_folder/widgets/login_regist/default_button.dart';
|
|
import 'package:intl/intl.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
class DetailZeroPayment extends StatelessWidget {
|
|
final String? discountPrice;
|
|
final String? price;
|
|
final List<String>? idCart;
|
|
const DetailZeroPayment(
|
|
{Key? key, this.idCart, this.discountPrice, this.price})
|
|
: super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
Future<void> deleteCourse() async {
|
|
List<String> idCarts = idCart!;
|
|
|
|
idCarts.forEach((element) async {
|
|
await Provider.of<CartProvider>(context, listen: false)
|
|
.deleteCart(element);
|
|
await Provider.of<CartsProvider>(context, listen: false).getCarts();
|
|
});
|
|
}
|
|
|
|
var invoice = Provider.of<OrderProvider>(context, listen: false).invoice;
|
|
var totalPrice =
|
|
Provider.of<OrderProvider>(context, listen: false).totalPrice!;
|
|
var orders = Provider.of<OrderProvider>(context, listen: false).orders;
|
|
print(orders);
|
|
var zero = Provider.of<PaymentsProvider>(context).zeroPrice;
|
|
Widget bottomNav() {
|
|
return Container(
|
|
margin: EdgeInsets.symmetric(
|
|
horizontal: getProportionateScreenWidth(90),
|
|
vertical: getProportionateScreenHeight(10)),
|
|
child: DefaultButton(
|
|
text: 'Lanjutkan',
|
|
press: () {
|
|
Provider.of<PaymentsProvider>(context, listen: false)
|
|
.zeroPayment(invoice, totalPrice.toString());
|
|
deleteCourse();
|
|
Navigator.of(context).push(
|
|
MaterialPageRoute(builder: (context) => SuccessPaidCourse()));
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget listCourse({String? title, String? instructor, String? price}) {
|
|
return Container(
|
|
padding: EdgeInsets.symmetric(vertical: 8),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Flexible(
|
|
flex: 7,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
title!,
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: primaryTextStyle.copyWith(
|
|
letterSpacing: 0.5,
|
|
fontWeight: reguler,
|
|
fontSize: getProportionateScreenWidth(11),
|
|
color: tenthColor,
|
|
),
|
|
),
|
|
SizedBox(height: 4),
|
|
Text(
|
|
'Oleh $instructor',
|
|
style: primaryTextStyle.copyWith(
|
|
letterSpacing: 0.5,
|
|
fontWeight: reguler,
|
|
fontSize: getProportionateScreenWidth(9.5),
|
|
color: secondaryColor,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Flexible(
|
|
flex: 3,
|
|
child: Text(
|
|
'Rp. ${NumberFormat.currency(locale: 'id', symbol: '', decimalDigits: 0).format(double.parse(price!))}',
|
|
style: primaryTextStyle.copyWith(
|
|
letterSpacing: 0.5,
|
|
fontWeight: reguler,
|
|
fontSize: getProportionateScreenWidth(12),
|
|
color: tenthColor,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
var user = Provider.of<userInfo.UserInfoProvider>(context).result;
|
|
// var zero = Provider.of<PaymentsProvider>(context).zeroPrice;
|
|
return Scaffold(
|
|
//backgroundColor: Colors.black,
|
|
appBar: AppBar(
|
|
title: Text(
|
|
'Checkout',
|
|
style: secondaryTextStyle.copyWith(
|
|
letterSpacing: 1,
|
|
fontWeight: semiBold,
|
|
fontSize: getProportionateScreenWidth(14)),
|
|
),
|
|
),
|
|
body: SingleChildScrollView(
|
|
child: Container(
|
|
margin:
|
|
EdgeInsets.symmetric(horizontal: getProportionateScreenWidth(16)),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
SizedBox(height: 10),
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFF212121),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
margin: EdgeInsets.only(
|
|
left: getProportionateScreenWidth(2),
|
|
right: getProportionateScreenWidth(2)),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Container(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Container(
|
|
padding: EdgeInsets.symmetric(
|
|
vertical: 15,
|
|
horizontal: getProportionateScreenWidth(15)),
|
|
child: Text(
|
|
'Informasi Pembeli',
|
|
style: secondaryTextStyle.copyWith(
|
|
letterSpacing: 1,
|
|
fontWeight: semiBold,
|
|
fontSize: getProportionateScreenWidth(14),
|
|
color: tenthColor,
|
|
),
|
|
),
|
|
),
|
|
Divider(
|
|
color: Color(0xff2D2D2D),
|
|
thickness: 0.5,
|
|
height: 1),
|
|
Container(
|
|
padding: EdgeInsets.symmetric(
|
|
vertical: 10,
|
|
horizontal: getProportionateScreenWidth(15)),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// Text(
|
|
// 'Order ID',
|
|
// style: primaryTextStyle.copyWith(
|
|
// letterSpacing: 0.5,
|
|
// fontWeight: reguler,
|
|
// fontSize: getProportionateScreenWidth(10),
|
|
// color: secondaryColor,
|
|
// ),
|
|
// ),
|
|
// Text(
|
|
// // state.detailOrder[0].idOrder,
|
|
// // zero!.data![0].orderId as String,
|
|
// '123',
|
|
// style: primaryTextStyle.copyWith(
|
|
// letterSpacing: 0.5,
|
|
// fontWeight: reguler,
|
|
// fontSize: getProportionateScreenWidth(12),
|
|
// color: tenthColor,
|
|
// ),
|
|
// ),
|
|
// SizedBox(height: 16),
|
|
Text(
|
|
'Nama Lengkap',
|
|
style: primaryTextStyle.copyWith(
|
|
letterSpacing: 0.5,
|
|
fontWeight: reguler,
|
|
fontSize: getProportionateScreenWidth(10),
|
|
color: secondaryColor,
|
|
),
|
|
),
|
|
Text(
|
|
user!.data[0].fullname as String,
|
|
style: primaryTextStyle.copyWith(
|
|
letterSpacing: 0.5,
|
|
fontWeight: reguler,
|
|
fontSize: getProportionateScreenWidth(12),
|
|
color: tenthColor,
|
|
),
|
|
),
|
|
SizedBox(height: 16),
|
|
Text(
|
|
'Email',
|
|
style: primaryTextStyle.copyWith(
|
|
letterSpacing: 0.5,
|
|
fontWeight: reguler,
|
|
fontSize: getProportionateScreenWidth(10),
|
|
color: secondaryColor,
|
|
),
|
|
),
|
|
Text(
|
|
user.data[0].email as String,
|
|
style: primaryTextStyle.copyWith(
|
|
letterSpacing: 0.5,
|
|
fontWeight: reguler,
|
|
fontSize: getProportionateScreenWidth(12),
|
|
color: tenthColor,
|
|
),
|
|
),
|
|
SizedBox(height: 12),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: getProportionateScreenHeight(20),
|
|
),
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFF212121),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
margin: EdgeInsets.only(
|
|
left: getProportionateScreenWidth(2),
|
|
right: getProportionateScreenWidth(2)),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Container(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Container(
|
|
padding: EdgeInsets.symmetric(
|
|
vertical: 15,
|
|
horizontal: getProportionateScreenWidth(15)),
|
|
child: Text(
|
|
'Informasi Pembeli',
|
|
style: secondaryTextStyle.copyWith(
|
|
letterSpacing: 1,
|
|
fontWeight: semiBold,
|
|
fontSize: getProportionateScreenWidth(14),
|
|
color: tenthColor,
|
|
),
|
|
),
|
|
),
|
|
Divider(
|
|
color: Color(0xff2D2D2D),
|
|
thickness: 0.5,
|
|
height: 1),
|
|
Container(
|
|
padding: EdgeInsets.symmetric(
|
|
vertical: 15,
|
|
horizontal: getProportionateScreenWidth(15)),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
SizedBox(height: 20),
|
|
Row(
|
|
mainAxisAlignment:
|
|
MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
'Total Harga',
|
|
style: primaryTextStyle.copyWith(
|
|
letterSpacing: 0.5,
|
|
fontWeight: reguler,
|
|
fontSize:
|
|
getProportionateScreenWidth(10),
|
|
color: secondaryColor,
|
|
),
|
|
),
|
|
discountPrice != "0"
|
|
? Text(
|
|
"Rp. ${NumberFormat.currency(locale: 'id', symbol: '', decimalDigits: 0).format(double.parse(discountPrice!))}",
|
|
style: primaryTextStyle.copyWith(
|
|
letterSpacing: 0.5,
|
|
fontWeight: reguler,
|
|
fontSize:
|
|
getProportionateScreenWidth(
|
|
12),
|
|
color: tenthColor,
|
|
),
|
|
)
|
|
: Text(
|
|
"Rp. ${NumberFormat.currency(locale: 'id', symbol: '', decimalDigits: 0).format(double.parse(price!))}",
|
|
style: primaryTextStyle.copyWith(
|
|
letterSpacing: 0.5,
|
|
fontWeight: reguler,
|
|
fontSize:
|
|
getProportionateScreenWidth(
|
|
12),
|
|
color: tenthColor,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
SizedBox(height: 16),
|
|
Divider(
|
|
color: Color(0xff2D2D2D),
|
|
thickness: 0.5,
|
|
height: 1),
|
|
SizedBox(height: 16),
|
|
Row(
|
|
mainAxisAlignment:
|
|
MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
'Total Bayar',
|
|
style: primaryTextStyle.copyWith(
|
|
letterSpacing: 0.5,
|
|
fontWeight: reguler,
|
|
fontSize:
|
|
getProportionateScreenWidth(12),
|
|
color: secondaryColor,
|
|
),
|
|
),
|
|
Text(
|
|
'Rp. 0',
|
|
style: secondaryTextStyle.copyWith(
|
|
letterSpacing: 1,
|
|
fontWeight: semiBold,
|
|
fontSize:
|
|
getProportionateScreenWidth(14),
|
|
color: tenthColor,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: getProportionateScreenHeight(20),
|
|
),
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFF212121),
|
|
borderRadius: BorderRadius.circular(8),
|
|
),
|
|
margin: EdgeInsets.only(
|
|
left: getProportionateScreenWidth(2),
|
|
right: getProportionateScreenWidth(2)),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Container(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Container(
|
|
padding: EdgeInsets.symmetric(
|
|
vertical: 15,
|
|
horizontal: getProportionateScreenWidth(15)),
|
|
child: Text(
|
|
'Kursus yang dibeli',
|
|
style: secondaryTextStyle.copyWith(
|
|
letterSpacing: 1,
|
|
fontWeight: semiBold,
|
|
fontSize: getProportionateScreenWidth(14),
|
|
color: tenthColor,
|
|
),
|
|
),
|
|
),
|
|
Divider(
|
|
color: Color(0xff2D2D2D),
|
|
thickness: 0.5,
|
|
height: 1),
|
|
Container(
|
|
padding: EdgeInsets.symmetric(
|
|
vertical: 15,
|
|
horizontal: getProportionateScreenWidth(15)),
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: orders.map((e) {
|
|
return listCourse(
|
|
instructor: e.instructor,
|
|
title: e.title,
|
|
price: e.discountPrice);
|
|
}).toList(),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: getProportionateScreenHeight(15),
|
|
),
|
|
bottomNav(),
|
|
SizedBox(
|
|
height: getProportionateScreenHeight(15),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|