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 * 4, 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, ), ), ), ], ), ), ), ], ); }