import 'package:car_for_her/config/palette.dart';
import 'package:car_for_her/models/Client/car.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
class CarCard extends StatefulWidget {
  final int index;
  CarCard(this.index);
  @override
  _CarCardState createState() => _CarCardState();
}

class _CarCardState extends State<CarCard> {
  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.only(bottom: 0),
      child: Row(
        mainAxisSize: MainAxisSize.max,
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          Container(
              height: double.infinity,
              width: 90,
              child: Image(image: AssetImage(carList[this.widget.index].imageLink),fit: BoxFit.fill,)),
          SizedBox(
            width: 10,
          ),
          Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(carList[this.widget.index].carType,style: TextStyle(
                fontFamily: 'MontHeavy',
                fontSize: 12,
              ),),
              SizedBox(
                height: 5,
              ),
              Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Row(
                    children: [
                      SvgPicture.asset("assets/icons/manager.svg",height: 10,),
                      SizedBox(
                        width: 3,
                      ),
                      Text(carList[this.widget.index].driverName,style: TextStyle(
                          fontFamily: 'MontExtraLight',
                          fontSize: 10,
                          fontWeight: FontWeight.bold
                      ),),

                    ],
                  ),
                  SizedBox(
                    height: 5,
                  ),
                  SvgPicture.asset("assets/icons/rating",height: 7,)
                ],
              ),
              SizedBox(
                height:10,
              ),
              Row(
                children: [
                  SvgPicture.asset("assets/icons/location.svg",height: 10,),
                  SizedBox(
                    width: 3,
                  ),
                  Text(carList[this.widget.index].location,style: TextStyle(
                      fontFamily: 'MontExtraLight',
                      fontSize: 10,
                      fontWeight: FontWeight.bold
                  ),),
                ],
              ),


            ],
          ),
          SizedBox(
            width: 93.68,
          ),
          Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.end,
            children: [
              GestureDetector(
                onTap: (){
                  Navigator.pushNamed(context, '/client_destination');
                },
                child: Container(
                  height:30,
                  width: 85,
                  decoration: BoxDecoration(color: Palette.primary,border: Border.all(color:Palette.primary)),
                  child: Center(child: Text('Rent now',style: TextStyle(color: Colors.white,fontFamily: 'MontExtraLight',fontWeight: FontWeight.bold ,fontSize: 10),)),
                ),
              ),
              SizedBox(
                height: 10,
              ),
              GestureDetector(
                onTap: (){
                  Navigator.pushNamed(context, '/car_details');
                },
                child: Container(
                  height:30,
                  width: 85,
                  decoration: BoxDecoration(color: Colors.white,border: Border.all(color:Colors.grey)),
                  child: Center(child: Text('More details',style: TextStyle(color: Colors.black,fontFamily: 'MontExtraLight',fontWeight: FontWeight.bold ,fontSize: 10),)),
                ),
              ),

            ],
          )
        ],
      ),
      width: 340,
      height: 90,
      decoration: BoxDecoration(
          border: Border.all(color: Colors.grey)
      ),
    );
  }
}