import 'package:flutter/material.dart';
import 'package:job_app/models/payment_offers.dart';
import 'package:job_app/singletons/payment_offers.dart';
class CustomOffer extends StatelessWidget {
 final int index;
  CustomOffer({this.index});

  @override
  Widget build(BuildContext context) {
    List<PaymentOffersModel> paymentOffer=paymentOffersSingleTons.paymentOffers;
    return Container(
      child: Padding(
        padding: const EdgeInsets.only(top: 18.0,left: 10,right: 10),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
            Text(paymentOffer[index].name,style: TextStyle(
              fontSize: 22,
              letterSpacing: 2.0,
              fontFamily: "MontserratRegular",
            ),),
            SizedBox(
              height: 10,
            ),
            Container(
              child: Padding(
                padding: const EdgeInsets.all(8.0),
                child: Column(
                  children: [
                    SizedBox(height: 10,),
                    Row(
                      children: [
                        Icon(Icons.check,color:Color.fromRGBO(0, 0, 0, 0.6) ,),
                        SizedBox(
                          width: 5,
                        ),
                        Text("Free Cv : 1",style: TextStyle(
                            fontFamily: "MontserratExtraLight",
                            fontWeight: FontWeight.bold,
                            color: Color.fromRGBO(0, 0, 0, 0.6)
                        ),),
                      ],
                    ),
                    SizedBox(height: 20,),
                    Row(
                      children: [
                        Icon(Icons.check,color:Color.fromRGBO(0, 0, 0, 0.6) ,),
                        SizedBox(
                          width: 5,
                        ),
                        Text("Profile view count",style: TextStyle(
                          fontFamily: "MontserratExtraLight",
                          fontWeight: FontWeight.bold,
                          color: Color.fromRGBO(0, 0, 0, 0.6)
                        ),),
                      ],
                    ),
                    SizedBox(height: 20,),
                    Row(
                      children: [
                        Icon(Icons.check,color:Color.fromRGBO(0, 0, 0, 0.6) ,),
                        SizedBox(
                          width: 5,
                        ),
                        Text("Profile view who",style: TextStyle(
                            fontFamily: "MontserratExtraLight",
                            fontWeight: FontWeight.bold,
                            color: Color.fromRGBO(0, 0, 0, 0.6)
                        ),),
                      ],
                    ),
                    SizedBox(height: 20,),
                    Row(
                      children: [
                        Icon(paymentOffer[index].name.toLowerCase()!="basic"?Icons.check :Icons.clear,color:Color.fromRGBO(0, 0, 0, 0.6) ,),
                        SizedBox(
                          width: 5,
                        ),
                        Text("View company profile",style: TextStyle(
                            fontFamily: "MontserratExtraLight",
                            fontWeight: FontWeight.bold,
                            fontSize: 13,
                            color: Color.fromRGBO(0, 0, 0, 0.6)
                        ),),
                      ],
                    ),
                  ],
                ),
              ),
              width: 200,
              height: 220,
              color: Colors.white,
            ),
            SizedBox(height: 15,),
            Text("\$ ${paymentOffer[index].price.toStringAsFixed(2)}",style: TextStyle(
                fontFamily: "MontserratRegular",
                fontSize: 24
            ),),
            SizedBox(height: 2,),
            Text("${paymentOffer[index].delai} ${paymentOffer[index].delai<=1? "Month":"Months"}",style: TextStyle(
                fontFamily: "MontserratRegular",
                fontSize: 16
            ),)
          ],
        ),
      ),
      color: paymentOffer[index].name.toLowerCase()=="basic"? Color(0xffD2D2D2) : paymentOffer[index].name.toLowerCase()=="standard"? Color(0xff3ABBF0): Color(0xffFAC300),
    );
  }
}