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

Positioned buildDummyFreebieCoupon(
    CouponDetails img,
    double bottom,
    double right,
    double left,
    double cardWidth,
    double rotation,
    double skew,
    BuildContext context,
    String discount,
    double selectedDiscount) {
  img.productCost = img.targetProduct!.unitPrice;
  return new Positioned(
    bottom: 80.0 + bottom,
    child: Container(
      width: (MediaQuery.of(context).size.width * 0.75) - cardWidth,
      decoration: BoxDecoration(
        border: Border.all(color: tesoBlue, width: 0.5),
        color: Colors.white,
      ),
      child: Column(
        children: [
          Container(
            width: (MediaQuery.of(context).size.width * 0.75) - cardWidth,
            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.issuer!.businessName!.toUpperCase(),
                          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.18,
                    padding: EdgeInsets.all(5),
                    decoration: BoxDecoration(
                      border: Border.all(color: Colors.black, width: 2),
                    ),
                    child: Column(
                      children: [
                        Text(
                          "ORIGINAL PRICE : GH¢ " +
                              img.targetProduct!.unitPrice!.toStringAsFixed(2),
                          style: TextStyle(
                            color: Colors.black,
                            fontWeight: FontWeight.bold,
                          ),
                        ),
                        Text(
                          "DISCOUNTED PRICE : GH¢ 0.00",
                          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.targetProduct!.productName!.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!,
                                ),
                              ),
                      ],
                    ),
                  ),
                ),
                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: 70,
                    height: 70,
                    //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,
                          ),
                        ),
                      ),
                    ),
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    ),
  );
}