You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
433 lines
20 KiB
433 lines
20 KiB
import 'package:flutter/material.dart';
|
|
import 'package:teso/Classes/API Clasess/CouponDetails.dart';
|
|
import 'package:teso/Classes/API%20Clasess/CouponHead.dart';
|
|
import 'package:teso/Classes/CouponRateCalculator.dart';
|
|
import 'package:teso/util/SizeConfig.dart';
|
|
import 'package:teso/util/consts.dart';
|
|
|
|
buildActiveDiscountCoupon(BuildContext context, CouponDetails coupon,
|
|
Function acquiring, Function calWorth) {
|
|
SizeConfig().init(context);
|
|
return Wrap(
|
|
direction: Axis.horizontal,
|
|
children: [
|
|
Container(
|
|
width: SizeConfig.safeBlockHorizontal * 70,
|
|
height: SizeConfig.safeBlockVertical * 85,
|
|
//color: Colors.black,
|
|
|
|
margin: EdgeInsets.only(
|
|
left: MediaQuery.of(context).size.width * 0.1,
|
|
),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.only(
|
|
topLeft: Radius.circular(30),
|
|
topRight: Radius.circular(30),
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
width: MediaQuery.of(context).size.width * 0.70,
|
|
height: MediaQuery.of(context).size.height * 0.68,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.only(
|
|
bottomLeft: Radius.circular(30),
|
|
bottomRight: Radius.circular(30),
|
|
topLeft: Radius.circular(30),
|
|
topRight: Radius.circular(30),
|
|
),
|
|
color: Colors.white,
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
width: MediaQuery.of(context).size.width * 0.70,
|
|
height: MediaQuery.of(context).size.height * 0.55,
|
|
padding: EdgeInsets.all(8.0),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
image: coupon.upperLimit < 50.1
|
|
? DecorationImage(
|
|
fit: BoxFit.fill,
|
|
image: AssetImage("assets/images/blue.png"),
|
|
colorFilter: new ColorFilter.mode(
|
|
Color(0xFF0031ed).withOpacity(1.0),
|
|
BlendMode.multiply),
|
|
)
|
|
: DecorationImage(
|
|
fit: BoxFit.fill,
|
|
image: AssetImage("assets/images/redBack.png"),
|
|
colorFilter: new ColorFilter.mode(
|
|
Colors.red.withOpacity(1.0),
|
|
BlendMode.multiply),
|
|
),
|
|
borderRadius: BorderRadius.only(
|
|
bottomLeft: Radius.circular(80),
|
|
bottomRight: Radius.circular(80),
|
|
),
|
|
),
|
|
child: Stack(
|
|
children: [
|
|
Align(
|
|
alignment: Alignment.topLeft,
|
|
child: Row(
|
|
children: [
|
|
Image(
|
|
width: 30,
|
|
image: AssetImage(
|
|
"assets/images/tesoCouponInsignia.png")),
|
|
SizedBox(
|
|
width: 5,
|
|
),
|
|
Text(
|
|
"TESO",
|
|
style: TextStyle(
|
|
color: Colors.white, fontSize: 15),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Align(
|
|
alignment: Alignment.topCenter,
|
|
child: Container(
|
|
margin: EdgeInsets.only(
|
|
top: MediaQuery.of(context).size.width * 0.125,
|
|
),
|
|
child: Column(
|
|
children: [
|
|
Text(
|
|
coupon.issuer.businessName.toUpperCase(),
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.w700,
|
|
),
|
|
),
|
|
Container(
|
|
width: double.infinity,
|
|
margin: EdgeInsets.symmetric(
|
|
vertical: 10,
|
|
),
|
|
child: Center(
|
|
child: Text(
|
|
"VOUCHER",
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 25,
|
|
fontWeight: FontWeight.w900,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Align(
|
|
alignment: Alignment.center,
|
|
child: Container(
|
|
height: SizeConfig.safeBlockHorizontal * 16,
|
|
padding: EdgeInsets.all(4.5),
|
|
decoration: BoxDecoration(
|
|
border: Border.all(color: Colors.white)),
|
|
child: Column(
|
|
children: [
|
|
Text(
|
|
"ORIGINAL PRICE : GH¢ " +
|
|
coupon.targetProduct.unitPrice
|
|
.toString(),
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.bold,
|
|
fontSize:
|
|
SizeConfig.safeBlockHorizontal * 3,
|
|
),
|
|
),
|
|
Text(
|
|
"DISCOUNTED PRICE : GH¢ " +
|
|
(coupon.targetProduct.unitPrice -
|
|
(coupon.targetProduct
|
|
.unitPrice *
|
|
(coupon.worth / 100)))
|
|
.toStringAsFixed(2),
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.bold,
|
|
fontSize:
|
|
SizeConfig.safeBlockHorizontal * 3),
|
|
),
|
|
new Wrap(
|
|
direction: Axis.horizontal,
|
|
children: [
|
|
Image(
|
|
width:
|
|
SizeConfig.safeBlockHorizontal * 5,
|
|
image: AssetImage(
|
|
"assets/images/silver1.png"),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.only(
|
|
top: 5,
|
|
),
|
|
child: Text(
|
|
"SILVER COIN COST : ",
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.bold,
|
|
fontSize:
|
|
SizeConfig.safeBlockHorizontal *
|
|
3,
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.only(
|
|
top: 5,
|
|
),
|
|
child: Text(
|
|
CouponRateCalculator.getRate(coupon
|
|
.targetProduct.unitPrice *
|
|
(coupon.worth / 100))
|
|
.toString(),
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.bold,
|
|
fontSize:
|
|
SizeConfig.safeBlockHorizontal *
|
|
3,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Align(
|
|
alignment: Alignment.bottomCenter,
|
|
child: Container(
|
|
margin: EdgeInsets.symmetric(
|
|
vertical:
|
|
MediaQuery.of(context).size.width * 0.15),
|
|
child: Text(
|
|
coupon.targetProduct.productName.toUpperCase(),
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
padding: EdgeInsets.symmetric(
|
|
horizontal: MediaQuery.of(context).size.width * 0.025,
|
|
),
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Container(
|
|
width: MediaQuery.of(context).size.width * 0.4,
|
|
height: 70,
|
|
padding: EdgeInsets.only(
|
|
top: 5,
|
|
),
|
|
child: SingleChildScrollView(
|
|
scrollDirection: Axis.vertical,
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
child: Text(
|
|
"Pay : GH¢ " +
|
|
(coupon.targetProduct.unitPrice -
|
|
(coupon.targetProduct
|
|
.unitPrice *
|
|
(coupon.worth / 100)))
|
|
.toStringAsFixed(2) +
|
|
" only",
|
|
style: TextStyle(
|
|
color: Colors.red,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
coupon.condition == 'none'
|
|
? Container()
|
|
: Container(
|
|
child: Text(
|
|
"Condition : " +
|
|
coupon.condition
|
|
.replaceAll('"', ""),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
width: SizeConfig.safeBlockHorizontal * 22,
|
|
height: SizeConfig.safeBlockHorizontal * 22,
|
|
padding: EdgeInsets.all(2.5),
|
|
decoration: BoxDecoration(
|
|
border: Border.all(
|
|
color: Colors.red,
|
|
),
|
|
borderRadius: BorderRadius.only(
|
|
topLeft: Radius.circular(80),
|
|
topRight: Radius.circular(80),
|
|
bottomLeft: Radius.circular(80),
|
|
bottomRight: Radius.circular(80),
|
|
),
|
|
),
|
|
child: Container(
|
|
width: SizeConfig.safeBlockHorizontal * 22,
|
|
height: SizeConfig.safeBlockHorizontal * 22,
|
|
padding: EdgeInsets.all(2),
|
|
decoration: BoxDecoration(
|
|
shape: BoxShape.circle,
|
|
color: Colors.red,
|
|
border: Border.all(
|
|
color: Colors.red,
|
|
),
|
|
image: DecorationImage(
|
|
fit: BoxFit.fill,
|
|
image: AssetImage("assets/images/red.png"),
|
|
colorFilter: new ColorFilter.mode(
|
|
Colors.red.withOpacity(0.5),
|
|
BlendMode.overlay),
|
|
),
|
|
),
|
|
child: Center(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Text(
|
|
coupon.worth.toStringAsFixed(1) + "%",
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize:
|
|
SizeConfig.safeBlockHorizontal * 6,
|
|
fontWeight: FontWeight.w900,
|
|
),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.only(
|
|
left: 22,
|
|
),
|
|
child: Text(
|
|
"OFF",
|
|
textAlign: TextAlign.end,
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize:
|
|
SizeConfig.safeBlockHorizontal *
|
|
4,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
margin: EdgeInsets.symmetric(
|
|
vertical: MediaQuery.of(context).size.width * 0.03,
|
|
),
|
|
child: ElevatedButton(
|
|
style: ElevatedButton.styleFrom(
|
|
primary: coupon.upperLimit < 50.1 ? tesoBlue : Colors.red,
|
|
),
|
|
onPressed: () async {
|
|
CouponsHead couponsHead = new CouponsHead();
|
|
couponsHead.businessId = coupon.issuer.businessId;
|
|
couponsHead.expiration = coupon.expiration;
|
|
couponsHead.couponId = coupon.couponId;
|
|
couponsHead.quantity = 1;
|
|
couponsHead.state = "active";
|
|
couponsHead.lower = coupon.worth;
|
|
couponsHead.upper = coupon.upperLimit;
|
|
couponsHead.targetProduct = coupon.targetProduct.productID;
|
|
double price =
|
|
coupon.targetProduct.unitPrice * (coupon.worth / 100);
|
|
|
|
int cost = CouponRateCalculator.getRate(price);
|
|
acquiring(couponsHead, cost);
|
|
},
|
|
child: Text(
|
|
"Accept Coupon",
|
|
style: TextStyle(color: Colors.white),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
// width: SizeConfig.safeBlockHorizontal * 0.1,
|
|
height: SizeConfig.safeBlockVertical * 60,
|
|
padding: EdgeInsets.all(SizeConfig.safeBlockVertical * 2),
|
|
child: Center(
|
|
child: new Column(
|
|
children: [
|
|
Container(
|
|
child: Text(
|
|
coupon.upperLimit.toString() + " %",
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
foreground: Paint()
|
|
..style = PaintingStyle.stroke
|
|
..strokeWidth = 1
|
|
..color = Colors.blue,
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
height: SizeConfig.safeBlockVertical * 50,
|
|
child: new RotatedBox(
|
|
quarterTurns: 3,
|
|
child: Slider(
|
|
value: coupon.worth,
|
|
min: coupon.lowerLimit,
|
|
max: coupon.upperLimit,
|
|
divisions: 20,
|
|
activeColor: accentMain,
|
|
inactiveColor: darkAccent,
|
|
label: coupon.worth.toString() + "%",
|
|
onChanged: (double newValue) => calWorth(newValue, coupon),
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
child: Text(
|
|
coupon.lowerLimit.toString() + " %",
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
foreground: Paint()
|
|
..style = PaintingStyle.stroke
|
|
..strokeWidth = 1
|
|
..color = Colors.blue,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
|