import 'package:flutter/material.dart';
import 'package:teso/Pages/PageWidgets/Login/verificationCode.dart';
import 'package:teso/Pages/Sub_Pages/LandingPage/resetpasswordCode.dart';
import 'package:teso/util/SizeConfig.dart';
import 'package:teso/util/consts.dart';

class ResetVerificationCode extends StatefulWidget {
  @override
  _ResetVerificationStateCode createState() => _ResetVerificationStateCode();
}

class _ResetVerificationStateCode extends State<ResetVerificationCode> {
  TextEditingController code = new TextEditingController();
  @override
  Widget build(BuildContext context) {
    SizeConfig().init(context);
    return Scaffold(
      extendBodyBehindAppBar: false,
      appBar: AppBar(
        iconTheme: IconThemeData(
          color: Colors.white,
        ),
        backgroundColor: tesoGold,
        foregroundColor: Colors.white,
        toolbarTextStyle: TextStyle(
          color: Colors.white,
        ),
        automaticallyImplyLeading: true,
        title: Text(
          "Password Reset",
          style: TextStyle(
            color: Colors.white,
          ),
        ),
      ),
      body: Container(
        width: MediaQuery.of(context).size.width,
        height: MediaQuery.of(context).size.height,
        padding:
            EdgeInsets.symmetric(vertical: SizeConfig.safeBlockHorizontal * 20),
        child: Center(
          child: Column(
            children: [
              Container(
                width: SizeConfig.safeBlockHorizontal * 80,
                child: Text(
                  "Enter the verification code we sent below",
                  textAlign: TextAlign.center,
                  style:
                      TextStyle(fontSize: SizeConfig.safeBlockHorizontal * 7),
                ),
              ),
              SizedBox(
                height: 10,
              ),
              inputCode(context, code),
              SizedBox(
                height: 10,
              ),
              Container(
                width: SizeConfig.safeBlockHorizontal * 50,
                height: SizeConfig.safeBlockHorizontal * 10,
                decoration: BoxDecoration(
                    gradient: LinearGradient(
                      begin: Alignment.topCenter,
                      end: Alignment.bottomCenter,
                      colors: [
                        accentMain,
                        darkAccent,
                      ],
                      // stops: [0.1, 0.4, 0.7, 0.8],
                    ),
                    boxShadow: [
                      BoxShadow(
                        color: Colors.grey[500]!,
                        offset: Offset(0.0, 1.5),
                        blurRadius: 1.5,
                      ),
                    ]),
                child: Material(
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.all(
                      Radius.circular(25.0),
                    ),
                  ),
                  color: Colors.transparent,
                  child: InkWell(
                      onTap: () => Navigator.push(context, MaterialPageRoute(
                            builder: (context) {
                              return ResetPasswordCode(
                                code: int.parse(code.value.text),
                              );
                            },
                          )),
                      child: Center(
                        child: Text(
                          "Continue",
                          style: TextStyle(
                            fontSize: 18,
                            color: Colors.white,
                          ),
                        ),
                      )),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}