import 'package:flutter/material.dart';
import 'package:teso/Classes/CouponRateCalculator.dart';
import 'package:teso/util/SizeConfig.dart';
import 'dart:math' as math;
import 'package:teso/util/consts.dart';
import 'package:teso/Classes/API Clasess/ProximityCoupon.dart';

Positioned buildDummyFreebieCoupon(
    ProximityCoupon img,
    double bottom,
    double right,
    double left,
    double cardWidth,
    double rotation,
    double skew,
    BuildContext context,
    String discount,
    double? selectedDiscount) {
  SizeConfig().init(context);
  return new Positioned(
    bottom: 60.0 + bottom,
    child: Container(
      width: (MediaQuery.of(context).size.width * 0.75),
      decoration: BoxDecoration(
        border: Border.all(color: tesoBlue, width: 0.5),
        borderRadius: BorderRadius.only(
          bottomLeft: Radius.circular(20),
          bottomRight: Radius.circular(20),
          topLeft: Radius.circular(20),
          topRight: Radius.circular(20),
        ),
        color: Colors.white,
      ),
      child: ClipRRect(
        borderRadius: BorderRadius.only(
          bottomLeft: Radius.circular(20),
          bottomRight: Radius.circular(20),
          topLeft: Radius.circular(20),
          topRight: Radius.circular(20),
        ),
        child: Column(
          children: [
            Container(
              width: (MediaQuery.of(context).size.width * 0.75),
              height: MediaQuery.of(context).size.height * 0.55,
              padding: EdgeInsets.all(8.0),
              decoration: BoxDecoration(
                color: Colors.white,
                image: DecorationImage(
                  fit: BoxFit.fill,
                  image: AssetImage("assets/images/grey.png"),
                  colorFilter: new ColorFilter.mode(
                      tesoAsh.withOpacity(1.0), BlendMode.overlay),
                ),
                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.black,
                            fontSize: 15,
                          ),
                        ),
                      ],
                    ),
                  ),
                  Align(
                    alignment: Alignment.topCenter,
                    child: Container(
                      margin: EdgeInsets.only(
                        top: MediaQuery.of(context).size.width * 0.125,
                      ),
                      child: Column(
                        children: [
                          Text(
                            img.business!.businessName!,
                            style: TextStyle(
                              color: Colors.black,
                              fontSize: 18,
                              fontWeight: FontWeight.w700,
                            ),
                          ),
                          Container(
                            width: double.infinity,
                            margin: EdgeInsets.symmetric(
                              vertical: 10,
                            ),
                            child: Center(
                              child: Text(
                                "FREEBIE",
                                textAlign: TextAlign.center,
                                style: TextStyle(
                                  color: Colors.black,
                                  fontSize: 25,
                                  fontWeight: FontWeight.w900,
                                ),
                              ),
                            ),
                          ),
                        ],
                      ),
                    ),
                  ),
                  Align(
                    alignment: Alignment.center,
                    child: Container(
                      height: MediaQuery.of(context).size.width * 0.2,
                      padding: EdgeInsets.all(4.5),
                      decoration: BoxDecoration(
                        border: Border.all(color: Colors.black, width: 2),
                      ),
                      child: SingleChildScrollView(
                        scrollDirection: Axis.horizontal,
                        child: Column(
                          children: [
                            Text(
                              "ORIGINAL PRICE : GH¢ " +
                                  img.targetCost!.toStringAsFixed(2),
                              style: TextStyle(
                                color: Colors.black,
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                            Text(
                              "DISCOUNTED PRICE : GH¢ 0.00",
                              style: TextStyle(
                                color: Colors.black,
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                            new Wrap(
                              direction: Axis.horizontal,
                              children: [
                                Text(
                                  "Silver Coin Cost : ",
                                  style: TextStyle(
                                    color: Colors.black,
                                    fontWeight: FontWeight.bold,
                                  ),
                                ),
                                Image(
                                  width: 20,
                                  image:
                                      AssetImage("assets/images/silver1.png"),
                                ),
                                Text(
                                  CouponRateCalculator.getRate(img.targetCost! *
                                          (img.lowerLimit! / 100))
                                      .toString(),
                                  style: TextStyle(
                                    color: Colors.black,
                                    fontWeight: FontWeight.bold,
                                  ),
                                ),
                              ],
                            ),
                          ],
                        ),
                      ),
                    ),
                  ),
                  Align(
                    alignment: Alignment.bottomCenter,
                    child: Container(
                      margin: EdgeInsets.symmetric(
                          vertical: MediaQuery.of(context).size.width * 0.15),
                      child: Text(
                        img.targetName!.toUpperCase(),
                        textAlign: TextAlign.center,
                        style: TextStyle(
                          color: Colors.black,
                          fontSize: 20,
                          fontWeight: FontWeight.bold,
                        ),
                      ),
                    ),
                  ),
                ],
              ),
            ),
            Container(
              padding: EdgeInsets.symmetric(
                horizontal: MediaQuery.of(context).size.width * 0.023,
              ),
              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¢ 0.00 only",
                              style: TextStyle(
                                color: Colors.red,
                                fontWeight: FontWeight.bold,
                              ),
                            ),
                          ),
                          img.condition == 'none'
                              ? Container()
                              : Container(
                                  child: Text(
                                    "Condition : " +
                                        img.condition!.replaceAll('"', ""),
                                  ),
                                ),
                        ],
                      ),
                    ),
                  ),
                  Container(
                    width: 70,
                    height: 70,
                    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.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: Transform.rotate(
                        angle: -math.pi / 4,
                        child: Container(
                          margin:
                              EdgeInsets.symmetric(vertical: 20, horizontal: 5),
                          height: 10,
                          child: Text(
                            "FREE!!!",
                            style: TextStyle(
                              color: Colors.white,
                              fontSize: 16.2,
                              fontWeight: FontWeight.bold,
                            ),
                          ),
                        ),
                      ),
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    ),
  );
}