import 'package:flutter/material.dart';
import 'package:teso/Classes/API Clasess/CouponDetails.dart';
import 'package:provider/provider.dart';
import 'package:teso/providers/user_provider.dart';
import 'package:teso/Classes/API Clasess/CouponHead.dart';
import 'package:page_transition/page_transition.dart';
import 'package:teso/Pages/productView.dart';
import 'package:teso/util/consts.dart';
import 'package:teso/Pages/Sub_Pages/@Generic/RedeemingCoupon.dart';

buildActiveDiscountCoupon(
  CouponDetails img,
  double cardWidth,
  BuildContext context,
) {
  img.productCost = img.targetProduct.unitPrice;
  return Container(
    width: (MediaQuery.of(context).size.width * 0.80) - cardWidth,
    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),
      ),
    ),
    margin: EdgeInsets.symmetric(
        vertical: MediaQuery.of(context).size.width * 0.10),
    child: Column(
      children: [
        InkWell(
          onTap: () async {
            CouponsHead head = new CouponsHead();
            head.businessId = img.issuer.businessId;
            head.couponId = img.couponId;
            head.expiration = img.expiration;
            head.lower = img.lowerLimit;
            head.upper = img.upperLimit;
            head.quantity = img.quantity;
            head.state = img.state;
            head.targetProduct = img.targetProduct.productID;
            head.type = img.type;
            await Provider.of<UserProvider>(context, listen: false)
                .viewCoupon(head);
            Navigator.push(
              context,
              PageTransition(
                type: PageTransitionType.rightToLeft,
                child: ProductView(
                  couponDetails: img,
                ),
              ),
            );
          },
          child: Container(
            width: (MediaQuery.of(context).size.width * 0.80) - cardWidth,
            height: MediaQuery.of(context).size.height * 0.65,
            margin: EdgeInsets.only(
              left: MediaQuery.of(context).size.width * 0.1,
            ),
            child: Material(
              elevation: 5.0,
              child: Container(
                width: (MediaQuery.of(context).size.width * 0.80) - cardWidth,
                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.80) -
                          cardWidth,
                      height: MediaQuery.of(context).size.height * 0.50,
                      padding: EdgeInsets.all(8.0),
                      decoration: BoxDecoration(
                        color: Colors.white,
                        image: img.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(
                                    img.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: MediaQuery.of(context).size.width * 0.18,
                              padding: EdgeInsets.all(5),
                              decoration: BoxDecoration(
                                  border: Border.all(color: Colors.white)),
                              child: Column(
                                children: [
                                  Text(
                                    "ORIGINAL PRICE : GH¢ " +
                                        img.targetProduct.unitPrice.toString(),
                                    style: TextStyle(
                                      color: Colors.white,
                                      fontWeight: FontWeight.bold,
                                    ),
                                  ),
                                  Text(
                                    "DISCOUNTED PRICE : GH¢ " +
                                        (img.targetProduct.unitPrice *
                                                (img.lowerLimit / 100))
                                            .toStringAsFixed(2),
                                    style: TextStyle(
                                      color: Colors.white,
                                      fontWeight: FontWeight.bold,
                                    ),
                                  ),
                                ],
                              ),
                            ),
                          ),
                          Align(
                            alignment: Alignment.bottomCenter,
                            child: Container(
                              margin: EdgeInsets.symmetric(
                                  vertical:
                                      MediaQuery.of(context).size.width * 0.15),
                              child: Text(
                                img.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(
                                      "Price : GH¢ " +
                                          (img.targetProduct.unitPrice *
                                                  (img.lowerLimit / 100))
                                              .toStringAsFixed(2) +
                                          " only",
                                      style: TextStyle(
                                        color: Colors.red,
                                        fontWeight: FontWeight.bold,
                                      ),
                                    ),
                                  ),
                                  img.condition == 'none'
                                      ? Container()
                                      : Container(
                                          child: Text(
                                            "Condition : " + img.condition,
                                          ),
                                        ),
                                ],
                              ),
                            ),
                          ),
                          Container(
                            width: 65,
                            height: 65,
                            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: 65,
                              height: 65,
                              padding: EdgeInsets.all(2.5),
                              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: Wrap(
                                  children: [
                                    Text(
                                      img.lowerLimit.toString() + "%",
                                      style: TextStyle(
                                        color: Colors.white,
                                        fontSize: 18.5,
                                        fontWeight: FontWeight.bold,
                                      ),
                                    ),
                                    Container(
                                      margin: EdgeInsets.only(
                                        left: 22,
                                      ),
                                      child: Text(
                                        "OFF",
                                        textAlign: TextAlign.end,
                                        style: TextStyle(
                                          color: Colors.white,
                                          fontWeight: FontWeight.w900,
                                        ),
                                      ),
                                    ),
                                  ],
                                ),
                              ),
                            ),
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ),
        ),
        SizedBox(
          height: 20,
        ),
        new ElevatedButton(
          style: ElevatedButton.styleFrom(
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(18.0),
            ),
            primary: tesoGold,
            padding: new EdgeInsets.all(10.0),
          ),
          onPressed: () => Navigator.pushReplacement(
              context,
              PageTransition(
                  child: RedeemingCoupon(
                    couponDetails: img,
                  ),
                  type: PageTransitionType.fade)),
          child: new Container(
            height: 30.0,
            width: 100.0,
            alignment: Alignment.center,
            decoration: new BoxDecoration(
              color: tesoGold,
              borderRadius: new BorderRadius.circular(60.0),
            ),
            child: new Text(
              "Redeem",
              style: new TextStyle(color: Colors.white),
            ),
          ),
        )
      ],
    ),
  );
}