Current File : //home/tradevaly/new.tradevaly.com.bd/fresh/lib/view/screens/auth/create_account_screen.dart
import 'package:country_code_picker/country_code.dart';
import 'package:flutter/material.dart';
import 'package:flutter_grocery/data/model/response/signup_model.dart';
import 'package:flutter_grocery/helper/email_checker.dart';
import 'package:flutter_grocery/helper/responsive_helper.dart';
import 'package:flutter_grocery/helper/route_helper.dart';
import 'package:flutter_grocery/localization/language_constrants.dart';
import 'package:flutter_grocery/provider/auth_provider.dart';
import 'package:flutter_grocery/provider/splash_provider.dart';
import 'package:flutter_grocery/utill/color_resources.dart';
import 'package:flutter_grocery/utill/dimensions.dart';
import 'package:flutter_grocery/utill/styles.dart';
import 'package:flutter_grocery/view/base/custom_button.dart';
import 'package:flutter_grocery/view/base/custom_snackbar.dart';
import 'package:flutter_grocery/view/base/custom_text_field.dart';
import 'package:flutter_grocery/view/base/footer_view.dart';
import 'package:flutter_grocery/view/screens/auth/login_screen.dart';
import 'package:flutter_grocery/view/screens/auth/widget/code_picker_widget.dart';
import 'package:flutter_grocery/view/base/web_app_bar/web_app_bar.dart';
import 'package:flutter_grocery/view/screens/menu/menu_screen.dart';
import 'package:provider/provider.dart';

class CreateAccountScreen extends StatelessWidget {
  final FocusNode _firstNameFocus = FocusNode();
  final FocusNode _lastNameFocus = FocusNode();
  final FocusNode _emailFocus = FocusNode();
  final FocusNode _numberFocus = FocusNode();
  final FocusNode _passwordFocus = FocusNode();
  final FocusNode _confirmPasswordFocus = FocusNode();

  final TextEditingController _firstNameController = TextEditingController();
  final TextEditingController _lastNameController = TextEditingController();
  final TextEditingController _numberController = TextEditingController();
  final TextEditingController _emailController = TextEditingController();
  final TextEditingController _passwordController = TextEditingController();
  final TextEditingController _confirmPasswordController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    String _countryDialCode = CountryCode.fromCountryCode(Provider.of<SplashProvider>(context, listen: false).configModel.country).dialCode;
    double _width = MediaQuery.of(context).size.width;

    return Scaffold(
      appBar: ResponsiveHelper.isDesktop(context)? PreferredSize(child: WebAppBar(), preferredSize: Size.fromHeight(120)) :null,
      body: Consumer<AuthProvider>(
        builder: (context, authProvider, child) => SafeArea(
          child: Scrollbar(
            child: Center(
              child: SingleChildScrollView(
                padding: EdgeInsets.all(Dimensions.PADDING_SIZE_LARGE),
                physics: BouncingScrollPhysics(),
                child: Center(
                  child: Column(
                    children: [
                      ConstrainedBox(
                        constraints: BoxConstraints(minHeight: ResponsiveHelper.isDesktop(context) ? MediaQuery.of(context).size.height - 560 : MediaQuery.of(context).size.height),
                        child: Container(
                          width: _width > 700 ? 700 : _width,
                          padding: ResponsiveHelper.isDesktop(context)? EdgeInsets.symmetric(horizontal: 50,vertical: 50) : _width > 700 ? EdgeInsets.all(Dimensions.PADDING_SIZE_DEFAULT) : null,
                          decoration: _width > 700 ? BoxDecoration(
                            color: Theme.of(context).cardColor, borderRadius: BorderRadius.circular(10),
                            boxShadow: [BoxShadow(color: Colors.grey[300], blurRadius: 5, spreadRadius: 1)],
                          ) : null,
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              SizedBox(height: 30),
                              Center(
                                  child: Text(
                                    getTranslated('create_account', context),
                                    style: poppinsMedium.copyWith(fontSize: 24, color: ColorResources.getTextColor(context)),
                                  )),
                              SizedBox(height: 30),

                              // for first name section
                              Text(
                                getTranslated('first_name', context),
                                style: poppinsRegular.copyWith(color: ColorResources.getHintColor(context)),
                              ),
                              SizedBox(height: Dimensions.PADDING_SIZE_SMALL),
                              CustomTextField(
                                hintText: 'John',
                                isShowBorder: true,
                                controller: _firstNameController,
                                focusNode: _firstNameFocus,
                                nextFocus: _lastNameFocus,
                                inputType: TextInputType.name,
                                capitalization: TextCapitalization.words,
                              ),
                              SizedBox(height: Dimensions.PADDING_SIZE_LARGE),

                              // for last name section
                              Text(
                                getTranslated('last_name', context),
                                style: poppinsRegular.copyWith(color: ColorResources.getHintColor(context)),
                              ),
                              SizedBox(height: Dimensions.PADDING_SIZE_SMALL),
                              CustomTextField(
                                hintText: 'Doe',
                                isShowBorder: true,
                                controller: _lastNameController,
                                focusNode: _lastNameFocus,
                                nextFocus: _emailFocus,
                                inputType: TextInputType.name,
                                capitalization: TextCapitalization.words,
                              ),
                              SizedBox(height: Dimensions.PADDING_SIZE_LARGE),

                              // for email section

                              Provider.of<SplashProvider>(context, listen: false).configModel.emailVerification?
                              Text(
                                getTranslated('mobile_number', context),
                                style: poppinsRegular.copyWith(color: ColorResources.getHintColor(context)),
                              ):Text(
                                getTranslated('email', context),
                                style: poppinsRegular.copyWith(color: ColorResources.getHintColor(context)),
                              ),
                              SizedBox(height: Dimensions.PADDING_SIZE_SMALL),
                              Provider.of<SplashProvider>(context, listen: false).configModel.emailVerification ? Row(children: [
                                CodePickerWidget(
                                  onChanged: (CountryCode countryCode) {
                                    _countryDialCode = countryCode.dialCode;
                                  },
                                  initialSelection: _countryDialCode,
                                  favorite: [_countryDialCode],
                                  showDropDownButton: true,
                                  padding: EdgeInsets.zero,
                                  showFlagMain: true,
                                  textStyle: TextStyle(color: Theme.of(context).textTheme.headline1.color),

                                ),
                                Expanded(child: CustomTextField(
                                  hintText: getTranslated('number_hint', context),
                                  isShowBorder: true,
                                  controller: _numberController,
                                  focusNode: _numberFocus,
                                  nextFocus: _passwordFocus,
                                  inputType: TextInputType.phone,
                                ),),
                              ]) : CustomTextField(
                                hintText: getTranslated('demo_gmail', context),
                                isShowBorder: true,
                                controller: _emailController,
                                focusNode: _emailFocus,
                                nextFocus: _passwordFocus,
                                inputType: TextInputType.emailAddress,
                              ),

                              SizedBox(height: Dimensions.PADDING_SIZE_LARGE),

                              // for password section
                              Text(
                                getTranslated('password', context),
                                style: poppinsRegular.copyWith(color: ColorResources.getHintColor(context)),
                              ),
                              SizedBox(height: Dimensions.PADDING_SIZE_SMALL),
                              CustomTextField(
                                hintText: getTranslated('password_hint', context),
                                isShowBorder: true,
                                isPassword: true,
                                controller: _passwordController,
                                focusNode: _passwordFocus,
                                nextFocus: _confirmPasswordFocus,
                                isShowSuffixIcon: true,
                              ),

                              SizedBox(height: 22),
                              // for confirm password section
                              Text(
                                getTranslated('confirm_password', context),
                                style: poppinsRegular.copyWith(color: ColorResources.getHintColor(context)),
                              ),
                              SizedBox(height: Dimensions.PADDING_SIZE_SMALL),
                              CustomTextField(
                                hintText: getTranslated('password_hint', context),
                                isShowBorder: true,
                                isPassword: true,
                                controller: _confirmPasswordController,
                                focusNode: _confirmPasswordFocus,
                                isShowSuffixIcon: true,
                                inputAction: TextInputAction.done,
                              ),

                              SizedBox(height: 22),
                              Row(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: [
                                  authProvider.registrationErrorMessage.length > 0
                                      ? CircleAvatar(backgroundColor: Theme.of(context).primaryColor, radius: 5)
                                      : SizedBox.shrink(),
                                  SizedBox(width: 8),
                                  Expanded(
                                    child: Text(
                                      authProvider.registrationErrorMessage ?? "",
                                      style: poppinsRegular.copyWith(
                                        fontSize: Dimensions.FONT_SIZE_SMALL,
                                        color: Theme.of(context).primaryColor,
                                      ),
                                    ),
                                  )
                                ],
                              ),

                              // for signup button
                              SizedBox(height: 10),
                              !authProvider.isLoading
                                  ? CustomButton(
                                buttonText: getTranslated('signup', context),
                                onPressed: () {
                                  String _firstName = _firstNameController.text.trim();
                                  String _lastName = _lastNameController.text.trim();
                                  String _number = _numberController.text.trim();
                                  String _email = _emailController.text.trim();
                                  String _password = _passwordController.text.trim();
                                  String _confirmPassword = _confirmPasswordController.text.trim();
                                  if(Provider.of<SplashProvider>(context, listen: false).configModel.emailVerification){
                                    if (_firstName.isEmpty) {
                                      showCustomSnackBar(getTranslated('enter_first_name', context), context);
                                    }else if (_lastName.isEmpty) {
                                      showCustomSnackBar(getTranslated('enter_last_name', context), context);
                                    }else if (_number.isEmpty) {
                                      showCustomSnackBar(getTranslated('enter_phone_number', context), context);
                                    }else if (_password.isEmpty) {
                                      showCustomSnackBar(getTranslated('enter_password', context), context);
                                    }else if (_password.length < 6) {
                                      showCustomSnackBar(getTranslated('password_should_be', context), context);
                                    }else if (_confirmPassword.isEmpty) {
                                      showCustomSnackBar(getTranslated('enter_confirm_password', context), context);
                                    }else if(_password != _confirmPassword) {
                                      showCustomSnackBar(getTranslated('password_did_not_match', context), context);
                                    }else {
                                      SignUpModel signUpModel = SignUpModel(
                                        fName: _firstName,
                                        lName: _lastName,
                                        email: authProvider.email,
                                        password: _password,
                                        phone: _number,
                                      );
                                      authProvider.registration(signUpModel).then((status) async {
                                        if (status.isSuccess) {
                                          Navigator.pushNamedAndRemoveUntil(context, RouteHelper.menu, (route) => false, arguments: MenuScreen());
                                        }
                                      });
                                    }
                                  }else{
                                    if (_firstName.isEmpty) {
                                      showCustomSnackBar(getTranslated('enter_first_name', context), context);
                                    }else if (_lastName.isEmpty) {
                                      showCustomSnackBar(getTranslated('enter_last_name', context), context);
                                    }else if (_email.isEmpty) {
                                      showCustomSnackBar(getTranslated('enter_email_address', context), context);
                                    }else if (EmailChecker.isNotValid(_email)) {
                                      showCustomSnackBar(getTranslated('enter_valid_email', context), context);
                                    }else if (_password.isEmpty) {
                                      showCustomSnackBar(getTranslated('enter_password', context), context);
                                    }else if (_password.length < 6) {
                                      showCustomSnackBar(getTranslated('password_should_be', context), context);
                                    }else if (_confirmPassword.isEmpty) {
                                      showCustomSnackBar(getTranslated('enter_confirm_password', context), context);
                                    }else if(_password != _confirmPassword) {
                                      showCustomSnackBar(getTranslated('password_did_not_match', context), context);
                                    }else {
                                      SignUpModel signUpModel = SignUpModel(
                                        fName: _firstName,
                                        lName: _lastName,
                                        email: _email,
                                        password: _password,
                                        phone: authProvider.email.trim(),
                                      );
                                      authProvider.registration(signUpModel).then((status) async {
                                        if (status.isSuccess) {
                                          Navigator.pushNamedAndRemoveUntil(context, RouteHelper.menu, (route) => false, arguments: MenuScreen());
                                        }
                                      });
                                    }
                                  }

                                },
                              ) : Center(
                                  child: CircularProgressIndicator(
                                    valueColor: new AlwaysStoppedAnimation<Color>(Theme.of(context).primaryColor),
                                  )),

                              // for already an account
                              SizedBox(height: 11),
                              InkWell(
                                onTap: () {
                                  Navigator.of(context).pushReplacementNamed(RouteHelper.login, arguments: LoginScreen());
                                },
                                child: Padding(
                                  padding: const EdgeInsets.all(8.0),
                                  child: Row(
                                    mainAxisAlignment: MainAxisAlignment.center,
                                    children: [
                                      Text(
                                        getTranslated('already_have_account', context),
                                        style: poppinsRegular.copyWith(fontSize: Dimensions.FONT_SIZE_SMALL, color: ColorResources.getHintColor(context)),
                                      ),
                                      SizedBox(width: Dimensions.PADDING_SIZE_SMALL),
                                      Text(
                                        getTranslated('login', context),
                                        style: poppinsMedium.copyWith(fontSize: Dimensions.FONT_SIZE_SMALL, color: ColorResources.getTextColor(context)),
                                      ),
                                    ],
                                  ),
                                ),
                              ),
                            ],
                          ),
                        ),
                      ),
                      ResponsiveHelper.isDesktop(context) ? SizedBox(height: 50,) : SizedBox(),
                      ResponsiveHelper.isDesktop(context) ? FooterView() : SizedBox(),
                    ],
                  ),
                ),
              ),
            ),
          ),
        ),
      ),
    );
  }
}