import 'package:car_for_her/config/palette.dart';
import 'package:car_for_her/models/Client/trips.dart';
import 'package:flutter/material.dart';

class TripCard extends StatefulWidget {
  final int index;
  TripCard(this.index);
  @override
  _TripCardState createState() => _TripCardState();
}

class _TripCardState extends State<TripCard> {
  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.only(bottom: 15),
      height: 75,
      width: double.maxFinite,
      decoration: BoxDecoration(
          border: Border.all(
            color:Colors.grey,
          )
      ),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          Container(
            height: double.maxFinite,
            width: 80,
            decoration: BoxDecoration(
                image: DecorationImage(
                    fit: BoxFit.fill,
                    image: AssetImage("assets/images/avatar.png",)
                )
            ),
          ),
          Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text("Trip 1",style: TextStyle(
                  fontFamily: 'MontHeavy',
                  fontSize: 14
              ),),
              SizedBox(
                height: 6,
              ),
              Text("Waiting for driver approval",style: TextStyle(
                  fontFamily: 'MontExtraLight',
                  fontSize: 10,
                  fontWeight: FontWeight.bold
              ),),
              SizedBox(
                height: 3,
              ),
              Text("7 days (12-09-2020 19-09-2020)",style: TextStyle(
                  fontFamily: 'MontExtraLight',
                  fontSize: 8,
                  fontWeight: FontWeight.bold
              ),),
            ],
          ),

          Padding(
            padding: const EdgeInsets.only(left: 28.0),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Container(
                  height:25,
                  width: 80,
                  decoration: BoxDecoration(color: Palette.primary,border: Border.all(color:Palette.primary)),
                  child: Center(child: Text('More details',style: TextStyle(color: Colors.white,fontFamily: 'MontExtraLight',fontWeight: FontWeight.bold ,fontSize: 10),)),
                ),
                SizedBox(
                  height: 10,
                ),
                if(clientTripsList[this.widget.index].isApproved==false)
                Container(
                  height:25,
                  width: 80,
                  decoration: BoxDecoration(color: Color(0xffF0F9FA),border: Border.all(color:Palette.primary)),
                  child: Center(child: Text('Cancel',style: TextStyle(color: Colors.black,fontFamily: 'MontExtraLight',fontWeight: FontWeight.bold ,fontSize: 10),)),
                ),

              ],
            ),
          ),
        ],
      ),
    );
  }
}