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

class LogIn extends StatefulWidget {
  @override
  _LogInState createState() => _LogInState();
}

class _LogInState extends State<LogIn> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        child: Center(
          child: Padding(
            padding: const EdgeInsets.fromLTRB(60, 0, 60, 0),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Text(
                  "Log in",
                  style: TextStyle(
                    color: Colors.black,
                    fontSize: 44,
                    fontFamily: 'MontHeavy',
                  ),
                ),
                Padding(
                  padding: const EdgeInsets.only(top: 30),
                  child: Form(
                    child: Column(
                      children: [
                        Container(
                          height: 48,
                          width: 220,
                          child: TextFormField(
                            cursorColor: Palette.primary,
                            decoration: InputDecoration(
                              focusedBorder: OutlineInputBorder(
                                  borderSide: BorderSide(
                                      color: Color.fromRGBO(0, 0, 0, 0.5)),
                                  borderRadius: BorderRadius.circular(0)),
                              enabledBorder: OutlineInputBorder(
                                  borderSide: BorderSide(
                                      color: Color.fromRGBO(0, 0, 0, 0.5)),
                                  borderRadius: BorderRadius.circular(0)),
                              hintText: "Email adress",
                              hintStyle: TextStyle(),
                            ),
                          ),
                        ),
                        SizedBox(
                          height: 20,
                        ),
                        Container(
                          height: 48,
                          width: 220,
                          child: TextFormField(
                            cursorColor: Palette.primary,
                            decoration: InputDecoration(
                              focusedBorder: OutlineInputBorder(
                                  borderSide: BorderSide(
                                      color: Color.fromRGBO(0, 0, 0, 0.5)),
                                  borderRadius: BorderRadius.circular(0)),
                              enabledBorder: OutlineInputBorder(
                                  borderSide: BorderSide(
                                      color: Color.fromRGBO(0, 0, 0, 0.5)),
                                  borderRadius: BorderRadius.circular(0)),
                              hintText: "Password",
                              hintStyle: TextStyle(),
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
                ),
                Row(
                  children: [
                    TextButton(
                        onPressed: () {},
                        child: Text(
                          'Forget Password?',
                          style: TextStyle(
                              fontFamily: 'MontExtraLight',
                              color: Colors.black,
                              fontWeight: FontWeight.bold),
                        ))
                  ],
                ),
                Container(
                  height: 48,
                  width: 220,
                  decoration: BoxDecoration(color: Palette.primary),
                  child: TextButton(
                      onPressed: () {},
                      child: Text(
                        "Login",
                        style: TextStyle(
                            fontFamily: 'MontExtraLight',
                            color: Colors.white,
                            fontSize: 18,
                            fontWeight: FontWeight.bold),
                      )),
                ),
                Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: Row(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: <Widget>[
                        Expanded(
                            child: Divider(
                          color: Color.fromRGBO(0, 0, 0, 0.5),
                          endIndent: 5,
                        )),
                        Text(
                          "Or",
                          style: TextStyle(
                              fontFamily: 'MontExtraLight',
                              fontWeight: FontWeight.bold),
                        ),
                        Expanded(
                            child: Divider(
                          color: Color.fromRGBO(0, 0, 0, 0.5),
                          indent: 5,
                        )),
                      ]),
                ),
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Text("Don't have an account?"),
                    TextButton(
                        onPressed: () {
                          Navigator.pushReplacementNamed(context,'/roles');
                        },
                        child: Text(
                          "Sign up",
                          style: TextStyle(
                              decoration: TextDecoration.underline,
                              fontFamily: "MontHeavy",
                              color: Colors.black,
                              fontWeight: FontWeight.w100),
                        ))
                  ],
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}