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

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

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

class _SelectRoleState extends State<SelectRole> {
  bool isPressed = false;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        child: Padding(
          padding: const EdgeInsets.only(top: 180),
          child: Column(
            children: [
              Center(
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Text(
                      "You're a...",
                      style: TextStyle(
                          color: Colors.black,
                          fontFamily: 'MontHeavy',
                          fontSize: 40,
                          fontWeight: FontWeight.bold),
                    ),
                    Padding(
                      padding: const EdgeInsets.only(top: 30),
                      child: Container(
                          width: 160,
                          height: 60,
                          decoration: BoxDecoration(
                              color: Colors.white,
                              border: Border.all(color: Colors.black)),
                          child: TextButton(
                              onPressed: () {
                                setState(() {
                                  Navigator.pushNamed(
                                      context, '/driver_sign_up');
                                });
                              },
                              child: Text(
                                'Driver',
                                style: TextStyle(
                                  fontFamily: 'MontExtraLight',
                                  fontSize: 25,
                                  color: Colors.black,
                                  fontWeight: FontWeight.bold,
                                ),
                              ))),
                    ),
                    Padding(
                      padding: const EdgeInsets.only(top: 20),
                      child: Container(
                          width: 160,
                          height: 60,
                          decoration: BoxDecoration(
                              border: Border.all(color: Colors.black)),
                          child: TextButton(
                              onPressed: () {
                                setState(() {
                                  Navigator.pushNamed(
                                      context, '/client_sign_up');
                                });
                              },
                              child: Text(
                                'Client',
                                style: TextStyle(
                                  fontFamily: 'MontExtraLight',
                                  fontSize: 25,
                                  color: Colors.black,
                                  fontWeight: FontWeight.bold,
                                ),
                              ))),
                    ),
                  ],
                ),
              ),
              Expanded(
                child: Padding(
                  padding: const EdgeInsets.only(right: 0, bottom: 0),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.end,
                    crossAxisAlignment: CrossAxisAlignment.end,
                    children: [
                      Text(
                        "You're",
                        style: TextStyle(
                            color: Color.fromRGBO(0, 0, 0, 0.1),
                            fontFamily: "MontHeavy",
                            fontWeight: FontWeight.bold,
                            fontSize: 40),
                      )
                    ],
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}