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

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

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

class _TextClientState extends State<TextClient> {
  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: (){
        FocusScope.of(context).requestFocus(FocusNode());

      },
      child: Scaffold(
        body: SafeArea(
          child: Container(
            child: Column(
              children: [
                Padding(
                  padding: const EdgeInsets.fromLTRB(20, 20, 0, 10),
                  child: Column(
                    children: [
                      Row(
                        children: [
                          IconButton(onPressed: (){Navigator.pop(context);}, icon: SvgPicture.asset('assets/icons/left_arrow.svg'),),
                          SizedBox(
                            width: 60,
                          ),
                          Text("Message",
                              style: TextStyle(
                                  fontFamily: 'MontHeavy',
                                  fontWeight: FontWeight.bold,
                                  fontSize: 31)),
                        ],
                      ),
                      Padding(
                        padding: const EdgeInsets.fromLTRB(15, 25, 0, 0),
                        child: Row(
                          children: [
                            Container(
                              height: 40,
                              width: 40,
                              child: CircleAvatar(

                                foregroundImage: AssetImage("assets/images/avatar.png"),

                              ),
                            ),
                            SizedBox(
                              width: 20,
                            ),
                            Column(
                              crossAxisAlignment: CrossAxisAlignment.start,
                              children: [
                                Text("Aymen Sbei",style: TextStyle(fontFamily: "MontHeavy" ,fontWeight: FontWeight.w300),),
                                SizedBox(
                                  height: 5,
                                ),
                                SvgPicture.asset("assets/icons/rating",height: 10,)
                              ],
                            ),
                          ],
                        ),
                      ),
                    ],
                  ),
                ),
                Divider(
                  thickness: 1.5,
                ),
                Text("Today",style: TextStyle(fontFamily: "MontExtraLight" ,fontWeight: FontWeight.bold , color: Color.fromRGBO(0, 0, 0, 0.6)),),


                Expanded(
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.end,
                    crossAxisAlignment: CrossAxisAlignment.start,
                    children: [
                      Container(
                        height: 55,
                        width: 270,
                        margin: EdgeInsets.fromLTRB(20, 0, 0, 15),
                          decoration: BoxDecoration(
                            color: Color(0xff2D46B9),
                            borderRadius: BorderRadius.circular(100),
                          ),
                          child: TextButton(onPressed: (){}, child: Text("I'am on my way! one minute",textAlign: TextAlign.start,style: TextStyle(
                            fontFamily: 'MontHeavy',
                            fontSize: 15,
                            color: Colors.white,
                          ),))),

                      Container(
                          height: 55,
                          width: 240,
                          margin: EdgeInsets.fromLTRB(20, 0, 0, 15),
                          decoration: BoxDecoration(
                            color: Color(0xff2D46B9),
                            borderRadius: BorderRadius.circular(100),
                          ),
                          child: TextButton(onPressed: (){}, child: Text("Traffic problem, sorry!",textAlign: TextAlign.start,style: TextStyle(
                            fontFamily: 'MontHeavy',
                            fontSize: 15,
                            color: Colors.white,
                          ),))),
                      Container(
                          height: 55,
                          width: 240,
                          margin: EdgeInsets.fromLTRB(20, 0, 0, 15),
                          decoration: BoxDecoration(
                            color: Color(0xff2D46B9),
                            borderRadius: BorderRadius.circular(100),
                          ),
                          child: TextButton(onPressed: (){}, child: Text("Traffic problem, sorry!",textAlign: TextAlign.start,style: TextStyle(
                            fontFamily: 'MontHeavy',
                            fontSize: 15,
                            color: Colors.white,
                          ),))),
                      Divider(
                        color: Colors.black,
                        thickness: 0.5,
                      ),
                      Container(
                        child:TextField(

                          decoration: InputDecoration(
                            hintStyle: TextStyle(
                              fontFamily: 'MontExtraLight',
                              fontWeight: FontWeight.bold,
                              fontSize: 18,

                            ),
                            contentPadding: EdgeInsets.only(left: 35,top: 10),
                            suffixIcon:IconButton( onPressed: () {}, icon: SvgPicture.asset('assets/icons/send.svg'),) ,
                            hintText: "Say something !",
                            enabledBorder: UnderlineInputBorder(
                              borderSide: BorderSide(color: Colors.black)
                            ),
                            focusedBorder: UnderlineInputBorder(
                              borderRadius: BorderRadius.only(topRight: Radius.circular(0),topLeft: Radius.circular(0)),
                              borderSide: BorderSide(color: Colors.transparent)
                            ),

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