| Current File : /home/tradevaly/www/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(),
],
),
),
),
),
),
),
),
);
}
}