import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';


class CallTextClient extends StatefulWidget {
  const CallTextClient({Key key}) : super(key: key);

  @override
  _CallTextClientState createState() => _CallTextClientState();
}

class _CallTextClientState extends State<CallTextClient> {
  @override
  Widget build(BuildContext context) {
    return  Expanded(
        child: Column(
          mainAxisSize: MainAxisSize.max,
          mainAxisAlignment: MainAxisAlignment.end,
          children: [
            Container(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      CircleAvatar(foregroundImage: AssetImage('assets/images/avatar.png'),),
                      SizedBox(
                        width: 10,
                      ),
                      Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Text('Aymen Sbei',style: TextStyle(fontSize: 18,fontFamily: '',fontWeight: FontWeight.bold),),
                          SizedBox(
                            height: 5,
                          ),
                          Text('7 days (12-09-2020 19-09-2020)',style: TextStyle(fontSize: 11,fontWeight: FontWeight.bold,fontFamily: ''),),
                        ],
                      ),
                      SizedBox(
                        width: 20,
                      ),
                      Column(
                        crossAxisAlignment: CrossAxisAlignment.end,

                        children: [
                          Text('\$22.00',style: TextStyle(fontFamily: '',fontWeight: FontWeight.bold,fontSize: 18),),
                          SizedBox(
                            height: 5,
                          ),
                          Text('4.2 km',style:  TextStyle(fontFamily: '',fontWeight: FontWeight.bold,fontSize: 18,color: Color.fromRGBO(0, 0, 0, 0.5)),),
                        ],
                      ),

                    ],
                  ),
                  SizedBox(
                    height: 15,
                  ),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    children: [
                      IconButton(onPressed: (){}, icon: SvgPicture.asset('assets/icons/call.svg'),iconSize: 50,),
                      SizedBox(
                        width: 35,
                      ),
                      IconButton(onPressed: (){
                        Navigator.pushNamed(
                            context, '/text_client');
                      }, icon: SvgPicture.asset('assets/icons/message.svg'),iconSize: 40,)
                    ],
                  )
                ],
              ),
              height:170,
              decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: BorderRadius.only(topLeft: Radius.circular(50),topRight: Radius.circular(50)),
              ),
            )
          ],
        ));
  }
}