ha_client/lib/pages/widgets/product_purchase.widget.dart

part of '../../main.dart';

class ProductPurchase extends StatelessWidget {

  final ProductDetails product;
  final onBuy;
  final purchased;

  const ProductPurchase({Key key, @required this.product, @required this.onBuy, this.purchased}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    String period = "/ ";
    Color priceColor;
    if (product.id.contains("year")) {
      period += "year";
      priceColor = Colors.amber;
    } else {
      period += "month";
      priceColor = Colors.deepOrangeAccent;
    }
    return Card(
        child: Padding(
          padding: EdgeInsets.all(Sizes.leftWidgetPadding),
          child: Flex(
            direction: Axis.horizontal,
            children: <Widget>[
              Expanded(
                flex: 5,
                child: Padding(
                    padding: EdgeInsets.only(right: Sizes.rightWidgetPadding),
                    child: Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: <Widget>[
                        Text(
                          "${product.title}",
                          style: TextStyle(
                              fontWeight: FontWeight.bold,
                              fontSize: 16.0
                          ),
                        ),
                        Container(height: Sizes.rowPadding,),
                        Text(
                          "${product.description}",
                          overflow: TextOverflow.ellipsis,
                          maxLines: 4,
                          softWrap: true,
                        ),
                        Container(height: Sizes.rowPadding,),
                        Text("${product.price} $period", style: TextStyle(color: priceColor)),
                      ],
                    )
                ),
              ),
              Expanded(
                flex: 2,
                child: RaisedButton(
                  child: Text(this.purchased ? "Bought" : "Buy", style: TextStyle(color: Colors.white)),
                  color: Colors.blue,
                  onPressed: this.purchased ? null : () => this.onBuy(this.product),
                ),
              )
            ],
          ),
        )
    );
  }
}