import 'package:flutter/material.dart';
import 'package:openclosenew/colors.dart';
import 'package:openclosenew/verification.dart';

import 'FontFamily.dart';
import 'fontsize.dart';

class Register extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body: SafeArea(
        child: Padding(
          padding: EdgeInsets.only(left: 24, right: 24, bottom: 24),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Spacer(),
              Image.asset(
                'assets/images/login.png',
              ),
              SizedBox(
                height: 24,
              ),
              Text(
                "Welcome!",
                style: TextStyle(
                  fontFamily: Font,
                  fontSize: TitleText,
                  color: primaryColor,
                ),
              ),
              SizedBox(
                height: 24,
              ),
              Text(
                "Enter your mobile number to verification ",
                style: TextStyle(
                  fontFamily: Font,
                  fontSize: HeadText,
                  color: DarkGray,
                ),
              ),
              SizedBox(
                height: 24,
              ),
              Row(
                children: [
                  Image.asset('assets/images/india.png'),
                  SizedBox(
                    width: 8,
                  ),
                  Text('+91'),
                  SizedBox(
                    width: 8,
                  ),
                  Expanded(
                    child: TextField(
                      keyboardType: TextInputType.phone,
                      decoration: InputDecoration(
                        border: InputBorder.none,
                        hintText: 'Mobile Number',
                      ),
                    ),
                  ),
                ],
              ),
              Spacer(),
              MaterialButton(
                height: 50,
                minWidth: double.infinity,
                color: primaryColor,
                shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(4)),
                onPressed: () {
                  Navigator.push(context,
                      MaterialPageRoute(builder: (_) => verification()));
                },
                child: Text(
                  'Get OTP',
                  style: TextStyle(
                    color: White,
                    fontSize: HeadText,
                    fontFamily: Font,
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}